/* * * IHMS CSS * * */

@import url(forms.css); /* Styles for forms */

body{
	background:url(../../img/body-bg.jpg) top left repeat-x #001937;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.left{float:left}
.right{float:right}
.clear{clear:both}
.border{border:1px solid red}

.imageRight{
	float:right;
	margin-left:10px;
	border:2px solid #D7ECFF;
}
.imageLeft{
	float:left;
	margin-right:10px;
	border:2px solid #D7ECFF;
}


/* * Container * */

#container{
	width:960px;
	margin:20px auto;
	}
	#containerInner{
		background:#FFF;
		padding:0;
		}
	#top{
		background:url(../../img/container-top.gif) top left no-repeat;
		height:18px;
		}
	#bottom{}

/* * Header * */

#header{
	margin:0 14px 12px 14px;
	font-size:11px;
	height:100px;
	}
/* * Header - Search Form * */

	#header #search{
		float:right;
		margin-right:2px;
		width:400px;
		position:relative;
		padding:0;
		}
		#header #search form.search{
			background:url(../../img/search-bg.jpg) top left no-repeat;
			position:relative;	
			float:left;
			top:0;
			left:135px;
			width:132px;
			height:30px;
			margin:0;
			padding:0;
			}
		#header #search form.search label,
		#header #search form.search input{
			background:none;
			border:none;
			outline:none;
			padding:0;
			margin:0;
			}
		fieldset{
			margin:0;
			padding:0;
			height:auto;
		}
		#header #search form.search input#ajaxSearch_input{
			width:92px;
			height:30px;
			height:35px\9;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#2479b1;
			margin:0 0 0 30px;
			*padding:8px 0 0 0;
			position:relative;
			top:0;
			left:0;
			overflow:hidden;
			}
		#header #search form.search input#ajaxSearch_submit{
			background:url(../../img/lens.png) top left no-repeat;
			font-size:11px;
			position:absolute;
			z-index:50;
			top:4px;
			left:6px;
			height:20px;
			width:22px;
			border:none;
			outline:none;
			cursor:pointer;
			}
/* * end of search * */

		#header #search p{
			color:#2479b1;
			padding-top:5px;
			float:right;
			}
			#header #search p a{
				color:#2479b1;
				text-decoration:underline;
				}
			#header #search p img{
				vertical-align:middle;
				margin:0 5px;
				}
		#header #search img.contact-button{
			float:right;
			margin:7px -5px 0 0;
			position:relative;
			z-index:500;
			}

/* * Navigation * */

#nav{
	background:url(../../img/nav-bg.jpg) top left no-repeat;
	width:938px;
	height:42px;
	margin-left:10px;
	position:relative;
	z-index:1000;
	}
	ul#menu{
		font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size:15px;
		padding:4px
		}
		ul#menu li{
			float:left;
			border-right:1px solid #0d3753;
			border-left:1px solid #4691c8;
			height:35px;
			position:relative;
			}
			ul#menu li.first{border-left:none}
			ul#menu li.last{border-right:none}
			ul#menu li img{
				vertical-align:top;
				padding-left:3px;
				
				}
			ul#menu li a{
				color:#FFF;
				height:28px;
				padding:7px 26px;
				display:block;
				}
				ul#menu li.first a{padding:7px 29px 7px 30px}
				ul#menu li.last a{padding:7px 30px}
				ul#menu li a:hover{
					background:url(../../img/active-nav-bg.jpg) top left repeat-x;
					}
					
/*  * Nav - Sub Nav * */
	ul#menu li ul{
		background:url(../../img/subnav-bg.png) left bottom no-repeat;
		position:absolute;
		width:219px;
		top:35px;
		left:-11px;
		display:none;
		z-index:500;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		}
		ul#menu li.first ul{
			background:url(../../img/subnav-bg.png) left bottom no-repeat;
			width:233px;
			left:-10px;
			}
		/* ul#menu li.training ul{
			background:url(../../img/subnav-first-bg.png) left bottom no-repeat #CCC;
			width:219px;
			}*/
		ul#menu li:hover ul{
			display:block;
			}
		ul#menu li ul li {
			float:none;
			line-height:28px;
			border:none;
			border-bottom:1px solid #9bb2c9;
			height:auto;
			line-height:28px;
			margin:0 23px 0;
			}
			ul#menu li ul li.last{
				border:none;
				padding-bottom:15px;
				}
			ul#menu li ul li a{
				background:none;
				text-transform:none;
				font-size:11px;
				color:#164b7c;
				float:none;
				line-height:28px;
				padding:0 0 0 13px;
				}
				ul#menu li ul li.first a,
				ul#menu li ul li.last a{
					padding:0 0 0 13px;
					}
				ul#menu li.first ul a,
				ul#menu li.last ul a{
					padding:0 0 0 13px;
					}
			ul#menu li:hover ul{
				display:block;
				}
				ul#menu li ul li a:hover,
				ul#menu li ul li a.active{
					background:none;
					color:#01B697;
					}

/* * Page * */

#page{
	width:100%;
	background:url(../../img/page-bg.gif) top left repeat-x #f5fcff;
	}

/* * Sidebar * */

