/**************************************************************************

**************************************************************************/
/* old body color #6B6B6B */
body {
padding:0px;
margin:0px;
font-family:Arial;
font-size:12px;
color:#393939;
background-color:#D7D9BA;
}
img{
border:0px;
}
h1{
color:#07654C;
font-weight:600;
font-size:18px;
margin:0px;
padding:0px;
}
h2{
color:#07654C;
font-weight:600;
font-size:13px;
padding:0px;
margin:0px;
}
p{
padding:0px;
margin:0px;
padding-top:8px;
padding-bottom:10px;
}
hr{
height:1px;
overflow:hidden;
background-color:#D6D9B8;
color:#D6D9B8;
border:0px;
}
a:link, a:active, a:hover, a:visited{
font-size:12px;
color:#07654C;
}
ul{
margin:0px;
padding:0px;
/*list-style:none;*/
padding-top:10px;
margin-left:15px;
}
ul li{
/*
background-image:url(../Images/i_arrow.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-bottom:3px;
padding-left:15px;
*/
padding-bottom:3px;
}
ol{
margin:0px;
padding:0px;
padding-top:10px;
margin-left:17px;
}
*html ol{
margin-left:22px;
}
ol li{
padding-bottom:3px;
}
/**************************************************************************
general styles
**************************************************************************/
#wrapper{
width:100%;
text-align:center;
}
#main{
width:759px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
text-align:left;
}
.gold{
color:#8B9059;
}
a:link.goldLink, a:visited.goldLink, a:active.goldLink, a:hover.goldLink{
color:#363820;
}
.pageHeader{
padding-left:20px;
padding-top:20px;
}
/**************************************************************************
header section
**************************************************************************/
#header{
height:116px;
position:relative;
}
#spanish{
position:absolute;
left:669px;
top:15px;
}
#spanish a:link, #spanish a:hover, #spanish a:active, #spanish a:visited{
text-decoration:none;
font-weight:600;
}
#logo{
float:left;
display:inline;
width:200px;
margin-left:20px;
margin-top:17px;
}
#slogan{
float:left;
display:inline;
text-align:right;
margin-left:60px;
margin-top:50px;
}
#slogan .quicklinks{
margin-top:20px;
color:#9D9C9C;
font-weight:600;
}
#slogan .quicklinks .select{
border:1px solid #9D9C9C;
color:#9D9C9C;
font-size:10px;
margin-left:13px;
width:144px;
height:19px;
vertical-align:middle;
}
#questions{
float:left;
display:inline;
margin-left:17px;
margin-top:93px;
}
#questions a{
color:#07654C;
font-weight:600;
font-size:11px;
text-decoration:none;
}
/**************************************************************************
content section
**************************************************************************/
#content{
background-color:#E0E3CA;
}
#content .leftSide{
float:left;
display:inline;
width:229px;
}
#content .rightSide{
float:right;
display:inline;
width:530px;
background-color:#fff;
}
/**************************************************************************
left side navigation
**************************************************************************/
#leftNav{
background-color:#07654C;
width:229px;
float:left;
}
ul.leftNav{
padding:0px;
margin:0px;
list-style:none;
width:165px;
padding-top:22px;
margin-left:23px;
padding-bottom:14px;
}
ul.leftNav li{
background-image:url(../Images/i_greenArrow.gif);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:15px;
padding-bottom:7px;
}
ul.leftNavInner{
padding:0px;
margin:0px;
list-style:none;
padding-top:7px;
}
ul.leftNavInner li{
background-image:url(../Images/i_whiteGreenArrow.gif);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:15px;
padding-bottom:7px;
font-size:10px;
}
a:link.sideNavLink, a:active.sideNavLink, a:visited.sideNavLink, a:hover.sideNavLink{
color:#fff;
text-decoration:none;
font-size:10px;
font-family:Arial;
text-transform:uppercase;
}
/** for active side nav link, make link underlined **/
a:link.activeSideNav, a:active.activeSideNav, a:hover.activeSideNav, a:visited.activeSideNav{
text-decoration:underline;
color:#fff;
font-size:10px;
}
/**************************************************************************
textbox search
**************************************************************************/
#search{
background-color:#BEC38F;
color:#fff;
width:229px;
min-height:191px;
float:left;
}
#searchContainer{
width:185px;
max-width:185px;
padding-left:20px;
padding-top:15px;
background-color:Transparent;
}
#search .title{
font-weight:600;
font-size:12px;
padding-bottom:5px;
}
#searchLetters{
margin-top:10px;
margin-bottom:10px;
}
#search .searchBox{
width:152px;
height:18px;
border:0px;
}
a:link.go,a:active.go,a:hover.go,a:visited.go{
padding:3px;
background-color:#578E69;
text-decoration:none;
color:#fff;
font-size:11px;
}
.letterContainer{
width:155px;
}
.letterButton{
background-color:#91946D;
color:#fff;
width:13px;
height:13px;
border:0px;
font-size:10px;
font-family:Arial;
cursor:pointer;
margin-bottom:3px;
text-align:center;
}
.textSizeContainer{
padding-bottom:15px;
width:130px;
}
.textSize{
float:right;
display:inline;
}
.textSize .letterButton{
width:24px;
height:22px;
font-size:18px;
}

