ww/* CSS Document */

/* BODY ==========================================================*/

/* mac hide \*/
html, body {height:100%}
/* end hide*/

* {
	margin:0;
	padding:0;
}

body{
	background:#ffffff;
	min-width:900px;
	font-size:.75em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}


a	{
	color: #3d7d09;
	text-decoration: underline;
}

a:hover	{
	color: #3d7d09;
	text-decoration: none;
}

/* PAGE CONTAINERS ==========================================================*/

#wrapper {
	width:100%;
}

#containerSub	{
	width: 1000px;
	margin: auto;
}

#container {
	width: 1000px;
	margin: auto;
}

/* Home Content Containers ==========================================================*/



#homeFlash {
	width: 893;
	height: 386px;
	padding: 22px 30px 0px 77px;
	margin-bottom: 40px;
	background: url(../images/homeFlashBkgrd.gif) no-repeat;
	border: none;
}

#homeFlash h1 {
	color: #ffffff;
	font-size: 28px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#homeFlash h2 {
	color: #ffffff;
	font-size: 42px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	line-height: 10px;
}

#homeFlash h3 {
	color: #ffffff;
	font-size: 28px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#homeFlash a {
	color: #3d7d09;
	font-size: 18px;
	text-decoration: none;
}

#homeFlash a:hover {
	color: #3d7d09;
}

.homeFlashLeft 
{
    float: left;
    width: 275px;
}

.homeFlashRight 
{
    float: right;
    width: 610px;
}

#midlContent {
	width: 100%;
	height: 226px;
	position: relative;
	background: #b3b2a6 url(../images/midl_bg.jpg) top no-repeat;
}
#secondaryContent {
	color: #ffffff;
	width: 100%;
	height: 298px;
	position: relative;
	/* background: #333333 url(../images/secondary_bg.jpg) bottom no-repeat; */		
}

#homeSecondaryContent {
	color: #ffffff;
	width: 100%;
	height: 298px;
	position: relative;
	background: #333333 url(../images/homeSecondaryBkgrd.jpg) bottom no-repeat;	
}

#topSubContent	{
	height: 30px;
	/*background: url(../images/topSubContent.gif) no-repeat; */
}

#subContent {
	position: relative;
	color: #ffffff;
	width: 100%;
	font-size: 14px;
	padding: 0px 0px 20px 0px;
	/* background: #2e2e2e url(../images/secondary_bg.jpg) bottom no-repeat; */		
}


#subContentRight	{
	width: 220px;
	float: right;
	padding: 0px 20px 0px 20px;
	font-size: 11px;
}


#insideTop {
	width: 100%;
	height: 307px;
	position: relative;
	background: #b3b2a6 url(../images/inside_top_bg.jpg) top no-repeat;	
}


#footer {
	width: 100%;
	height: 164px;
	position: relative;
	padding-top: 14px;
	background: url(../images/footer_bg.jpg) top no-repeat;	
}

.clearBoth	{
	clear: both;
}

/*==  Nav  ========================*/


#topNav {
	width: 100%;
	height: 107px;
	position: relative;	
}

#topNav .leftNav	{
	float: left;
	width: 510px;
	padding: 0px 0px 0px 47px;
}

#topNav .rightNav	{
	float: right;
	width: 350px;
	padding: 77px 52px 0px 0px;
}

#navHome	{
	background: url(../images/homeLogo.gif) no-repeat;
	width: 395px;
	height: 107px;
	display: block;
}

#navHome:hover	{
	text-decoration: none; 
	background: url(../images/homeLogoOver.gif) no-repeat;
}


#nav	{
	position: relative;
	margin:0;
	height:28px;
	float: left;
	

}

#nav ul	{
	margin: 0;
	padding:0;
}

#nav li	{
	padding:0;
	margin:0;
	list-style: none;
	background-repeat: top no-repeat;
	height:28px;
	float:left;
}

#nav a {display:block; height:28px;  color:#000; overflow:hidden; text-decoration: none;}

#nav li.nav2	{width:90px;}
#nav li.nav3	{width:93px;}
#nav li.nav4	{width:76px;}
#nav li.nav5	{width:83px;}

#nav a#navName2	{background: url(../images/nav2.jpg) 0px 0px;}
#nav a#navName3	{background: url(../images/nav2.jpg) -90px 0px;}
#nav a#navName4	{background: url(../images/nav2.jpg) -183px 0px;}
#nav a#navName5	{background: url(../images/nav2.jpg) -259px 0px;}

#nav a#navName2:hover	{background: url(../images/navOver2.jpg) 0px 0px;}
#nav a#navName3:hover	{background: url(../images/navOver2.jpg) -90px 0px;}
#nav a#navName4:hover	{background: url(../images/navOver2.jpg) -183px 0px;}
#nav a#navName5:hover	{background: url(../images/navOver2.jpg) -259px 0px;}

