/* =MAIN BODY
----------------------------------------------------------------------- */
body
{
	margin: 0px;
	padding: 0px;
	font: 100%/1 Helvetica,Arial,Tahoma,  Verdana, sans-serif;
	font-size:0.8em;
	color: #333;
	height: 100%;
	background: #415968;
}
img 
{
	border:none;
}


h1 {
	padding:0;
	margin:0;
	font-weight: normal;
	font-size:1.5em;
}

h2 {
	padding:0;
	margin:0;
	font-size:1em;
}

p {
	line-height:1.2em;
	padding:0;
	margin:0;
	}

a {
	text-decoration: none;
	color:#fff;
	font-weight:bold;
}
	
#pagecontrol
{
	text-align: left;
	width: 968px;
	margin: 0 auto;
}



.header {
    margin-top:3px;
	width:968px;
	height:236px;
	background: transparent url(../images/header3.jpg) no-repeat 0px 0px;
}


.headerBounce {
   position:relative;
	top:0px;
	left:0px;
   width:968px;
	height:177px;
	background: transparent url(../images/bounceHead1.gif) no-repeat 0px 0px;
}

.headerBounceHome {
   position:relative;
	top:0px;
	left:0px;
   width:968px;
	height:177px;
	background: transparent url(../images/bounceHead-Home.gif) no-repeat 0px 0px;
}


.topnav {
  padding:0px 0 0 50px;
}

.topnav ul {
		list-style: none;
		padding:0;
		margin:0;
	}
	
.topnav .red{
	color:red;
}

.red a.hover{
	color:green;
}

.topnav .green{
	color:#8cc63f;
}

.topnav .blue{
	color:#3253a4;
}

/* MB - make the same as the yellow */
.topnav .orange{
	color:#ffcc00;
}
.topnav .yellow
{
	color: #ffcc00;
}
	
.topnav li {
	  text-decoration:none;
	  float: left;
	  text-align: -moz-center;
	}
.topnav .divider{
	height:52px;
	width:2px;
	background: transparent url(../images/divider.jpg) repeat-y 0px 0px;
}
	
.topnav a{
   padding: 12px 10px 0 10px;
   float:left;
	text-align:center;
	height:40px;
   display:block;
  	color: #000;
	font-weight:bold;
	text-decoration: none;
	font-size: 1.1em;
}	

.topnav a:hover {
  	background: transparent url(../images/nav-back.jpg) repeat-x 3px 0px;
}

.gutter {
		margin: 0px 1px 0px 0px;
	
	}
.leftcolHome{
   float:left;
	width:689px;
	padding:0;
}	

.rightcolHome{
   float:right;
	width:272px;
	padding:0 3px 0 0;
}	


.leftcol{
   float:left;
	width:660px;
	padding:0;
}	

.rightcol{
   float:right;
	width:287px;
	padding:0 3px 0 0;
}	
	
.col1 {

   float:left;
	width:689px;
	padding:0 0 0 0;
	
}	

.main-top {

   float:left;
	width:689px;
	height:55px;
	background: transparent url(../images/main-top.jpg) no-repeat 0px 0px;
}

.main-top h1 
{    
	color:#fff;
	padding:15px 0 0 40px;
}


.main-mid {

   float:left;
	width:689px;
	height:auto;
	background: transparent url(../images/main-mid.jpg) repeat-y;
}	

.main-text{
	padding:0 0 0 40px;
	width:600px;

}

.main-text p
{
	
	padding:5px 0 5px 0;
}

.main-bot {

    float:left;
	width:689px;
	height:21px;
	background: transparent url(../images/main-bot.jpg) no-repeat 0px 0px;
}	

.rightBoxImg {
	width:230px;
	height:161px;
	margin:11px 0 0 11px;
}



.boxText {
	padding:20px 5px 0 5px;
	text-align: center;
}

.boxText2 {
	padding:30px 5px 0 5px;
	text-align: center;
}