a:link.letterLink, a:hover.letterLink, a:active.letterLink, a:visited.letterLink{
color:#fff;
text-decoration:none;
font-size:10px;
}
a:link.letterLinkBig, a:hover.letterLinkBig, a:active.letterLinkBig, a:visited.letterLinkBig{
font-size:16px;
color:#fff;
text-decoration:none;
}
/**************************************************************************
home page splash
**************************************************************************/
#splash{
width:530px;
height:197px;
background-color:#35826E;
float:left;
}
/**************************************************************************
news and announcements
**************************************************************************/
#newsserve{
height:100%;
min-height:191px;
}
.newsNormal{
background-image:url(../Images/i_newsserveBg.gif);
background-repeat:repeat-y;
background-position:center top;
}
.newsEmergency{
background-image:url(../Images/i_emergencyBg.gif);
background-repeat:repeat-y;
background-position:center top;
}
*html #newsserve{
padding-bottom:15px;
}
#news{
float:left;
display:inline;
width:266px;
max-width:266px;
background-color:#E4E6CA;
}
#newsContainer{
width:219px;
margin-left:22px;
margin-top:15px;
background-color:Transparent;
}
#MoreLink a {
font-weight:bold;
float:right;
color:#363820;
padding-right:20px;
padding-top:5px;
}
#newsList{
padding:0px;
margin:0px;
list-style:none;
padding-top:10px;
}
#newsList li{
background-image:url(../Images/i_whiteArrow.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding-bottom:8px;
padding-left:15px;
}
#newsList li a{
color:#363820;
font-size:11px;
}
/**************************************************************************
emergency box
**************************************************************************/
#emergency{
background-color:#C2312A;
float:left;
display:inline;
width:266px;
max-width:266px;
color:#fff;
min-height:191px;
}
#emergency .container{
width:219px;
margin-left:22px;
margin-top:15px;
background-color:Transparent;
}
*html #emergency .container{
width:227px;
}
#emergencyList{
padding:0px;
margin:0px;
list-style:none;
padding-top:10px;
}
#emergencyList li{
background-image:url(../Images/i_whiteRedArrow.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding-bottom:8px;
padding-left:15px;
}
#emergencyList li span a{
color:#fff;
font-size:11px;
}
#emergency h1{
color:#fff;
}
/**************************************************************************
who we serve
**************************************************************************/
#serve{
float:left;
display:inline;
width:264px;
max-width:264px;
background-color:#EFF0E0;
background-image:url(../Images/i_serveBg.gif);
background-repeat:no-repeat;
background-position:97px 18px;
}
#serveContainer{
width:205px;
max-width:205px;
margin-left:23px;
margin-top:15px;
background-color:Transparent;
color:#363820;
}
/**************************************************************************
just for you
**************************************************************************/
#justforyou{
width:229px;
max-width:229px;
background-color:Transparent;
min-height:181px;
float:left;
}
#justforyou ul{
list-style:none;
margin-left:0px;
}
#justforyou ul li{
background-image:url(../Images/i_arrow.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-bottom:3px;
padding-left:15px;
}

