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

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

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

}

strong {
	font-weight: bold;
}

b {
	font-weight: normal;
	margin-left: 5px;
}

hr {
	color: #77a512; 
	background-color: #77a512; 
	border: 1px dotted #fff; 
	border-style: none none dotted;
    color: #d2be8b;
	margin-top: 20px; 
	margin-bottom: 20px; 
}

hr.img {
	margin-bottom: 10px;
	}
	
u {
	text-decoration: underline;
}

p {
	font-family: Arial;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 15px;
	line-height: 1.5em;
	color: #877754 !important;
}




#splash p, #leftcontent p {
	margin:0;
	}
	


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

}

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

}

a.pdf { 
	background: url(images/pdf.png) no-repeat right center;
	padding-right: 20px;
	line-height: 16px; 
}
 
a.txt { 
	background: url(images/txt.png) no-repeat right center;
	padding-right: 20px;
	line-height: 16px;
}
 
a.email {
	background: url(images/email.png) no-repeat right center;
	padding-right: 20px;
	line-height: 16px;
}
 
a.http {
	background: url(../images/icons/ext_link.gif) no-repeat right center;
	padding-right: 15px;
	line-height: 16px;
}

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

h2 {
	font-family: Tahoma, Arial, sans-serif;
	color: #175a87;
	font-size: 1.3em;
	line-height: 2em;

	font-weight: normal;
	border: 0px solid blue;
	clear: both;
}

h2.img{
	/*background: url(../images/horz_borderdotted.jpg)repeat-x 0 0; */
	}
h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	line-height: 1.5em;
}
ol {
	list-style: decimal;
	list-style-position: inside;
	padding-bottom: 10px;
	padding-left: 20px;
}

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

a#profitlink {
	font-family: Tahoma, Arial, sans-serif;
	color: #175a87;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: normal;
}

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

}
/* Containers */

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

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

/* Header Styles */


#header3 {
	height: 203px;
	width: 980px;
	background: url(../images/bg_scope3.jpg) no-repeat 0 0;
	position: relative;
	border: 0px solid red;
}


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

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

#header h1 a{
	position: absolute;
	width: 341px;
	height: 127px;
	top: 22px;
	left: 30px;
	border: 0px solid blue;
}

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

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

#header-ray {
	height: 203px;
	width: 1020px;
	background: url(../images/bg_xray.jpg) no-repeat 0 0;
	position: relative;
	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-crutch {
	height: 203px;
	width: 1020px;
	background: url(../images/bg_crutches.jpg) no-repeat 0 0;
	position: relative;
	border: 0px solid red;
}

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

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

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

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

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

#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  #nav*/

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

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

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

#nav ul li {
	display: inline;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#nav ul li.current a,
#nav ul li.current a:hover {
	background-position: 0 -60px !important;
}
/* Navigation  #nav2 */

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

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

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

#nav2 ul li {
	display: inline;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 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_sub {
	text-decoration: underline;
	color: #228dd4;
}

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

}
/* 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;
}

#splash {
	width: 980px; 
	float: left;
	background: url(../images/bg_middletop.jpg) no-repeat 0 bottom;
	border-bottom: 2px dotted #7F8D2B;
	padding: 10px 0px 0 0;
}

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

#splashheader {
	margin: 10px 0 25px 150px;
	width: 830px;
	border: 0px solid green;
}

#splashheader p {
	font-size: 1.2em;
	border: 0px solid green;
}

#splashcontent {
	margin-left: 460px;
	padding-bottom: 20px;
	width: 480px;
	border: 0px solid red;
}

/* Middle Styles */

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

/* Content Styles */

#content {
	min-height:600px;
  	height:auto !important;
	height: 700px;
	width: 940px;
	padding: 0 0 20px 40px;
	float: left;
	background: #f9f3e3 url(../images/bg_middlebtm-v2.jpg) repeat-y 0 bottom;
	border-bottom:2px dotted #7F8D2B;

}

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

/* Left Content */

#leftcontent {
	width: 410px;
	float: left;

	padding-left: 40px;
	border: 0px solid blue;
}

#leftcontent p {
	text-decoration: none;
	color: #3278a7;
	clear: both;
	/* margin-left: 10px; */
}
#leftcontentarchive {
	width: 530px !important;
	float: left;
	margin-top: 20px;
	border: 0px solid blue;
}

.image {
	width: 240px;
	height: 203px;
	padding: 5px 0px 15px 15px; 
	position: relative;
	float: right;
	border: 0px solid red;
}

#leftcontent h5, #leftcontentarchive h5 {
	font-family: arial;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	color: #877754;
}

#leftcontent h1,#leftcontentarchive h1 {
	font-family: Tahoma, Arial, sans-serif;
	color: #6c9610;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#leftcontent h3 a, #leftcontentarchive h3 a{
	font-weight: bold;
	text-decoration: underline;
	color: #228dd4;
}


#leftcontent.child{
	width: 900px;
	float: left;
	margin-top: 20px;
	padding: 0 15px;
}

#leftcontent h3, #leftcontentarchive h3 {
font-size:1.1em;
font-weight:bold;
line-height:1.5em;
margin-bottom:10px;
}

#leftcontent h3.home {
	font-family: Tahoma, Arial, sans-serif;
	color: #175a87;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 5px;
	border: 0px solid blue;
}

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

#leftcontent ul, #leftcontentarchive ul{
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	margin-left: 30px;
	margin-bottom: 15px;
	line-height: 1.5em;
	color: #877754;
}

/* Right Content */

#rightcontent {
	width: 410px;
	padding: 20px 30px 0 0px;
	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;
}

#rightcontent p {
	text-decoration: none;
	color: #3278a7;
	margin-left: 10px;
}

.imgthumb1 {
	float: left;
	margin: 0 6px 20px 6px;
	padding: 3px;
	background-color: #e9e3cb;
	border: 1px solid #aca088;
	filter:alpha (opacity=80);
	opacity:0.8;
}



a:hover .imgthumb1 {
	background-color: #6c9610 !important;
	filter:alpha (opacity=100);
	opacity:1.0;
}

.imgthumb2 {
	width: 205px;
	height: 155px;
	margin: 0 0 0 9px; 
	float: left;
	border: 0px solid green;
}

.imgthumb3 {
	width: 196px;
	height: 150px;
	float: left;
	border: 0px solid green;
}

.imgthumb4 {

	margin: 0 0 0 10px; 
	float: left;
	border: 0px solid green;
}

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

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

#footer  a{
	position: absolute;
	width: 120px;
	height: 50px;
	margin-top: 20px;
	margin-left: 555px;
	border: 0px solid red;
}



.year{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	color: #877754 !important;
	}
	
/* Clearing Help */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.clearfix { 
	display: inline-block;
}

.clearfix { 
	display: block;
}

	/* Table */

td {
	padding: 2px;
}

/* Bio Styles */

.bio_container:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.bio_container { 
	display: inline-block;
}

.bio_container { 
	display: block;
}

.bio_container h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.bio_container h3 a{
	font-weight: normal;
	text-decoration: underline;
	color: #228dd4;
}


.bio_container img{
	float: left;
	margin-right: 10px;
}

.bio_container div{
	float: left;
	width: 400px;
	margin-bottom: 20px;
	
}