.boxText2 h1{
	color:#fff;
	font-size: 1.5em;
}

.boxText h1{
	color:#fff;
	font-size: 1.5em;
}

.orangeBoxRight {
   float:left;
	width:272px;
	padding:0 0 0 0;
	height:242px;
	background: transparent url(../images/orange-box-right.jpg) no-repeat 0px 0px;
}	

.blueBoxRight {
   float:left;
	width:272px;
	padding:0 0 0 0;
	height:242px;
	background: transparent url(../images/blue-box-right.jpg) no-repeat 0px 0px;
}	

.redBoxRight {
   float:left;
	width:272px;
	padding:0 0 0 0;
	height:242px;
	background: transparent url(../images/red-box-right.jpg) no-repeat 0px 0px;
}
.redBoxGrad {
   float:left;
	width:271px;
	padding:0 0 0 0;
	height:245px;
	background: transparent url(../images/redBoxGrad.jpg) no-repeat 0px 0px;
}
.yellowBoxLD {
   float:left;
	width:271px;
	padding:0 0 0 0;
	height:299px;
	background: transparent url(../images/yellowBoxLD.jpg) no-repeat 0px 0px;
}
.greenBoxCU_ME {
   float:left;
	width:271px;
	padding:0 0 0 0;
	height:245px;
	background: transparent url(../images/greenBoxCU_ME.jpg) no-repeat 0px 0px;
}
.redBoxTC {
   float:left;
	width:251px;
	padding:10px 10px 0 10px;
	height:109px;
	background: transparent url(../images/redBoxTC.jpg) no-repeat 0px 0px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.greenBoxNews {
   float:left;
	width:345px;
	padding:0 0 0 0;
	height:364px;
	background: transparent url(../images/greenBoxNews.jpg) no-repeat 0px 0px;
}
.blueBoxNotice_Board {
   float:left;
	width:345px;
	padding:0 0 0 0;
	height:364px;
	background: transparent url(../images/blueBoxNotice_Board.jpg) no-repeat 0px 0px;
}
.greenBoxRight {
    float:left;
	width:272px;
	padding:0 0 0 0;
	height:242px;
	background: transparent url(../images/green-box-right.jpg) no-repeat 0px 0px;
}	

.yellowBoxRight {
    float:left;
	width:272px;
	padding:0 0 0 0;
	height:242px;
	background: transparent url(../images/yellow-box-right.jpg) no-repeat 0px 0px;
}

.BoxRightSmall {
    float:left;
	padding:0;
	margin:2px 0 0 4px;
	width:272px;
	height:144px;
	color:#fff;
	line-height:1.5em;
	
}

.BoxRightSmall .text
{
	padding:30px 30px 10px 30px;
}
 
 .greenBoxRightSmall{   
	background: transparent url(../images/green-box-small-right.jpg) no-repeat 0px 0px;
	
}

 .redBoxRightSmall{   
	background: transparent url(../images/red-box-small-right.jpg) no-repeat 0px 0px;
}

 .blueBoxRightSmall{   
	background: transparent url(../images/blue-box-small-right.jpg) no-repeat 0px 0px;
}

 .orangeBoxRightSmall{   
	background: transparent url(../images/orange-box-small-right.jpg) no-repeat 0px 0px;
}

 .yellowBoxRightSmall{   
	background: transparent url(../images/yellow-box-small-right.jpg) no-repeat 0px 0px;
}

.greenBoxNews {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	background: transparent url(../images/green.jpg) no-repeat 0px 0px;
}	

.greenBoxNews h1 {
   padding:20px 0 0 30px;
	height:65px;
	font-size:1.5em;
	color:#fff;
			
	}



.greenBoxNews .links{
   width:260px;
   padding:0px 0px 10px 40px;
	font-size:0.9em;
	}	
	
	

	
.greenBoxNews .links a{
	line-height:1.5em;
	color: #000;
	font-weight:bold;
	padding:0 0 0 15px;
	height: 2em;
	text-decoration: none;
	background: transparent url(../images/green-arrow.gif) no-repeat left;
}

.greenBoxNews .date {
	font-style:italic;
	color:#8cc63f;
	padding:10px 0 0 0px;
}

.greenBoxNews .text {
	padding:10px 0 0 10px;
	font-size: 0.8em;
   line-height:1.3em;
}
.redBox {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/red-bot-left.jpg) no-repeat 0px 0px;
}