#justforyouContainer{
background-color:Transparent;
width:150px;
max-width:150px;
padding-top:15px;
margin-left:22px;
}
#justforyou li a{
color:#363820;
}
/**************************************************************************
purchase online
**************************************************************************/
#textpurchase{
background-color:#fff;
height:100%;
padding-bottom:23px;
background-image:url(../Images/i_justforyouBg.gif);
background-repeat:no-repeat;
background-position:left top;
}
#purchase{
float:left;
background-color:#fff;
width:264px;
}
#purchase ul{
list-style:none;
margin-left:0px;
}
#purchase ul li{
background-image:url(../Images/i_arrow.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-bottom:3px;
padding-left:15px;
}
#purchaseContainer{
width:205px;
margin-left:23px;
margin-top:15px;
}
#purchase li a{
color:#363820;
}
/**************************************************************************
text block
**************************************************************************/
#textBlock{
float:left;
background-color:#fff;
width:266px;
}
#textBlockOuter{
border-right:1px solid #DFDFDB;
border-left:1px solid #DFDFDB;
width:264px;
margin-top:10px;
}
#textBlockContainer{
width:205px;
margin-left:23px;
}
/**************************************************************************
bread crumb menu
**************************************************************************/
#breadcrumb{
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
color:#fff;
background-color:#67A192;
font-size:10px;
font-weight:600;
}
#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover{
color:#D7D9BA;
font-size:10px;
text-decoration:none;
}
#breadcrumb .container{
width:489px;
}
#breadcrumb .breadTitle{
float:left;
display:inline;
width:70px;
}
#breadcrumb .breadcrumb{
float:right;
display:inline;
width:417px;
text-align:left;
}
/** IE 6 Hack  **/
*html #breadcrumb .breadTitle{
width:80px;
}
*html #breadcrumb .breadcrumb{
width:407px;
}
/**************************************************************************
inner page content
**************************************************************************/
#innerContent{
background-color:#fff;
width:500px;
}
#innerContentContainer{
/*margin-top:20px;
margin-left:20px;*/
padding-bottom:20px;
}
/**************************************************************************
templates
**************************************************************************/
#top{
width:483px;
padding-bottom:20px;
padding-left:20px;
}
#divider{
width:483px;
height:2px;
background-color:#D6D9B8;
overflow:hidden;
margin-left:20px;
}
#bottom{
padding-top:20px;
width:500px;
padding-left:20px;
}
/**************************************************************************
template 1
**************************************************************************/
.t1Photo{
float:right;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
}
ul.bigList{
margin:0px;
padding:0px;
list-style:none;
width:100%;
}
ul.bigList li{
padding-left:15px;
background-image:url(../Images/i_bigArrow.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding-bottom:25px;
float:left;
height:100px;
}
ul.bigList li .wrapper{
width:213px;
}
ul.bigList li div{
width:162px;
padding-top:5px;
}
ul.bigList li a:link, ul.bigList li a:active, ul.bigList li a:hover, ul.bigList li a:visited{
color:#07654C;
text-decoration:underline;
font-size:12px;
font-weight:600;
}
/** handle list with photo on left side **/
.photoListItem{
width:213px;
padding-bottom:20px;
float:left;
padding-left:20px;
padding-right:17px;
}
.photo{
float:left;
padding-right:5px;
width:66px;
}
.photoListText{
float:right;
width:137px;
}
.photoListText div{
padding-top:5px;
}
.photoListText a:link, .photoListText a:active, .photoListText a:hover, .photoListText a:visited{
color:#07654C;
text-decoration:underline;
font-size:12px;
font-weight:600;
}
/** end handle list with photo on left side **/
/**************************************************************************
template 2
**************************************************************************/
#t2Content{
padding-left:20px;
width:483px;
padding-bottom:20px;
}
/** right colum **/
#t2RightColumn{
float:right;
width:191px;
padding-left:20px;
}
#t2InfoBox{
background-color:#3C8672;
margin-bottom:5px;
}
#t2InfoBox .container{
margin-left:20px;
padding-top:20px;
width:141px;
padding-bottom:20px;
color:#fff;
font-weight:600;
}
#t2Downloads{
background-color:#E8EAD8;
margin-bottom:0px;
}
#t2Downloads .container{
margin-left:20px;
padding-top:20px;
width:161px;
padding-bottom:0px;
}
#t2Downloads h3{
color:#363820;
font-size:18px;
margin:0px;
padding:0px;
}
#t2Downloads ul{
margin:0px;
padding:0px;
padding-top:5px;
list-style:none;
}
#t2Downloads ul li{
background-image:url(../Images/i_downloadIcon.gif);
background-position:left top;
background-repeat:no-repeat;
padding-bottom:15px;
padding-left:20px;
}