#sidebar{
	background:url(../../img/sidebar-bg.jpg) top left no-repeat;
	width:214px;
	height:622px;
	float:left;
	padding:0 33px;
	}
	#sidebar #body-mechanics{
		width:220px;
		padding:36px 0 0 7px;
		}
		#sidebar #body-mechanics img{}
	#sidebar #button.online-referral{background:url(../../img/online-referral.jpg) top left no-repeat}
	#sidebar #button.events-calendar{background:url(../../img/events-calendar.jpg) top left no-repeat}
	#sidebar #button.feedback{background:url(../../img/feedback.jpg) top left no-repeat}
	#sidebar #button{
		width:232px;
		height:63px;
		margin:0 0 0 -9px;
		}
		#sidebar #button a{
			font-size:19px;
			*font-size:19px;
			line-height:100%;
			color:#002042; 
			position:relative;
			top:9px;
			left:9px; 
			padding:11px 0 0 46px;
			width:168px;
			display:block;
			height:34px;
			}
		#sidebar #button.online-referral{background:url(../../img/online-referral.jpg) top left no-repeat}
		#sidebar #button.events-calendar{background:url(../../img/events-calendar.jpg) top left no-repeat}
		#sidebar #button.feedback{background:url(../../img/feedback.jpg) top left no-repeat}
	
	#sidebar p{
		font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size:18px;
		*font-size:16px;
		line-height:135%;
		color:#0068bc;
		text-align:center;
		padding:32px 0 18px 0;
		*padding:32px 0 10px 0;
		}

/* * Content * */

#content{
	background:url(../../img/content-bg.gif) 50% 83% no-repeat;
	width:610px;
	min-height:492px;
	float:left;
	margin-top:0;
	padding:0 40px 0 30px;
	}
	#content.subContent{
		padding:25px 0 40px 30px;
		background:url(../../img/content-bg.gif) 50% 175px no-repeat;
		min-height:625px;
		}
	#content h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:28px;
		color:#009472;
		padding-bottom:10px;
		}
	#content h2{
		font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size:22px;
		font-weight:bold;
		color:#267CB5;
		padding:10px 0 5px 0;
		}
		#content h2 a{
			color:#267CB5;
			}
	#content h3{
		font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#267CB5;
		padding:10px 0 5px 0;
		}
	#content p{
		font-size:13px;
		line-height:140%;
		padding-bottom:10px;
		}
		#content p a{
			color:#009472;
			text-decoration:underline;
			}
			#content p a:hover{
				text-decoration:none;
				}
		#content p.logout{
			font-size:18px;
		}
	#content ul,
	#content ol{
		padding:0 0 20px 40px}
		#content ul li,
		#content ol li{
			line-height:175%;
			}
		#content ul li{list-style-type:disc}
		#content ol li{list-style-type:decimal}
		#content ul li a,
		#content ol li a{
			color:#3B8DBF;
			}
			#content ul li ul,
			#content ol li ul{
				padding:0 0 0 20px
				}
			#content ul li ul li{list-style-type:circle}
			#content ol li ol li{list-style-type:upper-roman}
	
	#content #main-image{
		background:url(../../img/image-bg-taller.png) top left no-repeat;
		width:629px;
		height:258px;
		margin:1px 0 -7px -30px;
		padding:35px 0 0 36px;
		position:relative;
		z-index:100;
		}
		#content #main-image #slideshow{
			background:#FFF;
			width:595px;
			height:190px;
			}
	#content #wellness{
		background:;
		width:670px;
		height:auto;
		margin:-15px 0 0 -16px;
		*margin:0 0 0 -16px;
		}
		#content #wellness .wtop{
			background:url(../../img/wellness-top-bg.png) top left no-repeat;
			height:140px;
			}
		#content #wellness .wmiddle{
			background:url(../../img/wellness-middle-bg.png) top left repeat-y;
			height:auto;
			}
		#content #wellness .wbottom{
			background:url(../../img/wellness-bottom-bg.png) top left no-repeat #F5FCFF;
			height:148px;
			margin-top:-145px;
			}
		#content #wellness p{
			color:#FFF;
			font-size:12px;
			padding:0 0 0 20px;
			}
		#content #wellness p.wellness-tip{
			background:url(../../img/wellness-tip-bg.gif) top left no-repeat;
			width:247px;
			height:36px;
			color:#00274b;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:normal;
			padding:5px 0 10px 18px;
			}
		#content #wellness #wmiddle-content{
			position:relative;
			top:-80px;
			left:50px;
			width:550px;
			}
			
/* * Footer * */

#footer{
	background:url(../../img/footer-bg.jpg) top left no-repeat;
	width:100%;
	height:97px;
	}
	#footer img{}
		#footer img.logo{
			margin:23px 20px 0 13px;
			float:left;
			}	
	#footer #info{
		float:left;
		padding-top:23px;
		}	
	#footer #info p{
		color:#1c5e92;
		font-size:11px;
		line-height:160%;
		}
	#footer #badges{
		float:right;
		padding-top:5px;
		}
		#footer #badges img{
			float:left
			}

/* * Copyright * */

#copyright{}
	#copyright p{
		font-size:11px;
		text-align:center;
		color:#FFF;
		line-height:150%;
		}
		#copyright p a{
			color:#d2efff;
			text-decoration:underline;
			}