/*Colors

BLUE: #006595;
GREEN: #9CB227;
BGGREY: #CCC; 

*/


body{
background:#ccc;
margin: 0; padding: 0;
text-align: center;

}

a:link {
	text-decoration: underline;
	color: #006595;
}	
a:visited {
	text-decoration: underline;
	color: #006595;
}
a:active {
	text-decoration: underline;
	color: #006595;
	}
a:hover {
	text-decoration: underline;
	color: #006595;
}


a.top {
text-decoration: underline;
color:  #9CB227;
}


a img{
border: 0;
}


div#contain{
width: 850px;
margin: 20px auto 0px auto;
background: #fff;
text-align: left;

}


div#header{
background:  url(../images/sheader_bg.gif) top left repeat-x;
width: 100%;
height: 85px;
margin: 0;
}

div#green{
width: 175px;
height: 85px;
background: #9CB227;
float: left;
}

div#logo{
float: right;
margin: 0px 50px 0px 0px;

}

table#content{
width: 100%;
margin: 0;
}

td#nav{
width: 175px;
vertical-align: top;
background: #9CB227;
}
td#main{
width: 675px;
vertical-align: top;
}

div#mission {
margin: 30px 0px 15px 0px;
padding: 0px 0px 0px 0px;
display: block;
overflow: hidden;
width: 175px;
height: 275px;
}


div#mission h1{
font: 11px/18px Arial, Helvetica, sans-serif;
display: block;
width: 170px;
height: 18px;
white-space: nowrap;
overflow: hidden;
color: #fff;
border-bottom: 1px solid #FFF;
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
letter-spacing:.1em;

}

div#mission p{
font: 12px/17px Arial, Helvetica, sans-serif;
color: #f6f6f6;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 5px;

}



ul#menu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fff;
font: 900 12px/35px helvetica, arial, sans-serif;
list-style: none;
width: 175px;

}
ul#menu li{
display: block;
width: 100%;
height: 35px;
background: #9CB227;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

ul#menu li.blue{
background: url(../images/blue.gif) top left repeat-x;
}
ul#menu li.green{
background: url(../images/green.gif) top left repeat-x;
}

ul#menu li a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
padding: 0px 0px 0px 5px;
color: #fff;

}

ul#menu li a:hover{
text-decoration: none;
color: #333;
}



div#footer{
width: 850px;
height: 25px;
margin: 0px auto 10px auto;
padding: 0;
overflow: hidden;
}

div#footer ul{
list-style: none;
width: 100%;
font: 10px/25px Arial, Helvetica, sans-serif;
color: #666;
margin: 0;
padding: 0;

}

div#footer ul li{
display: block;
float: left;

}
div#footer ul li a{
margin: 0px 5px 0px 5px;
text-decoration: none;
color: #666;
}

div#footer ul li a:hover{
margin: 0px 5px 0px 5px;
text-decoration: underline;
color: #006595;
}

div#flash{
width: 675px;
height: 600px;
margin: 0; padding: 0;
}
div#noflash{
width: 100%;
height: 100%;
background: #FFF url(../images/no_flash.jpg) top left no-repeat;
}


div#noflash p{
padding: 155px 0px 0px 425px;
margin: 0px 65px 0px 0px;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #333;

}


div#noflash a{
color: #006595;
text-decoration: underline;
}


div#slogan{
width:100%;
height: 60px;
margin: 25px 0px 0px 0px;
padding: 0;
overflow: hidden;
background-color: #9CB227;
color: #fff;
}


div#slogan p{
display: block;
font: 900 16px/30px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../images/midline.gif) top left repeat-x;

}



div.photodiv{
border: 1px solid #9CB227;
margin: 10px 40px 0px 40px;
height: 236px;
padding: 0px;
}
div.photodiv p{
font: 13px/16px Arial, Helvetica, sans-serif;
color:  #333;
margin: 0px;
padding: 7px;
text-align: justify;
text-indent: 20px;
}
img.photoleft{
float: left;
margin: 1px 8px 1px 1px;
padding: 0px;
}
img.photoright{
float: right;
margin: 1px 1px 1px 8px;
padding: 0px;
}


h1 {
	font: 900 16px/18px Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	padding: 5px 0px 0px 40px;
	color: #9CB227;
}
h2 {
	font: 600 14px/16px Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding: 20px 0px 0px 40px;
	color: #006595;
	text-transform: uppercase;
	clear:left;
}
h3 {
	font: 600 11px/14px Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding: 10px 0px 0px 40px;
	color: #9CB227;
	text-transform: uppercase;
	clear:left;
}


table#values{
font: 13px "Trebuchet MS", arial, sans-serif;
line-height: 16px;
width: 90%;
margin: 10px 10px 0px 40px;
padding: 2px;
border: 1px solid #006595;
color: #333;
}

table#values td{
height: 40px;
vertical-align: top;
color: #666;
padding: 5px;
}

table#values strong{
color: #006595;
font-weight: 900;
}






.homecopy {
font: 13px "Trebuchet MS", arial, sans-serif;
line-height: 18px;
margin: 20px 40px 5px 20px;
color: #333;
}

.homecopyblue {
font: 13px "Trebuchet MS", arial, sans-serif;
line-height: 18px;
margin: 20px 0px 5px 20px;
color: #006595;
}


.copy {
font: 13px "Trebuchet MS", arial, sans-serif;
line-height: 18px;
margin: 0px 40px 10px 40px;
color: #333;
}

.copyindent {
font: 13px "Trebuchet MS", arial, sans-serif;
line-height: 18px;
margin: 0px 40px 10px 40px;
color: #333;
text-indent: 20px;
}

.greenborder {
border: 1px solid #9CB227;
padding: 5px 10px 5px 10px;
font: 13px/18px helvetica, arial, sans-serif;
margin: 0px 40px 20px 40px;
color: #333;
}




.freenewsletter {
font: 12px helvetica, arial, sans-serif;
line-height: 16px;
margin: 10px 0px 0px 120px;
padding: 0px;
color: #333;
width: 500px;
text-align: justify;

}

ul#resource{
font: 12px helvetica, arial, sans-serif;
margin: 10px 60px 0px 80px;
padding: 0px;
color: #333;
text-align: left;
line-height: 17px;
list-style-image: url(../images/resource.gif);
}

ul#resource li{
margin: 10px 0px 0px 0px;
padding: 0px;
}

ul#articles{
font: 11px helvetica, arial, sans-serif;
margin: 10px 0px 10px 0px;
padding: 0px;
color: #333;
text-align: left;
list-style-type: none;

}

ul#articles li{
margin: 0px 0px 0px 0px;
padding: 0px;
clear: left;
}
ul#articles li img{ 
margin: 0px 10px 10px 60px;
border: 1px solid #333;
float: left;
}
ul#articles li p{

display: block;
float: left;
width: 75%;

}



div.blank{
margin: 25px 0px 25px 40px;
width: 500px;
border-bottom: 1px solid #006595;
height: 10px;
clear: both;
}


img.teamleft{
margin: 0px 5px 0px 40px;
float: left;
}
img.teamright{
margin: 0px 40px 0px 5px;
float: right;
}

img#vtour{
margin: 0px 0px 0px 40px;
float: left;

}