#t2Links{
background-color:#E8EAD8;
margin-bottom:0px;
}
#t2Links .container{
margin-left:20px;
padding-top:0px;
width:161px;
padding-bottom:20px;
}
#t2Links h3{
color:#363820;
font-size:18px;
margin:0px;
padding:0px;
}
#t2Links ul{
padding:0px;
margin:0px;
padding-top:5px;
}
#t2Links ul li{
background-image:url(../Images/i_downloadIcon.gif);
background-position:left top;
background-repeat:no-repeat;
padding-bottom:15px;
padding-left:20px;
}

#t2MoreInfo{
background-color:#F2F3E9;
padding-bottom:20px;
margin-top:10px;
}
#t2MoreInfo .container{
padding-top:20px;
margin-left:20px;
width:141px;
}
.t2Footer{
text-align:right;
}
.t2Footer a:link, .t2Footer a:hover, .t2Footer a:visited, .t2Footer a:active{
color:#D6D9B8;
text-decoration:none;
font-weight:600;
}
a:link.downloadLink, a:hover.downloadLink, a:active.downloadLink, a:visited.downloadLink, a.downloadLink{
text-decoration:underline;
color:#363820;
display:block;
margin-bottom:10px;
}
/** end right colum **/
#t2Content h2{
padding-top:30px;
}
#t2Content .textIntro{
font-weight:600;
}
/**************************************************************************
template 4
**************************************************************************/
#t4Content{
padding-top:20px;
padding-left:20px;
padding-bottom:20px;
width:464px;
}
/**************************************************************************
form
**************************************************************************/
#form{
width:463px;
padding-top:20px;
}
.formContainer{
padding-bottom:10px;
width:464px;
}
.formContainerSub{
margin-top:2px;
width:464px;
}
.formItem{
float:left;
display:inline;
vertical-align:middle;
}
.tinyInput{
width:76px;
}
.tinyerInput{
width:60px;
}
.smallerInput{
width:115px;
}
.smallInput{
width:149px;
height:19px;
}
.mediumInput{
width:350px;
}
.input257{
width:257px;
}
.input190{
width:190px;
}
.input325{
width:325px;
}
.bigInput{
width:383px;
height:19px;
}
.stateInput{
width:47px;
}
.inputBox{
border:1px solid #BBBBBB;
height:18px;
font-size:11px;
color:#393939;
}
.textArea{
border:1px solid #BBBBBB;
font-size:11px;
color:#393939;
}
.smallLabel{
width:75px;
}
.smallInnerLabel{
width:58px;
}
.bigLabel{
width:111px;
}
.bigerLabel{
width:125px;
}
.tinyLabel{
width:33px;
}
.innerLabel{
margin-left:10px;
}
.label260{
width:260px;
}
.label135{
width:135px;
}
/**************************************************************************
footer section
**************************************************************************/
#footer{
text-align:center;
width:759px;
color:#939669;
font-size:10px;
margin-left:auto;
margin-right:auto;
}
#footer .footerLinks{
padding-bottom:5px;
padding-top:20px;
}
#footer a{
color:#939669;
font-size:10px;
}
/**************************************************************************
admin
**************************************************************************/
#adminBar{
height:33px;
background-color:#F1F088;
overflow:hidden;
width:759px;
margin-left:auto;
margin-right:auto;
}
#adminBar .leftItem{
float:left;
margin-left:5px;
}
#adminBar .rightItem{
float:right;
margin-right:5px;
}
#adminBar img
{
	border: 0px;
	padding-right: 9px;
	height: 32px;
	width: 32px;
}
/**************************************************************************
open styles
**************************************************************************/
.contactNumber{
float:left;
padding-left:40px;
width:180px;
}
input.button{
width:100px;
margin-left:130px;
}
/*********************************************************************************************************
popup section
*********************************************************************************************************/
#popup 
{
	background-image:url(../Images/i_popupHeader.jpg);
	background-repeat:repeat-x;
	background-position:left top;	
}
#popWrapper{
	width:100%;
	height:100%;
	background-color:#ffffff;
}
#popShell{	
	width:325px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:30px;
	
}
.popuptxtboxes{
	width:242px;
	height:18px;
	font-size:11px;
	border:1px solid #878787;
}
.popuptxtboxesmlt{
	width:242px;
	height:70px;
	font-size:11px;
	border:1px solid #878787;
}
.popuplabel{
	float:left;
	display:inline;
	width:65px;
	text-align:right;
	font-size:11px;
	padding-right:5px;
}
.popupinput{
	font-size:11px;
}
.popupbutton{
	font-size:11px;
}
#uSearch table{
	width:490px;
}