/* collection 4 */

/* Highlight color #ff01bc, #fbb8ca*/
body{
  background-color: #F7F7F7; /*chd 110911 from #323031*/ /* collection: #003366*/ /* collection2: #999999*/ /* collection3: #003366*/ /* c4: #2f2f2f*/
  vertical-align:middle;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center; 
  font-family: Verdana,sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #999999;
  line-height: 1.166;
  margin: 0px;
  padding: 0px;  
 /*   scrollbar-face-color: #98080C;   
    scrollbar-shadow-color: #9a9b9e;  
    scrollbar-highlight-color: #9a9b9e;  98080C
    scrollbar-3dlight-color: #9a9b9e;
    scrollbar-darkshadow-color: #9a9b9e;
    scrollbar-track-color: #9a9b9e;
    scrollbar-arrow-color: #9a9b9e;  */
  }
  
#submain {
background-color: #5c5a5b; /* chg 110911 from #bfdca6 */
} 
    
a{
  font-size: 12px; 
  color: #999999;
  text-decoration: underline;
}


a:hover{
  text-decoration: none; 
}

h1{
  font-family: Verdana,sans-serif;
  font-size: 16px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

h2{
  font-family: Verdana,sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

h3{
  font-family: Verdana,sans-serif;
  font-size: 110%;
  font-style: italic;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

h4{
  font-family: Verdana,sans-serif;
  font-size: 100%;
  color: #999999;
  margin: 0px;
  padding: 0px;
}

h5{
  font-family: Verdana,sans-serif;
  font-size: 15px;
  color: #d7d5d6;
  margin: 0px;
  padding: 0px;
}

h6{
  font-family: Verdana,sans-serif;
  font-size: 12px;
  color: #d7d5d6;
  margin: 0px;
  padding: 0px;
}
h7{
  font-family: Verdana,sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

h8{
  font-family: Verdana,sans-serif;
  font-size: 13px;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

.hr_white {
  border: 0;
  overflow:auto;
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #DEDFE0;
  height: 2px;
}

hr {
  border: 0;
  overflow:auto;
  background-color: #DEDFE0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #DEDFE0;
  height: 2px;
}

.hr_narrow {
  border: 0;
  overflow:auto;
  background-color: #DEDFE0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #DEDFE0;
  height: 1px !important;
}

.news hr {
  border: 0;
  overflow:auto;
  background-color: #3f3d3e !important;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #3f3d3e !important;
  height: 2px !important;
}

#header{
  width: 900px;
  padding: 0px;
  border-bottom: 0px solid #404040;
  width: 100%;
  color: #FFFFFF;
  background-color: #323031;
}

#header a{
  border: 0;
  border-color: #FFFFFF;
  text-decoration: none;
}

#toolbar {
  background-color: #FFFFFF!Important ;   /* 000000 */ /*98080C */
}




#tagline_text{
   background-color: #cdc9c6;
   opacity: 1;
  /* filter:alpha(opacity=100); */
}

#tagline{
   background-color: #E2EFD5;
   opacity: 0.86;
 /*  filter:alpha(opacity=86); */
}

#main{
background-color: #323031;
  width: 900px;
   font-size: 11px;  
     font-weight: normal;
   color: #d7d5d6;
}

#main hr {
  border: 0;
  overflow:auto;
  background-color: #5C5A5B;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #5C5A5B;
  height: 5px;
}

#main_text{
margin: 10px;
padding: 20px;
background-color: #323031;
font-family: Helvetica;
color: #5C5A5B;
font-size: 12.16px;
font-weight : normal;
}

#main_text h1{
font-family: Helvetica;
color: #98080C;
font-size: 47.3px;
font-weight : normal;
}

#main_text h2{
font-family: Arial;
color: #818285;
font-size: 20.07px;
font-weight : normal;
}


#main_text h3{
font-family: Arial;
color: #818285;
font-size: 14.18px;
font-weight : bold;
text-decoration: none;
}

#main_text h4{
font-family: Arial;
color: #818285;
font-size: 20px;
font-weight : bold;
text-decoration: none;
}

#main_text h5{
font-family: Arial;
color: #98080C;
font-size: 14.18px;
font-weight : bold;
text-decoration: none;
}

#main_text a{
color: #98080C;
text-decoration: underline;
}

.main_text_contrast{
color: #98080C;
}

.main_text_larger{
font-size: 17px;
}
.main_text_medium{
font-size: 13.6px;
}

.main_text_small{
font-size: 11px;
}

.main_text_smaller{
font-size: 10px;
}

.main_text_watermark{
color: #DEDFE0;
font-size: 21.4px;
}

.main_text_black{
color: #323031;
font-weight : normal;
font-size: 14px;
font-family: Arial,sans-serif;
}

.main_text_white{
color: #ffffff;
font-weight : normal;
font-size: 11.4px;
font-family: Arial,sans-serif;
}



.contact_input{
  vertical-align:middle;
  color: #818285;
  text-align:left; 
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal;
}

#footer {
  padding: 2px;
  border-bottom: 0px solid #404040;
  border-top: 0px solid #404040;
  background-color: #323031;        
  font-family: Arial,sans-serif;
  font-size: 11px;  
  font-weight: bold;
  color: #5C5A5B;
}

#footer a{
  color: #5C5A5B!Important;
    text-decoration: underline;
  font-size: 11px!Important; 
 }
 
