/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
h4 {margin: 12px 10px 0px 10px; font-weight: bold; color: #000;}
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }

/* =default form controls styling: */
.pagination { padding: 10px; font-size: 1.1em;  font-weight: bold; }
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; }
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: normal; margin: 0 2px 2px 2px; }
.paginationF a.lastpage { border: solid 2px #EEEEEE; }
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: #FDB930; font-weight: normal; }
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; }
.resources li { margin-bottom: 8px; padding-left: 16px; background: url(../images/more-bullet.gif) no-repeat 0 4px; }
.resources li img { padding-left: 5px; background: #fff; }

div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; }
div.row p { font-size: 1em; }
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; }
div.rowlong span.label { width:370px; }

/* ==UNIVERSAL: (overall body and content formatting) ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 62.5%;
color: #003300;
background: url(../images/body-bg.png) repeat-x left top #d4efae;
text-align: center;
}

a:hover
{
text-decoration: underline;
}

/* ==LEGO: (the main divs used to build the layout) ======================================================= */
#wrapper
{
margin: 20px auto 0 auto;
width: 770px;
background: url(../images/container-bg.gif) repeat-y;
text-align: left;
}
body > #wrapper
{
background-image: url(../images/container-bg.png);
}

#inner
{
padding: 0 5px;
font-size: 1.1em;
background: url(../images/inner-bg.gif) right top no-repeat;
}

#branding
{
margin-top: -1px;
height: 220px;
}
#inner > #branding
{
height: auto;
min-height: 220px;
}

#mainnav
{
clear: left;
width: 230px;
margin-top: -71px;
text-align: right;
float: left;
margin-bottom: 20px;
}

#content
{
float: left;
width: 310px;
margin-bottom: 20px;
margin-left: 10px;
}
.twocol #content
{
float: left;
width: 500px;
margin-bottom: 20px;
margin-left: 10px;
}

#content img
{
	padding: 5px;	
}

#sidebar
{
float: left;
width: 190px;
margin-left: 20px;
margin-bottom: 20px;
}
.twocol #sidebar
{
display: none;
}

#footer
{
width: 768px;
margin: 0 0 0 2px;
padding-bottom: 8px;
clear: both;
color: #fff;
font-size: 1.1em;
background: url(../images/footer-inner-bg.png) no-repeat bottom;
position: relative;
}
#footer-inner
{
margin: 0 7px 0 3px;
padding: 8px 20px;
background: #50c501;
}

/* ==PAINT: (styling of items within the main divs) ======================================================= */
#container p
{
margin: 10px 0 0 0;
font-size: 1.2em;
}

#branding h1
{
float: left;
padding: 25px 15px 25px 14px;
}
#branding div
{
float: left;
}

#branding #sitesearch 
{
float: right;
padding-right:10px;
}

/* =======================================================================================================
CURVY NAV BEGINS HERE: 
(lots of fiddling involved!) 
========================================================================================================== */
/* IE needs them to float left to display properly: */#dropnav li
{
float: left;
}
/* FF doesn't but needs margins added: */#mainnav > #dropnav li
{
float: none;
margin: 8px 0;
}
#dropnav li a
{
/* IE needs: */height: 1px;
display: block;
margin: 4px 0;
padding: 2px 24px 2px 0;
font-weight: bold;
color: #999;
background: url(../images/mainnav-a-bg.gif) no-repeat right center;
}
/* FF doesn't: */#mainnav > #dropnav li a
{
height: auto;
}
#dropnav li a:hover
{
color: #222;
background-image: url(../images/mainnav-ahover-bg.gif);
}

/* Each individual list item needs an id with specific margin applied: */
#dropnav #nav1 a { margin-right: 51px; }
#dropnav #nav2 a { margin-right: 61px; }
#dropnav #nav3 a { margin-right: 70px; }
#dropnav #nav4 a { margin-right: 77px; }
#dropnav #nav5 a { margin-right: 83px; }
#dropnav #nav6 a { margin-right: 87px; }
#dropnav #nav7 a { margin-right: 89px; }
#dropnav #nav8 a { margin-right: 90px; }
#dropnav #nav9 a { margin-right: 90px; }
#dropnav #nav10 a { margin-right: 89px; }
#dropnav #nav11 a { margin-right: 85px; }
#dropnav #nav12 a { margin-right: 80px; }
#dropnav #nav13 a { margin-right: 74px; }
#dropnav #nav14 a { margin-right: 66px; }
#dropnav #nav15 a { margin-right: 57px; }
#dropnav #nav16 a { margin-right: 46px; }
#dropnav #nav17 a { margin-right: 32px; }
#dropnav #nav18 a { margin-right: 18px; }
#dropnav #nav19 a { margin-right: 0; }

