/* template-layout-v1.css
2006-06-04 jfm.
*/

html, body { font-family: arial, helvetica, sunsans-regular, sans-serif }

body { background-color: #006699; margin: 0; padding: 0; border: none }

div#page { position: relative; width: 1000px;
	background: url(../images/bg-logo-2.jpg) no-repeat 0 0; }


div#page-strut-vertical { width: 0; height: 30em; float: left }


/*** header ***/

div#header { float: left; height: 42px; /* border: 3px solid purple */}



div#toolbar { float: left; width: 811px /* = 646px + 165px */ ; margin-top: 10px; } /* height: 42px; */

div#toolbar p { font-size: 9pt; line-height: 1.6; font-weight: bold; font-style: italic; color: white; text-align: right; margin: 0 3px 0 0 }

div#toolbar a, div#toolbar a:link, div#toolbar a:visited { color: white; text-decoration: none; }

div#toolbar a:hover, div#toolbar a:active { color: #99ffcc; text-decoration: underline; }


div#header-search { float: left;  margin-top: 10px; width: 150px; }

div#header-search form, div#header-search input { display: inline }

input#header-search-textbox { font-size: 9pt; line-height: 1.2; width: 77px; margin: 0 0 0 3px; outline: 0; /* border: 2px solid #e1e1a9; */ }

input#header-search-button { font-size: 9pt; line-height: 1.0; font-weight: bold; font-style: italic; color: white; text-align: center; margin: 0; /* border: 2px solid #e1e1a9;*/ background-color: #006699; padding: 0 }


/*** middle ***/

div#pre-middle-clearall { height: 1px; clear: both; } /* deleted pre-middle-clearall in html to fix IE 6 */

div#middle { position: relative; top: 0; float: left; margin: 0; /* border: 1px solid red */} /*- added float:left to fix IE 6 */


/*** left sidebar ***/

div#leftside { width: 165px; height: auto; margin: 38px 0 0 0; float: left; /* border: 1px solid yellow */}

div#subnavbox { width: 149px; margin: 0 0 10px auto; float: right; background-color: #F0F0F0 }


div#subnavcontent, div#subnavcontent h1 { margin: 1em 0 1em 1em; font-size: 9pt; line-height: 1.2; font-weight: normal; color: black; }

div#subnavcontent h1 { margin: 0 0 0 1em; padding: 0 }

div#subnavcontent h1, div#subnavcontent ul { font-size: 9pt; line-height: 1.2; font-weight: normal; color: black; }


div#subnavcontent ul { list-style-type: none; margin: 0 0 auto 0; padding-left: 0; }

div#subnavcontent ul li { padding:  1pt 0 1pt 1em }

div#subnavcontent ul li.selected { background-color: white;  border: 1px solid #c8d2c7;  border-right: none }

div#subnavcontent a, div#subnavcontent a:link, div#subnavcontent a:visited { color: #008080; text-decoration: none; }

div#subnavcontent a:hover, div#subnavcontent a:active { color: #008000; text-decoration: underline; }

div#leftside-strut-vertical { width: 0; height: 300px }


/*** center panel ***/

div#center { width: 646px; height: auto; float: left; /* border: 2px solid green */}

div#center-strut-vertical { width: 0; height: 30em; float: left }

div#center-tabs { position: relative; height: 28px }

div.center-tabbox  { margin: 0 13px 0 0; position: absolute; width: 198px; height: 28px }

div#center-tabbox1 { position: absolute; left: 10px; }
div#center-tabbox2 { position: absolute; left: 221px; }
div#center-tabbox3 { position: absolute; left: 432px; }

div.center-tabbox { background-color: #e1e1a9 }

div.center-tabbox.selected { background-color: #FFFFFF } /* use #FFFFFF instead of white for NiftyCube */
	/* actually assigned by id selector, as follows 
		div#center-tabbox1 { background-color: white }
	*/

div.center-tabbox a  { font-size: 12pt;  font-weight: bold; line-height: 30px; margin: 6px 6px 0 }
	/* old template-home.html + layout.css specify 
		color: #000; font-size: 11pt; font-weight: bold; line-height: 120%;
	for class 'sub1' which applied to the tabs.  This doesn't look right. */

div.center-tabbox a, div.center-tabbox a:link, div.center-tabbox a:visited { color: #008080; text-decoration: none; }

div.center-tabbox a:hover, div.center-tabbox a:active { color: #008000; text-decoration: underline; }


div#center-container { position: relative; background-color: #FFFFFF } /* use #FFFFFF instead of white for NiftyCube */

div#center-container-top-left-curve { position: absolute; top: 10px; left: 0; background-color: #006699; }
	/* apparent bug in niftycube.js -- 
		-- adding width and height causes div to appear too low (top: +10px); 
		-- curve shows up above (top: -10px) this div (thus the top:10px above to compensate). */

div#center-container-strut-vertical { width: 0; height: 30em; float: left }

div#center-content { margin: 13px }

div#center-container-clearall { clear: both; height: 0 }


/*** right sidebar ***/

div#rightside { width: 140px; height: auto; margin: 28px auto 0 8px; float: left; /* border: 1px solid blue */}

/* adboxes */
/* The content of each adbox should be an <h1> followed by <p>s.  All text and
links should be inside these.
*/
div.adbox { background-color: #F0F0F0; margin-top: 10px; padding: 6px }

div.adbox h1 { margin: 0; margin-bottom: 0.5em; padding: 0; font-size: 11pt; font-weight: normal; line-height: 1.0; color: #353535 }

div.adbox h1 { font-variant: small-caps }

div.adbox, div.adbox p { font-size: 9pt; font-weight: normal; line-height: 1.2; color: black }

div.adbox p { margin: 0.5em 0 }

div.adbox a, div.adbox a:link, div.adbox a:visited { color: #008080; text-decoration: none; }

div.adbox a:hover, div.adbox a:active { color: #008000; text-decoration: underline; }

div.citation p { margin-top: 20px; font-size: 8pt; font-weight: normal; line-height: 1.2; color: white }

div.citation a, div.citation a:link, div.citation a:visited { text-decoration: none; color: white }

div.citation a:hover, div.citation a:active { text-decoration: underline; color: yellow }

/*** footer ***/

div#footer { clear: both; position: relative; margin: 0; width: 100% } /* width for IE 6 */


div#footer-text { width: 646px; margin-left: 165px; margin-right: auto;
	font-size: 0.9em; text-align: center; color: white; }

div#footer-text p#footer-text-copyright { padding-top: 16px;
	font-size: 8pt; line-height: 1.0; font-size: 8pt; font-style: italic; text-align: center }

div#footer-text p#footer-text-links { font-size: 10pt; line-height: 1.2; text-align: center }

p#footer-text-links a, p#footer-text-links a:link, p#footer-text-links a:visited { 
	color: white; text-decoration: none; }

p#footer-text-links a:hover, p#footer-text-links a:active { 
	color: #99ffcc; text-decoration: underline; }


div#footer-base { position: relative; left: 0; right: 0; 
	width: auto; height: 22px; margin-top: 1em; margin-bottom: 0;
	background-color: #669966; }

div#footer-base p#footer-base-phone   { position: absolute; top: 0; left: 0; margin: 0 0 0 13px;
	color: white; font-size: 13pt; line-height: 1.2; text-align: left }

div#footer-base p#footer-base-motto   { margin: 0 auto 0 165px; width: 646px;
	color: white; font-size: 13pt; line-height: 1.2; text-align: center }


div#footer-map { position: absolute; bottom: 22px; left: 0; width: 165px; height: 157px;  }