.redBox .img{
   height: 143px;
	width: 271px;
  	padding:0px 0 0 35px;
}	

.redBox h1 {
   height:65px;
   padding:20px 0 0 30px;
	font-size:1.5em;
	width:195px;
	Color:#fff;
}
	
.redBox .text{
   padding:20px 20px 0 40px;
	font-size:0.8em;
	line-height:1.3em;
	
	}	
	
.redBox .text a{
  color:#000;	
	}	
	
.blueBox {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/blue-bot-left.jpg) no-repeat 0px 0px;
}

.blueBox .img{
   height: 143px;
	width: 271px;
  	padding:0px 0 0 35px;
}	

.blueBox h1 {
   height:65px;
   padding:20px 0 0 30px;
	font-size:1.5em;
	width:195px;
	Color:#fff;
}
	
.blueBox .text{
   padding:20px 20px 0 40px;
	font-size:0.8em;
	line-height:1.3em;
	
	}	
	
.blueBox .text a{
  color:#000;	
	}	
		

.greenBox {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/green-bot-left.jpg) no-repeat 0px 0px;
}

.greenBox .img{
   height: 143px;
	width: 271px;
  	padding:0px 0 0 35px;
}	

.greenBox h1 {
   height:65px;
   padding:20px 0 0 30px;
	font-size:1.5em;
	Color:#fff;
	}
	
.greenBox .text{
   padding:20px 20px 0 40px;
	font-size:0.8em;
	line-height:1.3em;
	
	}	
	
.greenBox .text a{
  color:#000;	
	}	


.orangeBox {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/orange-bot-left.jpg) no-repeat 0px 0px;
}

.orangeBox .img{
   height: 143px;
	width: 271px;
  	padding:0px 0 0 35px;
}	

.orangeBox h1 {
   height:65px;
   padding:20px 0 0 30px;
	font-size:1.5em;
	width:195px;
	Color:#fff;
}
	
.orangeBox .text{
   padding:20px 20px 0 40px;
	font-size:0.8em;
	line-height:1.3em;
	
	}	
	
.orangeBox .text a{
  color:#000;	
	}
	
.yellowBox {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/yellow-bot-left.jpg) no-repeat 0px 0px;
}
.blueBoxNotice_Board {
   float:left;
	width:344px;
	padding:0 0px 0 0;
	height:365px;
	color:#000;
	background: transparent url(../images/blueBoxNotice_Board.jpg) no-repeat 0px 0px;
}

.yellowBox .img{
   height: 143px;
	width: 271px;
  	padding:0px 0 0 35px;
}			

.yellowBox h1 {
   height:65px;
   padding:20px 0 0 30px;
	font-size:1.5em;
	width:210px;
	Color:#fff;
}
	
.yellowBox .text{
   padding:20px 20px 0 40px;
	line-height:1.3em;
	
	}	
	
.yellowBox .text a{
  color:#000;	
	}	
	
	
	
.clear{
	clear:both;
}

.head-img-lg{
   margin-left:10px;
   width: 878px;
	Height:145px;
	}



.head-img-box-lg {
	width: 878x;
	Height:145px;
	background: transparent url(../images/test.gif) no-repeat ;
}




.head-img-med{
   margin-left:10px;
   width: 606px;
	Height:145px;
	}