#seo_footer {
  padding: 2px;
  border-bottom: 0px solid #404040;
  border-top: 0px solid #404040;
  background-color: #323031;          
  font-size: 11px;  
  font-weight: normal;
  color: #d7d5d6;
}

#seo_footer hr {
  border: 0;
  overflow:auto;
  background-color: #DEDFE0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #DEDFE0;
  height: 5px;
}

.okButton {
background-color: #D4D4D4;
color: #000000;
font-size: 9pt;
font-family: arial;
width: 70px;
height:	20px;  
}
.alertTitle {
background-color: #3C56FF;
font-family: arial;
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;
}
.alertMessage {
font-family: arial;
font-size: 9pt;
color: #000000;
font-weight: normal;
}
.alertBoxStyle {
cursor: default;
filter: alpha(opacity=90);
background-color: #E4E4E4;
position: absolute;
top: 200px;
left: 200px;
width: 100px;
height: 50px;
visibility:hidden; z-index: 999;
border-style: groove;
border-width: 5px;
border-color: #FFFFFF;
text-align: center;
}

/*This is where the magic happens!*/
div.about {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 0px solid #000000;
	 background-repeat:no-repeat;
     position: relative;
     width: 100%;
	 height: 80px;
	 
}

/* Added for news page, with 11-02-10 updates */
div.news {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 0px solid #000000;
	 background-repeat:no-repeat;
     position: relative;
     width: 100%;
	 height: 80px;
	 
}

/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 0px solid #000000;
/* background-image: url("images/about.jpg");
	 background-repeat:no-repeat;*/
     position: relative;
     width: 100%;
	 height: 80px;
	 background-color:transparent;
	 filter:alpha(opacity=75); /* IE's opacity*/
	 
}
div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color:#404040;
     height: 80px;
  /*   filter:alpha(opacity=85);  IE's opacity*/
  /*   left: 0px; */
     opacity: 0.85;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;

}

a:hover.transparentdiv div {
	opacity: 1.00;
	filter:alpha(opacity=100);
}


/* @group Thumbnail Opacity */

a:hover.thumbnailopacity img {
	opacity: 1.00;
	filter:alpha(opacity=100);
}

.thumbnailopacity img {
	opacity: 0.50;
	filter:alpha(opacity=50);
	 z-index: 99;
}

/* @end */
 
 /* toggle action */

		.toggler { width: 845px; height: 185px;  }
		#effect { width: 845px; height: 185px;  position: relative; 	 
		  background-color: #323031; 
		  font-family: Verdana,sans-serif;
	      background-repeat:no-repeat; color:#FFF;
		  font-size: 11px; 
		  opacity: 0.75;
	      filter:alpha(opacity=75);
	      z-index: 99;
		  padding-top: 7px;
		  padding-left: 0; 
		  padding-right: 0px;
		  visibility:hidden;}
		#effect h3 { margin: 0; padding: 0.4em; text-align: center; color:#ffffff; background-color: #cccccc; }
		
		.toggler2 { width: 270px; height: 95px; text-align: right; }
		#effect2 { width: 270px; height: 95px;  position: relative; 	 
		  background-color: #323031; 
		  font-family: Verdana,sans-serif;
	      background-repeat:no-repeat; color:#FFF;
		  font-size: 11px; 
		  padding-top: 7px;
		  padding-left: 0; 
		  padding-right: 0px;
		  opacity: 0.75;
	      filter:alpha(opacity=75);
	      z-index: 99;
		  visibility:hidden; }
		#effect2 h3 { margin: 0; padding: 0.4em; text-align: center; color:#ffffff; background-color: #cccccc; }
	
		
		.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-size: 12px; font-weight: bold; }
        .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 
 /* end toggle action */
 
 .imgright {
	 float: right;
	 margin-left: 15px;
 }

 .imgleft {
	 float: left;
	 margin-right: 15px;
 }
 
 .newsimg1 {
	 float:right;
	 margin-right:100px;
 }
 
 .newsimg2 {
	 float:right;
	 margin-top:-30px;
 }
 
 .NewsContent {
	 padding-left:20px;
	 margin-top:20px;
 }
 
 table.newsimages {
	 margin-top:15px;
	 width: 100%;
	 padding: 0 10px;
 }
	 
 table.newsimages td {
	 padding:10px;
 }
	 
 table.newsimages td img {
	 border: 1px solid #4E4745;
 }
 
 table.newsheadings {
	 width: 100%;
	 padding:0 15px;
 }
	 
 table.newsheadings td {
	 padding:0 10px;
 }
	 

 .button {
	 font-family: "Gil Sans", sans-serif;
	 font-size:15px;
	 color:#a5d07b;
	 margin-right:20px;
	 margin-top:5px;
 }

/* gb 5-9-11 Add styling for new People page */

.people {
	border-bottom:1px solid #B0B0B0;
	height:94px;
	margin-bottom:15px;
	width:224px;
}

.people img {
	float:right;
	margin-left:15px;
	border: 1px solid #5C5A5B;
}

.people a {
	text-decoration:none;
}

/* we don't want the last person to have a bottom border bar */
.last {
	border-bottom:none !important;
}

 .PeopleContent {
	 padding-left:20px;
	 margin-top:20px;
	 text-align:left;
 }
 
 .PeopleContent img {
	 float:left;
	 margin-right:25px;
	 margin-bottom:5px;
	 border: 1px solid #5C5A5B;
 }