/* mac hide\*/
html, body {height:100%}
/* end hide */

#outer{
   min-height:100%;
   width:915px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

.pdf_header
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color:#fff;
padding-left:5px;
}

#pdf_icon
{
float:left;
padding:5px;
}

#pdf_text
{
float:left;
padding-top:4px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
color:#000;
}

#header{
   
   min-height:203px;
   position:relative;
   width:915px;
text-align:center;
}

hr{
color:#c00;background-color:#563D1F;height:1px;border:none;
}

#header2{
   
   min-height:139px;
   position:relative;
   width:915px;
text-align:center;
}



#news_container
{
width:404px;
margin-left:20px;
float:left;
position:relative;
}

#news_header
{
width:404px;
height:28px;
background: url(../images/news_top.jpg) no-repeat top center;
float:left;
}

#news_footer
{
width:404px;
background: url(../images/news_bottom.jpg) no-repeat bottom center;
float:left;
}

#news_footer P
{
margin-top:0px;
margin-bottom:0px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color:#000;
padding:10px
}

#header_content{
   
   min-height:203px;
   position:relative;
   width:915px;
text-align:center;
}

#header_content2{
   
   min-height:139px;
   position:relative;
   width:915px;
text-align:center;
}

#header_left
{
   background: url(../images/header_left.jpg) no-repeat top center;
   width:217px;
   height:161px;
   float:left;
   cursor:hand;
}

#header_left2
{
   background: url(../images/header_left2.jpg) no-repeat top center;
   width:217px;
   height:97px;
   float:left;
   cursor:hand;
}

#mid_content
{
   background: url(../images/bottom_logo.jpg) no-repeat top left;
   width:915px;
   height:320px;
   float:left;
}

#mid_content
{
   background: #000000 url(../images/bottom_logo.jpg) no-repeat top left;
   width:915px;
   position:relative;
}

#mid_content2
{
   background: url(../images/bottom_logo2.jpg) no-repeat top left;
   width:915px;
   float:left;
}

#header_right
{
   background: url(../images/header_right.jpg) no-repeat top center;
   width:698px;
   height:161px;
   float:right;
}

#header_right2
{
   background: url(../images/header_right2.jpg) no-repeat top center;
   width:698px;
   height:97px;
   float:right;
}

#logo_bottom
{
   background: url(../images/logo_bottom.jpg) no-repeat top center;
   width:217px;
   height:42px;
   float:left;
cursor:hand;
}

#logo_bottom2
{
   background: url(../images/logo_bottom2.jpg) no-repeat top center;
   width:217px;
   height:42px;
   float:left;
cursor:hand;
}

#roll_call
{
   background: url(../images/roll_call.jpg) no-repeat top center;
   width:337px;
   height:117px;
   float:right;
clear:both;
margin-top:12px;
margin-right:5px;
text-align:left;
}

#welcome_header
{
padding-top:28px;
padding-left:15px;
}

#roll_call_content
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color:#4F3524;
padding:26px 15px 10px 15px;

}


#vhcc_div
{
   background: url(../images/vhcc_div.gif) no-repeat top center;
   height:29px;
   width:597px;
   padding-top:5px;
   padding-bottom:5px;
}

#header_nav
{
   float:right;
   color:#463120;
   padding-right:20px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
padding-top:6px;
}

#header_nav A
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
color:#463120;
text-decoration:underline;
}

#quote
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color:#96b497;
font-style: italic;
float:right;
padding-top:50px;
padding-right:20px;
width:500px;
clear:both;
text-align:right;
}

#buttons
{
margin-left:30px;
margin-top:30px;
border-right:1px solid #c8c29d;
width:300px;
}

#unilock
{
padding-top:20px;
padding-left:37px;
float: left;
}

#menu
{
float:left;
height:42px;
padding-left:0px;
}

#front_intro {
   min-height:313px;
   width: 952px;
   background:inherit;
   position:relative;
}

#flash{
float:left;
width:460px;
}

#intro_text
{
float:left;
width: 364px;
min-height: 313px;
background:#000 url(../images/intro_text.jpg) repeat-y top center;
}

* html #header{height:70px}
#left {
   position:relative;/*ie needs this to show float */
   width:262px;
   float:left;
   color:#fff
}

#left_content {
   position:relative;/*ie needs this to show float */
   width:190px;
   float:left;
   color:#fff;
   padding-left:20px; 
   padding-top:20px;
}

#left p {padding:2px}

#clearfooter {width:100%;height:220px;clear:both;} /* to clear footer */ 

#footer {
   background:#000 url(../images/footer_bg.jpg) repeat-x top center;
   width:auto; /* add 2px if borders are not used on the #outer div */
   height:210px;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0px;
   position: absolute;
   clear:both;
margin-left:0px;
}

#material
{
float:left;
padding-left:20px;
padding-top:5px;
}

#idea_guide
{
float:left;
padding-left:20px;
padding-top:15px;
}

#quality_brands
{
float:left;
padding-left:20px;
padding-top:15px;
width:250px;
}

#logos
{
float:left;
width:120px;
padding:2px;
}


#footer p, a
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #DCD9B6; 
padding-top:20px;
}

* html #footer {/*only ie gets this style*/
   \height:212px;/* for ie5 */
   he\ight:210px;/* for ie6 */
   margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
   width:622px;
   float:right;
}

H1
{
font-family: Arial Narrow, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 34px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

H2
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

#flash_movie
{
width:290px;
padding-left:20px;
padding-top:10px;
}

#centrecontent IMG {
padding-top: 10px;
padding-bottom:10px;
}

#front_content
{
background: url(../images/bottom_logo.jpg) no-repeat top left;
float:left;
width:455px;
min-height:400px;
position:relative
}