#nav a#navName2Selected	{background: url(../images/navOver2.jpg) 0px 0px;}
#nav a#navName3Selected	{background: url(../images/navOver2.jpg) -90px 0px;}
#nav a#navName4Selected	{background: url(../images/navOver2.jpg) -183px 0px;}
#nav a#navName5Selected	{background: url(../images/navOver2.jpg) -259px 0px;}


/*==  Middle Content Blocs  ========================*/


#midlBloc {
	float: left;
	width: 228px;
	margin: 12px 0 0 50px;
	font-size: 14px;
}
#midlBloc2 {
	float: left;
	width: 228px;
	margin:12px 0 0 80px;
	font-size: 14px;
}
#midlBloc3 {
	float: left;
	width: 245px;
	margin: 12px 0 0 110px;
	font-size: 14px;
}

#midlBloc h1, #midlBloc2 h1, #midlBloc3 h1 {
	font-size: 28px;
	color: #6b5f4d;
	
}
#midlBloc h3, #midlBloc2 h3, #midlBloc3 h3 {
	font-size: 24px;
	margin-top: -5px;
	padding-bottom: 10px;
	color: #6b5f4d;
}
#midlBloc img, #midlBloc2 img, #midlBloc3 img {
	padding-top: 15px;
}


/*==  Secondary Content Blocs  ========================*/


#secondBloc {
	float: left;
	width: 200px;
	height: 250px;
	margin: 25px 0 0 0;
	padding: 0 10px 0 55px; 
	background: url(../images/p1.jpg) top right no-repeat;
}
#secondBloc h2 { color: #CC3333; font-size: 22px; font-weight: normal;}
#secondBloc ul { list-style-type: none;}
#secondBloc li { font-size: 11px; padding: 8px 0; border-bottom: 1px solid #666666; display: block; width: 175px;}

#secondBloc a	{
	color: #ffffff;
	text-decoration: none;
}

#secondBloc a:hover	{
	text-decoration: underline;
}

#secondBloc2 {
	float: left;
	width: 210px;
	height: 250px;
	padding: 0 10px 0 25px; 
	margin:25px 0 0 0;
	background: url(../images/p2.jpg) top right no-repeat;
}

#secondBloc2 h2 { color: #CC3333; font-size: 22px; font-weight: normal;}

#secondBloc2 a	{
	text-decoration: none;
}

#secondBloc3 {
	float: left;
	width: 200px;
	height: 250px;
	padding: 0 10px 0 25px; 
	margin: 25px 0 0 0;
	background: url(../images/p3.jpg) top right no-repeat;
}

#secondBloc3 a	{
	color:#ffffff;
	text-decoration: none;
}

#secondBloc3 a:hover	{
	text-decoration: underline;
}

#secondBloc3 h2 { color: #CC3333; font-size: 22px; font-weight: normal;}
#secondBloc3 ul { list-style-type: none;}
#secondBloc3 li { font-size: 11px; padding: 6px 0;}
#secondBloc3 em { color: #FFCC00; font-style:normal;}


#secondBloc4 {
	float: left;
	width: 238px;
	height: 287px;
	background: url(../images/more_info.jpg) top left no-repeat;
}

#secondBloc h1, #secondBloc2 h1, #secondBloc3 h1 {
	font-size: 28px;
}
#secondBloc h3, #secondBloc2 h3, #secondBloc3 h3 {
	font-size: 24px;
	margin-top: -5px;
	padding-bottom: 10px;
}

#secondBloc img, #secondBloc2 img, #secondBloc3 img {
	padding: 10px 0;
}


/*==  Inside Content  ========================*/
#insideBloc {
	float: left;
	width: 615px;
	margin: 25px 0 0 0px;
	padding: 0px 0px 0px 50px;
	font-size: 20px;
	color:#40392d;
}

#insideBloc img	{
	position: absolute;
	top:54px;
	left:637px;
}

#insideBloc p	{
	width: 545px;
	margin: 0px 0px 0px 10px;
}

#insideBloc p a {
	color: #3d7d09;
}

#insideBloc span	{
	color: #c7161b;
}

#insideBloc h1 { margin-bottom: 50px; font-size: 34px; text-transform: uppercase;}

#insideBloc ul {
	padding: 0px;
	margin: 10px 0px 0px 10px;
	width: 400px;
}

#insideBloc ul li {
	list-style: none;
	border-bottom: 1px solid #c0c0c0;
	padding: 4px 0px 4px 5px;
}

#insideBloc ul li a {
	text-decoration: none;
}

#insideContent{
	color: #282828;
	float: left;
	width: 629px;
	margin: 0px;
	padding: 0 50px 0 60px; 
	line-height: 18px;
	border-right:1px solid #b2b1a5;
}


#insideContent h3	{color: #86681f; font-size: 23px; padding-bottom: 10px; font-weight: normal; line-height: 26px;}
#insideContent h2 { color: #CC3333; font-size: 26px; padding-bottom: 15px; font-weight: normal;}
#insideContent h4 { color: #bdbdb2; font-size: 18px; padding: 12px 0px 8px 0px; font-weight: normal; width: 98%;}
#insideContent ul { list-style-type: none;}
#insideContent li { font-size: 11px; padding: 8px 0; border-bottom: 1px solidw #666666; display: block; width: 500px;}