.head-img-box-med {
	width: 606x;
	Height:145px;
	background: transparent url(../images/headimg-med.gif) no-repeat ;
}

.head-img-sm{
   margin-left:10px;
   width: 235px;
	Height:145px;
	}



.head-img-box-sm {
	width: 235x;
	Height:145px;
	background: transparent url(../images/headimg-sm.gif) no-repeat ;
}
	
.friends {
   padding:20px 0 0 50px;
	width:890px;
	height:auto;
}


.friends .yellowbox
{
   padding:5px;
	float:left;
	width: 259px;
	Height:234px;
	background: transparent url(../images/friends-yellow-box.jpg) no-repeat ;
}

.friends .img{
   height: 100px;
	width: 220px;
  margin:19px 0 0 14px;
}	


.friends .text{
  	width: 220px;
  	margin:0px 0 0 15px;
  	line-height:1.3em;
}	

.friends .bluebox
{
   padding:5px;
	float:left;
	width: 259px;
	Height:234px;
	background: transparent url(../images/friends-blue-box.jpg) no-repeat ;
}

.friends .orangebox
{
   padding:5px;
	float:left;
	width: 259px;
	Height:234px;
	background: transparent url(../images/friends-orange-box.jpg) no-repeat ;
}

.friends .redbox
{
   padding:5px;
	float:left;
	width: 259px;
	Height:234px;
	background: transparent url(../images/friends-red-box.jpg) no-repeat ;
}

.friends .greenbox
{
   padding:5px;
	float:left;
	width: 259px;
	Height:234px;
	background: transparent url(../images/friends-green-box.jpg) no-repeat ;
}
.accessnav {
	float:right;
	font-size:0.7em;
	color:#fff;
	padding:5px 10px 0 0;
}

.accessnav ul {
	text-decoration:none;
	list-style:none;
	padding:0;
	margin:0;
}

.accessnav li {
   float:left;
	text-decoration:none;
	list-style:none;
}


.accessnav a {
	padding:0 10px 0 10px;
    font-weight:normal;
}

.accessnav a:hover {
	color:red;
}


li .hide2{
	display:none;
}

.newslinks 
{
	width:600px;
	padding:0;
	margin:0;
}

.newslinks a
{
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin:0px 0 0 20px;
	height: 2em;
	text-decoration: none;
	background: transparent url(../images/green-arrow.gif) no-repeat left;
}

 .newsdate{

	font-style: italic;
	color: #8cc641;
	padding: 10px 0 0px 20px;

}

 .newstext
{   width:400px;
	padding: 10px 0 0 20px;
	line-height: 1.3em;
	}
	
.whiteBoxwide .newslinks p
{   
	width:850px;
	padding:5px 0 5px 20px;
	margin:0;
	font-size:1em;
}

/* style to set cursor to 'hand' */
div.pointer
{
	cursor:pointer;
}

/* Justified style */
.justify
{
	text-align:justify;
}

/* Footer div */
.footer
{
	width: 100%;
	margin: -2px 0px 7px -1px;
	color: White;
}

.footer_top
{ 
	background: transparent url(../images/footer_top.jpg) no-repeat;  
	width: 100%;
	height: 18px;
} 

.footer_content
{
	background: transparent url(../images/footer_content.jpg);
	width: 913px;
	padding: 0px 18px 0px 38px;
}

.footer_bottom
{
	background: transparent url(../images/footer_bottom.jpg);
	width: 100%;
	height: 19px;
}

.footer img
{
	margin-left: 25px;
}
#team_pics {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display:inline;
	float:left;
	clear:both;
}
#thumbnail {
	float: left;
	height: auto;
	width: 150px;
}
#caption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#trustee_row {
	clear:both;
}
#trustee_pics {
	width: 500px;
}
.whiteBoxwide td IMG
{
	padding:0px 0px 0 0px !important;
}
.whiteBoxwide td p 
{
	margin: 0px 20px 0 0 !important;
	}