#front_content P
{
padding-left:20px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
}

#content_content
{
float:right;
width:630px;
}

#content_content P
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
}

#content_content li
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
padding-top:10px;
padding-bottom:10px;
}

#content_content ul ul
{
list-style-type: square;
padding-top:0px;
padding-bottom:0px;
background-color:#b3a18a;
}

#content_content ul
{
padding-top:8px;
padding-bottom:8px;
}

#content_content ol li
{
padding-top:8px;
padding-bottom:8px;
}

#content_content ul li
{
padding-top:4px;
padding-bottom:4px;
}

#footer A
{
color:#ffffff;
}

#centrecontent p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content {
   width:722px;
   float:right;
}

#centrecontent_content p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}



#gallery_but
{
padding-top:175px;
padding-left:20px;
}

#tab_menu {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
#tab_menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tab_menu li {
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
border-bottom:1px solid #85745A;
  }
#tab_menu a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#a18c70;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_menu a {float:none;}
/* End IE5-Mac hack */
#tab_menu a:hover {
  color:#c3b19a;
  }
#tab_menu #current {
  background-image:url("../images/left_on.gif");
border-width:0;
  }
#tab_menu #current a {
  background-image:url("../images/right_on.gif");
  color:#fff;
  padding-bottom:5px;
  }


#navMain {
background:url(../images/nav_bg.jpg) no-repeat;
position:relative;
float:left;
width:698px;
height:42px;
top:0;
display:block;
overflow:hidden;
font-size:85%;
}

#navMain li {
display:block;
position:absolute; 
top:0;
height:42px;}

#navMain li a {
display:block;
height:42px;
text-indent:-1000em;}

#navMain .nAbout {left:0; width:80px;}
#navMain .nVolunteering {left:80px; width:123px;}
#navMain .nLeadership {left:203px; width:115px;}
#navMain .nPrevention {left:318px; width:143px;}
#navMain .nPhotos {left:461px; width:76px;}
#navMain .nFaq {left:537px; width:60px;}
#navMain .nContact {left:597px; width:101px;}

#navMain .nAbout a:hover, #navMain .nAbout a.active {background:transparent url(../images/nav_bg.jpg) no-repeat 0 -42px;}
#navMain .nVolunteering a:hover, #navMain .nVolunteering a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -80px -42px;}
#navMain .nLeadership a:hover, #navMain .nLeadership a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -203px -42px;}
#navMain .nPrevention a:hover, #navMain .nPrevention a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -318px -42px;}
#navMain .nPhotos a:hover, #navMain .nPhotos a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -461px -42px;}
#navMain .nFaq a:hover, #navMain .nFaq a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -537px -42px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -597px -42px;}

#navcontainer
{
width: 210px;
border-right: 1px solid #b0aa89;
padding: 1em 0 1em 0;
margin-bottom: 1em;
background: url(../images/menu_background.jpg) repeat-y;
color: #333;
margin-top:20px;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #b0aa89;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 10px 10px 10px 0.5em;
background-color: #d2c0a9;
color: #414137;
text-decoration: none;
width: 100%;
font-family: 'arial narrow', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px;
font-weight: bold; 
letter-spacing:0px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #decfbd;
color: #414137;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:370px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #432D22;
		background:#efe4d7;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#000000;
		margin-bottom:20px;
		border-bottom:solid 1px #432D22;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#000000;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:150px;
		margin:2px 0 15px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:150px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #432D22;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:175px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:370px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:370px;
		padding:5px;
		margin-bottom:10px;
}

#physical_address
{
		font-color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size:14px;
		font-weight: normal;
		width:180px;
		padding-right:20px;
		padding-left:20px;
		float:right;
}

#footer_modules
{
padding-top:20px;
width:915px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#footer_module
{
text-align:left;
width:290px;
float:left;
padding-left:10px;
height:150px;
}

#footer_module H5
{
font-family: Georgia, Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:4px;
margin-bottom:0px;
font-size: 16px;
font-weight:normal; 
letter-spacing:-1px;
color: #fff; 
padding-top:0px;
}

#footer_module P
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:5px;
font-size: 13px;
font-weight:normal; 
color: #fff; 
padding-top:0px;
padding-right: 15px;
}

A{
color: #000000;
font-weight:bold;
}

#position_image
{
width:150px;padding:10px;float:left;min-height:167px;
}

#position_image IMG
{
border: 4px #563D1F solid;
}

#position_text
{
width:400px;padding-left:15px;float:left;
}

#position_text H3
{
font-family: 'Arial Narrow', Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:5px;
font-size: 18px;
font-weight:bold; 
color: #563D1F; 
margin-top:15px;
margin-bottom:0px;
}

#position_text P
{
margin-top:0px;
font-family: 'trebuchet ms', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal; 
color: #000; 
line-spacing:14px;
}

P.blurb
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
font-style: oblique;
}

H5.news_title
 {
  font-family: 'Trebuchet MS',Arial,sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  letter-spacing:-1px;
  color: #000;
  margin-bottom:-10px;
}


ol li a
{
  font-family: 'Trebuchet MS',Arial,sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
}

#gallery_container{
   position:relative;
   width:600px;
   clear:both;
   padding-top:15px;
}

#gallery_image{
float:left;
   position:relative;
}

#gallery_image img{
border:5px #670001 solid;
}

#gallery_description{
   padding-left:10px;
   float:left;
   position:relative;
}

#gallery_description H1{
font-family: Georgia, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
letter-spacing:-1px; 
font-weight:normal;
color: #000;
margin-top:0px;
line-height:20px; 
padding-top:0px;
}

#gallery_detail
{
padding:10px;
float:left;
}

#gallery_detail img
{
border: 6px #670001 solid;
display:block;
}