/**
 * Style rules for the Rescue One site
 * @author Luis Pirir lpirir@truepresence.com, luispirir@gmail.com
 */
*, html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
	body {
		font-size: 62.5%;
		font-family: Verdana, Lucida Sans Unicode, Lucida Grande, Lucida, Arial, sans-serif;
		text-align: center;
		background: url(../images/bg_site.jpg) repeat-x;
	}
/** LAYOUT **/
#wrapper {
	width: 978px;
	margin: 0 auto;
	text-align: left;
}
	#header {
		height: 78px;
		position: relative;
	}
		#header h1 {
			width: 322px;
			height: 78px;
			background: url(../images/logo.jpg) no-repeat;
			text-indent: -99999px;
		}
		#header form {
			width: 270px;
			position: absolute;
			right: 0;
			top: 0;
			overflow: hidden;
			height: 22px;
			padding-top: 28px;
		}
			#header form label {
				float: left;
				line-height: 22px;
				color: #02649c;
				text-transform: capitalize;
				font-weight: bold;
				font-size: 1.0em;				
				margin-right: 5px;
			}
			#header form input.text { 
				float: left; 
				width: 145px;
				height: 20px;	
				background: url(../images/bg_formSearch.jpg) no-repeat;
				padding: 3px 5px;
				margin-top: 1px;
				margin-right: 5px;				
				font: 1.1em Arial, sans-serif;
			}
	/** CONTENT **/
	#content { }
		/** MENU **/
		#content #menu {
			float: left;
			width: 226px;
/*			background-color: #D0E4F0;*/
			background-color: #9FD0EE;
			padding: 20px 10px 10px;
		}
			#menu li{		
				width: 224px;
				background: url(../images/bgLiMenuNormal.jpg) repeat-x;
				list-style: none;
			}
				#menu ul ul {
					margin: 5px 5px 0;
					background-color: #2686C0;
				}
					#menu ul ul li {
						background: none;
					}   
			#menu li:hover, #menu li.menu-current, #menu li.menu-parent {
				background:url(../images/bgLiMenuOver.jpg) repeat-x;
			}
				#menu li li:hover { background: none; }
				#menu li li.menu-current { background: none; }
			#menu li#p46 { 
				background:url(../images/bg_aed.jpg) repeat-x; 
				height: 59px;
			}
				#menu li#p46:hover { background:url(../images/buttonover.jpg) repeat-x; }
			#menu li a{
				width:217px;
				display:block;
				font-weight: bold;
				font-size: 12px;
				line-height: 34px;
				color: #fff;
				padding-left: 25px;
				text-decoration: none;
			}
			#menu li#p46 a { 
				line-height: 1.4em; 
				padding-top: 10px;	
			}
				#menu li li a { 
					padding: 5px; 
					line-height: 1.4em;	
				}
			#menu a:hover{
				width:217px;
				/*height:39px;*/
				background:url(../images/imgCruz.jpg);
				background-position: 6px center;
				background-repeat:no-repeat;
			}	
				#menu a.menu-current, #menu li.menu-parent a { background: url(../images/imgCruz.jpg) 6px 9px no-repeat; }
					#menu li.menu-parent li a { background: none; }
					#enu li li a.menu-current { background: none; color: #9fd0ee; }
				#menu li li a:hover, #menu li li a.menu-current { 
					background: none; 
					color: #9FD0EE;	
				}			
		/** TEXT **/
		#content #text {
			float: left;
			width: 660px;
			font-size: 1.2em;
			line-height: 1.4em;
			color: #02649c;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			margin-left: 10px;
		}
			#text h2 {
				color: #06679e;
				margin: 0.5em 0;
				line-height: 1.3em;
				text-align: center;
			}
			#text p { padding: 0.5em 0; }			
			#text ul, #text ol { margin: 1em 3em; }
			#text a {
				color: #2385bd;
				text-decoration: none;
				border-bottom: 1px solid #1e1e33;				
			}
				#text a:hover {
					color: #fc0e04;
					border-bottom-color: #fc0e04;										
				}
			#text img {
				margin: 0 5px;				
			}
			#text .banner-bottom {
				display: block;
				margin: 2.0em auto;
				border: none;
			}
		#content #boxes {
			overflow: hidden;
			margin-top: 1.0em;
			padding-top: 1.0em;
			clear: both;
			padding-left: 40px;
		}
			#boxes div {
				float: left;
				width: 179px;
				height: 166px;
				padding: 0 10px 10px;
				margin-right: 5px;
			}
			#boxes h2 {
				color: #fff;
				font-size: 1.3em;
				line-height: 27px;				
				text-align: center;
			}
			#boxes p {
				padding: 0.5em;
				color: #02649c;
				font-size: 1.1em;
				line-height: 1.4em;
			}
			#boxes a {
				color: #2385bd;
				text-decoration: none;
				border-bottom: 1px solid #1e1e33;				
			}
				#boxes a:hover {
					color: #fc0e04;
					border-bottom-color: #fc0e04;										
				}
			#boxes #register {				
				width: 258px;				
				background: url(../images/register.jpg) no-repeat;
			}
			#boxes #courses {				
				background: url(../images/courses.jpg) no-repeat;
			}
			#boxes #product {
				background: url(../images/product.jpg) no-repeat;
			}
			#boxes #support {
				background: url(../images/support.jpg) no-repeat;
				margin-right: 0;
			}
		/** CALENDAR **/
		.calendar {
			width: 100%;
			margin: auto;
		}
			.calendar td {
				width: 100px;
				height: 100px;
			}
	/** FOOTER **/
	#footer {
		margin-top: 1.0em;
		line-height: 3em;
		font-size: 1.1em;
		overflow: hidden;
	}
		* html #footer { clear: both; }
		* html #footer a { float: left; }
		#footer address {
			font-style: normal;
			font-weight: normal;
			color: #02649c;
			width: 60%;
			float: right;
		}
			* html #footer address a { float: none; }
			#footer a {
				color: #2385bd;						
			}
				#footer a:hover {
					color: #fc0e04;
				}