/* Pop-out navigation hide / show bits plus some formatting: */
#dropnav li ul 
{
position: absolute;
left: -999em;
}
#dropnav li ul li
{
clear: left;
}
#dropnav li:hover ul 
{
left: auto;
}
/* for IE: */ #dropnav li:hover ul, #dropnav li.sfhover ul 
{
left: auto;
padding-left: 10px;
margin-top: -2.2em;
margin-left: 200px;
}

/* Overall pop-out li formatting: */
#dropnav li ul li
{
text-align: left;
width: 100px;
margin: 0;
padding: 0;
}
#mainnav > #dropnav li ul li
{
float: none;
margin: 1px 0;
}

/* Each individual pop-out list needs specific margin applied, based on id of li above it: */
#dropnav #nav1:hover ul, #dropnav #nav1.sfhover ul 
{
margin-left: 175px;
}
#dropnav #nav2:hover ul, #dropnav #nav2.sfhover ul 
{
margin-left: 165px;
}
#dropnav #nav3:hover ul, #dropnav #nav3.sfhover ul 
{
margin-left: 155px;
}
#dropnav #nav4:hover ul, #dropnav #nav4.sfhover ul 
{
margin-left: 150px;
}
#dropnav #nav5:hover ul, #dropnav #nav5.sfhover ul 
{
margin-left: 145px;
}
#dropnav #nav6:hover ul, #dropnav #nav6.sfhover ul 
{
margin-left: 140px;
}
#dropnav #nav7:hover ul, #dropnav #nav7.sfhover ul 
{
margin-left: 135px;
}
#dropnav #nav8:hover ul, #dropnav #nav8.sfhover ul 
{
margin-left: 135px;
}
#dropnav #nav9:hover ul, #dropnav #nav9.sfhover ul 
{
margin-left: 135px;
}
#dropnav #nav10:hover ul, #dropnav #nav10.sfhover ul 
{
margin-left: 135px;
}
#dropnav #nav11:hover ul, #dropnav #nav11.sfhover ul 
{
margin-left: 140px;
}
#dropnav #nav12:hover ul, #dropnav #nav12.sfhover ul 
{
margin-left: 145px;
}
#dropnav #nav13:hover ul, #dropnav #nav13.sfhover ul 
{
margin-left: 155px;
}
#dropnav #nav14:hover ul, #dropnav #nav14.sfhover ul 
{
margin-left: 160px;
}
#dropnav #nav15:hover ul, #dropnav #nav15.sfhover ul 
{
margin-left: 170px;
}
#dropnav #nav16:hover ul, #dropnav #nav16.sfhover ul 
{
margin-left: 180px;
}
#dropnav #nav17:hover ul, #dropnav #nav17.sfhover ul 
{
margin-left: 193px;
}
#dropnav #nav18:hover ul, #dropnav #nav18.sfhover ul 
{
margin-left: 207px;
}
#dropnav #nav19:hover ul, #dropnav #nav19.sfhover ul 
{
margin-left: 225px;
}

/* Overall pop-out anchor formatting: */
#dropnav li ul li a
{
width: 100px;
margin: 1px;
padding: 4px;
color: #fff;
font-weight: lighter;
background-color: #73c800;
background-image: none;
}
#dropnav li ul li a:hover
{
background-color: #73c800;
background-image: none;
color: #fff;
}
/* =======================================================================================================
CURVY NAV ENDS
========================================================================================================== */

#content h2
{
font-size: 2em;
font-family: arial;
color: #003300;
margin-bottom: 10px;
}
#content h3
{
font-size: 1.6em;
font-family: arial;
color: #003300;
margin-bottom: 10px;
}
#content h4
{
font-size: 1.2em;
font-family: arial;
color: #003300;
margin-bottom: 5px;
}
#content p
{
margin: 10px 0;
}

#content ul 
{
	margin-left:15px;
	list-style-type:disc;
	
}

#content .portfolio
{
clear: both;
margin: 10px 0 10px 0;
}
#content .portfolio dt
{
float: left;
margin: 0 7px 7px 0;
}
#content .portfolio dd
{
padding: 0 10px 10px 10px;
float:right;
}
#content .portfolio dd p
{
margin: 5px 0;
}

