@charset "UTF-8";
/*##################################################*/
/*##################################################*/

	/*HTML CODE WRITTEN BY BENJAMIN CAPLAN
    
		BENJAMIN CAPLAN: IAmCaplan.com*/


/*##################################################*/
/*##################################################*/

/*########NORMALIZE########*/
#container_nav *, #container_header *{
	margin: 0px;
	padding: 0px;
	border: 0;
}

#container_header a, #container_nav a{
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
/*end normalizer*/




/*########MAIN STYLES########*/
body{
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

a{
	color: #C22A30;
	font-weight: normal;
}

/*end main styles*/





/*########DIVS########*/
	/*######################################################################### HEADER   */
	/*--==CONTAINER_HEADER==--*/
	#container_header{
		width: 745px;
		height: 81px;
		padding: 0;
		position: relative;
		background-position: bottom center;
		background-color: #DBE0DF;
		border-right: 2px solid #697895;
	}
		#container_header #logo{
			width: 509px;
			height: 57px;
			position: absolute;
			top: 16px;
			left: 23px;
			background-image: url(../images/nav/logo.jpg);
			background-repeat: no-repeat;
		}
		#container_header #whiddenlogo{
			width: 509px;
			height: 57px;
			position: absolute;
			top: 16px;
			left: 23px;
			background-image: url(../images/nav/logo_whidden.jpg);
			background-repeat: no-repeat;
		}
			#container_header #logo a{
				display: block;
				position: absolute;
				height: 50px;
				top: 0;
				z-index: 1;
			}
			#container_header #whiddenlogo a{
				display: block;
				position: absolute;
				height: 50px;
				top: 0;
				z-index: 1;
			}
				#container_header #logo a#hms_logo{
					width: 40px;
					left: 470px;
				}
				#container_header #logo a#hms_logo_text{
					width: 210px;
					left: 300px;
					top: 50px;
					height: 10px;
				}
				#container_header #logo a#cha_logo{
					width: 350px;
					left: 0;
				}
				#container_header #whiddenlogo a#cha_logo{
					width: 350px;
					left: 0;
				}
			
		#container_header #right_content{
			display: block;
			width: 140px;
			height: auto;
			position: absolute;
			top: 0;
			right: 0;
		}
			#container_header #right_content ul{
				list-style-type: none;
			}
				#container_header #right_content ul li{
					padding-right: 20px;
					text-align: right;
					margin: 2px 0;
				}
					#container_header #right_content ul li a{
						color: #C22A30;
						font-size: 1.0em;
						font-weight: bold;
					}
			#container_header #right_content p{
				padding: 2px 0;
				background-color: #EFF9FE;
				font-size: 0.9em;
				text-align: center;
				text-transform: uppercase;
			}
				#container_header #right_content p a{
					font-size: 0.9em;
					color: #231F20;
					font-weight: bold;
				}
					#container_header #right_content p a:hover{
						text-decoration: underline;
					}
	
	
	
	
	
	/*######################################################################### MAIN MAV   */
	/*--==CONTAINER_NAV==--*/
	#container_nav{
		clear: both;
		width: 747px;
		height: 29px;
		margin: 0;
		position: relative;
		background-image: url(../images/nav/nav_bg.jpg);
		background-repeat: repeat-x;
	}
		#container_nav ul{
			width: auto;
			float: right;
			border-right: 2px solid #697895;
			list-style-type: none;
		}
			#container_nav ul li{
				width: auto;
				height: 29px;
				float: left;
				position: relative;
				background-image: url(../images/nav/nav_spacer.gif);
				background-repeat: no-repeat;
				background-position: top left;
			}
				#container_nav ul li a{
					color: #231F1F;
					font-weight: bold;
					font-size: 0.85em;
					display: block;
					padding: 7px 12px 9px 15px;
				}	
					#container_nav ul li.bigger a{
						font-weight: bold;
						font-size: 1.0em;
						display: block;
						padding: 7px 10px 8px 15px;
					}
					#container_nav ul li a:hover{
						color: #9B2D52;
					}	
					
				#container_nav ul li ul{
					display: none;
					height: auto;
					width: 150px;
					padding: 5px;
					border: 3px solid #A9C9E2;
					border-top: none;
					background-color: #C7EBFB;
					position: absolute;
					top: 29px;
					left: 0;
					z-index: 1000 !important;
				}
					#container_nav ul li ul li{
						float: none;
						height: auto;
						background-image: none;
						border-top: 1px solid #ffffff;
					}
						#container_nav ul li ul li a{
							font-weight: normal;
							font-size: 1.0em;
							padding: 9px 0;
						}
							#container_nav ul li ul li a:hover{
								color: #B94948;
								font-weight: bold;
							}
				/*HOVER*/		
				#container_nav ul li:hover ul{
					display: block;
				}
	
/*######################################################################### GENERAL RULES   */
.hidden{
	visibility: hidden;	
}
.clear{
	clear: both;	
}
.light_blue{
	color: #92B7D5;	
}