/*****************************************************************
 * TITLE: VHC Medical Brigade CSS
 * AUTHOR: Nick Brock
 ******************************************************************/

/* The Basics */

body {
	font: 76%/1.6em Arial, sans-serif;
	background: #d2be8b;
	color: #877754;

}

p {
	font-family: arial;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	color: #877754;
	border: 0px solid red;
}

ol {
	list-style: decimal;
	list-style-position: inside;
	padding-bottom: 10px;
}

ol ol{
	list-style: lower-alpha;
	list-style-position: inside;
	padding-left: 30px;
}

a:link, a:visited { 
	text-decoration: none;
	color: #175a87;

}

a:hover { 
	text-decoration: underline;
	color: #228dd4;
}

h3 {
	font-family: Tahoma, Arial, sans-serif;
	color: #175a87;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.5em;
	padding: 0px 0 0 0px;
}

/* Containers */

#wrapper {
	width: 980px;
	margin: 0 auto;
	border: 0px solid red;
}

#container { 
	position: relative;
	border: 0px solid blue;
}

/* Header Style */

 /* Image Rotator*/
 
 #rotator {
background:#222222 url(images/rotator.php) no-repeat scroll center top;
color:inherit;
height:150px;
width:100%;
}

/* Splash Styles */

.image-rotator{
	position: absolute;
	margin-top: 21px;
	margin-right: 184px;
	right: 0px;
	width: 250px;
	height: 180px;
	border: 0px solid red;
}

.image-rotator-long {
	position: absolute;
	margin-top: 21px;
	margin-right: 223px;
	right: 0px;
	width: 250px;
	height: 180px;
	border: 0px solid red;
}

#header-eye {
	height: 203px;
	width: 1020px;
	background: url(../images/bg_glasses.jpg) no-repeat 0 0;
	position: relative;
	border: 0px solid red;
}

#header-eye h1 a{
	position: absolute;
	width: 341px;
	height: 127px;
	top: 22px;
	left: 27px;
	text-indent: -9999px;
	border: 0px solid blue;
}

#footer  a{
	position: absolute;
	width: 143px;
	height: 53px;
	margin-left: 420px;
	border: 0px solid red;
}

/* Navigation  #nav3  */

#nav_container {
	background: #000 url(../images/bkgd_nav.jpg) no-repeat 0 0;
	position: relative;
	height: 60px;
	border: 0px solid blue;
}

#nav3 {
	position: absolute;
	width: 980px;
	height: 60px;
	background: #aba088 url(../images/bg_nav-xray.jpg) no-repeat 0 0;
}

#nav3 ul {
	margin: 0 auto;
	border: 0px solid red;
}

#nav3 ul li {
	display: inline;	
}

#nav3 ul li a.who, 
#nav3 ul li a.who:visited {
	background: url(../images/who_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 109px;
	height: 60px;
}

#nav3 ul li a.who:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.what, 
#nav3 ul li a.what:visited {
	background: url(../images/what_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 115px;
	height: 60px;
}

#nav3 ul li a.what:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.partner, 
#nav3 ul li a.partner:visited {
	background: url(../images/partner_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 115px;
	height: 60px;
}

#nav3 ul li a.partner:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.photogallery, 
#nav3 ul li a.photogallery:visited {
	background: url(../images/gallery_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 116px;
	height: 60px;
}

#nav3 ul li a.photogallery:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.media, 
#nav3 ul li a.media:visited {
	background: url(../images/media_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 71px;
	height: 60px;
}

#nav3 ul li a.media:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.donate, 
#nav3 ul li a.donate:visited {
	background: url(../images/donate_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 111px;
	height: 60px;
}

#nav3 ul li a.donate:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.contact, 
#nav3 ul li a.contact:visited {
	background: url(../images/contact_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 100px;
	height: 60px;
}

#nav3 ul li a.contact:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.home, 
#nav3 ul li a.home:visited {
	background: url(../images/home_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 60px;
	height: 60px;
}

#nav3 ul li a.home:hover {
	background-position: 0 -60px;
}

#nav3 ul li a.blog, 
#nav3 ul li a.blog:visited {
	background: url(../images/blog_btn.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	width: 59px;
	height: 60px;
}

#nav3 ul li a.blog:hover {
	background-position: 0 -60px;
}

#nav3 ul li.current a,
#nav3 ul li.current a:hover {
	background-position: 0 -60px !important;
}

/* Child Navigation */

#childnav {
	font-size: 1em;
	height: 22px;
	float: left;
	width: 980px;
	background: url(../images/child_bg-nav.jpg) repeat-y 0 0;
	border: 0px solid red;
}

#childnav ul {
	margin: 0 auto;
	border: 0px solid red;
}

#childnav ul li {
	display: inline;
	
}

#childnav ul li a,
#childnav ul li a:visited {
	float: left;
	padding: 1px 15px;
	text-decoration: none;
	color: #175a87;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: normal;
}

#childnav ul li a.current,
#childnav ul li a:hover { 
	text-decoration: underline;
	color: #228dd4;

}

#childnav ul li a#current_sub {
	text-decoration: underline;
	color: #228dd4;
}

/* Content Styles */
#content {
	min-height:500px;
  	height:auto !important;
  	height:500px;
	width: 980px;
	float: left;
	background: url(../images/bg_middlebtm-v2.jpg) repeat-y 0 0;
	border-bottom:2px dotted #7F8D2B;
	}

#content h2 {
	font-family: Tahoma, Arial, sans-serif;
	color: #6c9610;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: normal;
	border: 0px solid blue;
}

#bioimage {
	position: relative;
	top: 25px;
	left: 30px;
	float: left;
	border: 0px solid blue;
}

/* Left Content */

#leftcontent {
	height: 900px;
	width: 450px;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	border: 0px solid blue;
}

#leftcontent p {
	font-family: arial;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 15px;
	color: #877754;
	border: 0px solid red;
}

#leftcontent h6 {
	font-family: Arial;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	color: #877754;
	border: 0px solid red;
}

#leftcontent .topspace {
	font-family: Arial;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 5px;
	color: #877754;
	border: 0px solid red;
}

/* Right Content */

#rightcontent {
	width: 230px;
	position: relative;
	padding: 0px 0px 20px 0; 
	float: right;
	border: 0px solid red;
}

#rightcontentarchive {
	width: 250px;
	position: relative;
	padding: 20px; 
	float: right;
	background: url(../images/vert_borderdotted.jpg) repeat-y 0 0;
}

/* Footer */

#footer{
	height: 77px;
	background: url(../images/bg_footer.jpg) no-repeat 0 0;
	border: 0px solid green;
	
}

#footer  a.medicalbrigade{
	float: left;
	width: 143px;
	height: 50px;
	margin-top: 20px;
	margin-left: 300px;
	border: 0px solid green;
}

#footer  a{
	float: left;
	width: 143px;
	height: 50px;
	margin-top: 20px;
	margin-left: 545px;
	border: 0px solid red;
}

/* Clearing Help */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.clearfix { 
	display: inline-block;
}

.clearfix { 
	display: block;
}