#content .portfolio dd a
{
	color: #003300;
	font-weight: bold;
}

#content .link
{
clear: both;
margin: 10px 0 10px 0;
}
#content .link dt
{
float: left;
margin: 0 7px 7px 0;
width:150px;
}

#content .link dt a
{
	color: #003300;
	font-weight: bold;
}
#content .link dd
{
padding: 0 10px 10px 10px;
float:right;
}
#content .link dd p
{
margin: 5px 0;
}

#content .link dd a
{
	color: #003300;
	font-weight: bold;
}

#content #largeimage img
{
 
 margin-left:40px;
 
}

#content ul.brochures li a
{
	color: #003300;
	font-weight: bold;
}

#sidebar a
{
color: #003300;
font-weight: bold;
}
#sidebar h3.sidehead
{
width: 168px;
padding: 5px 10px;
background: url(../images/white.gif) no-repeat left top #73c800;
color: #fff;
text-transform: lowercase;
font-size: 1.2em;
}
#sidebar .news
{
clear: left;
margin: 10px 0 10px 0;
}
#sidebar .news dt
{
text-align: center;
margin: 0 7px 7px 0;
}
#sidebar .news dd
{
padding: 0 10px 10px 10px;
}
#sidebar .news dd p
{
margin: 5px 0;
}

#content .news
{
clear: left;
margin: 10px 0 10px 0;
}
#content .news dt
{
float: left;
margin: 0 7px 7px 0;
}
#content .news dd
{
padding: 0 10px 10px 10px;
}
#content .news dd p
{
margin: 5px 0;
}

/**************************** Search Results ***********************************************/

.searchResults { margin: 20px 23px; font-size: 1.1em; }
.searchResults li { margin: 10px 0; line-height: 1.4em; }
.searchResults li a { font-weight: bold; color: #999; }
.searchResults li p { margin: 0; font-size: 1em; }
.searchResults li a:hover{color: #222;}

.


.searchResults .dlSearchResults
{
clear: left;
margin: 10px 0 10px 0;
}
.searchResults .dlSearchResults dt
{
float: left;
margin: 0 7px 7px 0;
}
.searchResults .dlSearchResults dd
{
padding: 0 10px 10px 10px;
}
.searchResults .dlSearchResults dd p
{
margin: 5px 0;
}





/****************************** Footer **************************************/

#footer a
{
color: #fff;
font-weight: bold;
}
#footer #copyright
{
float: left;
}
#footer #tandc
{
float: right;
}

#footer #tandc a
{
	padding-right:10px;
	border-right:solid 1px #fff;
}
#footer #tandc  a.lastlink
{
	border:none;
}


/* ==EXTRANEOUS: (default hacks, etc.) ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

/******** For Forms */
#diverror .error
{
	color::Red;
	padding-bottom:10px;
}
.pagecontentlabel{ color:#505050;float:left;width: 140px;margin-right: 15px;text-align: left;}
.textBox {display:block; font-weight:bold; padding-bottom: 10px;}

/****************************** Header Image Divs ********************************/
.homepageimg
{
	width:143px;
	height:200px;
}

.homepagetext
{
	
	position:absolute;
	top:100px;
	margin-left: -200px;	
}
#headerimage
{
	margin-left: 2px;
}

/*************************** Sav navigation ***********************************/

#subnav
{
	background :#E7F7D6;
	border: solid 1px;
	padding:10px 10px;
	
}

#subnav a
{
	
	font-weight: bold;
	color: #999;
}

#subnav a:hover
{
	color: #222;
	
}

/*********************** Site Map ******************************************/

#sitemap
{
list-style-type: disc;
margin: 10px 15px;
}
#sitemap .page
{
margin: 5px 0;
}
#sitemap .folder
{
list-style-type: circle;
font-weight: bold;
margin: 0 15px;
}
#sitemap .folder a
{
margin-top: 10px;
font-weight: lighter;
}
#sitemap .folder .page
{
list-style-type: square;
}

#sitemap .folder .page a
{
	font-weight: bold;
	color: #999;
}
#sitemap .folder .page a:hover
{
	color: #222;
}

#homepagetextdiv
{
	width:200px;
	height:50px;
}

.footerdescription
{
	width: 760px;	
	padding: 0 0 10px 0;
}