.inside { text-decoration: none; color: #ffffff;}

#missionList {
	padding: 5px 0px 0px 0px;
	background: none;
}

#missionList ul li	{
	font-size: 14px;
	border-bottom:1px solid #c0c0c0;
}

#missionList ul li span	{
	text-transform: uppercase;
	color: #d1d1af;
	font-weight: bold;
}

#missionList ul li ul	{
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

#missionList ul li ul li	{
	border-bottom: 0px;
}

#bulletList ul li {
	border-bottom:1px solid #c0c0c0;
}

#definition {
	padding: 5px 0px 0px 0px;
	background: none;
}

#definition ul li	{
	font-size: 11px;
}

#quickLinks	{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}

#quickLinks h5	{
	color:#b2b1a5;
	font-size: 18px;
	font-weight: normal;
}

#quickLinks p	{
	padding: 10px 0px 8px 0px;
	color: #4b4b4b;
}

#completedProjects	{
	line-height: 16px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}

#completedProjects h6	{
	color:#cc3333;
	font-size: 18px;
	font-weight: normal;
}

#completedProjects img {
	border:1px solid #ffffff;
	margin: 10px 0px 10px 0px;
}

#completedProjects  span	{
	font-style: italic;
}

#completedProjects .link	{
	margin: 10px 0px 0px 0px;
}

#userFriendly	{
	margin: 30px 0px 0px 0px;
}

#userFriendly a	{
	text-decoration: none;
}

#userFriendly ul li	{
	list-style: none;
	border-bottom:1px solid #3f3f3f;
	padding: 4px 0px 4px 30px;
}

#userFriendly .mailIcon	{
	background: url(../images/mailIcon.gif) no-repeat 4px 5px;
}

#userFriendly .starIcon	{
	background: url(../images/starIcon.gif) no-repeat 4px 2px;
}

hr	{
	color: #666666;
	background-color: #666666;
	height: 1px;
	border:0px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

/*==  Contact Form  ========================*/

#questionForm	{
	padding: 15px 0px 0px 0px;
}

#questionForm input, #questionForm select, #questionForm textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 7px 0px;
	border:1px solid #98938b;
	padding: 2px;
}

#questionForm textarea	{
	background: url(../images/inputBkgrd.gif) repeat-x #ffffff;
}

#questionForm input, #questionForm select	{
	background: url(../images/inputBkgrd.gif) repeat-x #ffffff;
}

#questionForm label	{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 12px;
}

#questionForm .submitContactForm input {
	margin-left: 135px;
	background: none;
}

.required	{
	color: #2284a8;
}

/*==  Calculator Format  ========================*/

#calculatorFormat   
{
    font-size: 12px;
}

#calculatorFormat label 
{
    padding: 0px 10px 0px 5px;
}


.Inputs
{
    font-size: 13px;
    padding: 2px;
    background: url(../images/inputBkgrd.gif) repeat-x #ffffff;
    border:1px solid #000000;
}



.InputsNoBrdr   
{
    border:0px;
    color: #ffffff;
    background-color: #2e2e2e;
}

/*==  Link Box  ========================*/

#linkBox {
	width: 169px;
	float: right;
	/* background: url(../images/boxBkgrd.gif) repeat-y; */
	border:1px solid #3d7d09;
	margin: 15px;
	font-size: 12px;
	
}

#linkBox .linkBoxContent	{
	/* background: url(../images/boxTop.gif) no-repeat; */
	padding: 10px;
}

#linkBox .boxBottom	{
	height: 10px;
	/* background: url(../images/boxBottom.gif) bottom no-repeat; */
}

#linkBox ul	li {
	width: 135px;
	border-bottom: 1px solid #c6c6c6;
	padding: 2px 0px 2px 5px;
}

#linkBox ul	li a	{
	text-decoration: none;
}

/*==  Footer Content  ========================*/

#footer 
{
    padding: 25px 0px 0px 0px;
}

.footerNav {
	color: #666666;
	float: left;
	font-size: 11px;
	width: 300px;
	margin: 0px 0 0 50px;
}
.footerNav a{
	color: #3d7d09;
	text-decoration: none;
}

.footerNav a:hover{
	text-decoration: underline;
}

.footerNav  ul {
	list-style-type: none;
	padding-bottom: 20px;
	
}
.footerNav  li {
	display:inline;
	padding: 0px 5px 0px 5px;
}

.footerNav p {
	padding-top: 20px;
	padding-left: 5px;
}

.footerRight {
	float: right;
	color: #666666;
	font-size: 15px;
	margin: 0px 50px 0 0;
	width: 400px;
	text-align: right;
}
.footerRight a{
	color: #3d7d09;
	text-decoration: none;
}

.footerRight a:hover{
	text-decoration: underline;
}
