﻿/* css reset */
html,body{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}/* don't specify font-family:inherit otherwise IE6 won't do fixed footers! */
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
b,strong{font-weight:bold}
a img{border: 0;}

html
{
    overflow-y:scroll;
    background:#f9f9f9 url(../img/body_bg.png) top repeat-x;
}

body
{
    background:url(../img/header_lines_no_cutouts.png) top no-repeat;
    color:#666; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
}
h1,
h2
{
    font-size:180%;
    padding:0.1em 0 0.2em 12px;
    font-family:Verdana,Arial,helvetica, Sans-Serif;
    font-weight:normal;
    color:#fff;
}
h1
{
    width:252px; /* 264 - 12 */
    margin:50px 0 0 4px;
    background:#066;
    border-bottom:2px solid #6cc;
}
h2
{
    clear:both;
    width:70%;
    background:#6cc;
    border-bottom:2px solid #066;
    margin:0.5em 0 0.4em;
}
h2:first-child
{
    margin-top:0.2em;
}
h3
{
    font-size:115%;
    font-weight:bold;
    margin:1.5em 0 0.6em;
}
h3:first-child
{
    font-size:115%;
    font-weight:bold;
    margin:0.6em 0;
}
h4
{
    font-size:100%;
    font-weight:bold;
    margin:0.6em 0;
}
p {
    margin-bottom:1em;
    line-height:140%;
}
b
{
    font-weight:bold;
}
a
{
    color:#666;
}
a:hover
{
    color:#333;
}
ul, ol
{
    list-style-position: outside;
    margin-left:2em;
    line-height:140%;
}
li
{
    margin-bottom:0.5em;
}
ul li
{
    list-style-type: square;
}
ol li
{
    list-style-type: decimal;
}
address
{
    padding-top:1em;
    margin-left:0em;
    margin-bottom:1em;
    line-height:140%;
}

/* utility styles */
.preload{display:none;}
.hide{display:none;}
.full{text-align:justify}

/* header */
#header
{
/*    background:#ffc;*/
}
#header object
{
    width:196px;
    height:71px;
}
#header object#header_flash
{
/*    display:none;*/
}
#left
{
/*    background:#fcf;*/
}

#centrecontent
{
}

.menu
{
    display:block;
    position:absolute;
	top:34px;
    left:203px;
    margin:0;
	text-indent:0;
}
.menu li {
    display:block;
    float:left;
    list-style-type:none;
    text-indent:0;
}
.menu a
{
    display:inline-block;
    width:91px; /* 127 (actual) - (24+12: left and right padding)  */
    height:30px; /* 37 (actual height) - 7 (padding top) */
    margin-left:3px;
    padding-top:7px;
    padding-left:24px;
    padding-right:12px;
    text-align:center;
	text-decoration:none;
	color:#666;
    font-size:12px;
	line-height:1.9em;
    background:url(../img/menu-trans.png) left top no-repeat;
    cursor:pointer;
}
.menu li:first-child a
{
    margin-left:0;
}
.menu a:hover
{
	color:black;
    background-image:url(../img/menu_over-trans.png);
}
.menu li.current a
{
	color:black;
    background-image:url(../img/menu_current-trans.png);
}
.menu li.current a:hover
{
    background-image:url(../img/menu_current-trans.png);
}

/* News */
div.news
{
    display:block;
    width:222px;
    margin:0 0 0 12px;
}
div.news h2
{
    width:100%;
    margin:0;
    padding:8px 0 0;
    border-bottom:1px solid #f60;
    font-size:120%;
    font-weight:bold;
    font-family:Arial,Helvetica,Sans-serif;
    color:black;
    background:none;
}
div.news_main
{
}
div.news_main h3,
div.news_main p
{
    font-size:90%;
}
div.news_main h3
{
    color:Black;
    margin:0;
    padding-top:1em;
    padding-bottom:2px;
}
div.news_main div.contents
{
    border-bottom:1px solid #6cc;
}
div.news_main p
{
    margin:0 0 0px;
    margin-bottom:1em;
    text-align:justify;
}
div.news div.last
{
    height:23px;
    margin:0;
    padding:0;
}

/* Prominent text panel above main content */
div.panel
{
    border:2px solid #6cc;
    padding:1em;
    padding-bottom:30px;
    color:#066;
    background:#fff url(../img/panel_bg.png) bottom repeat-x;
    overflow:auto;
}
div.panel h2
{
    font-size:130%;
    border:0;
    color:#066;
    background:transparent;
    width:auto;
    padding-right:1em;
    line-height:140%;
}
div.panel ul
{
    margin-top:0.5em;
}

/* Main Content (below panel) */
div.main_content
{
    padding:19px;
    padding-right:15px;
}
div.main_content div.section
{
    float:left;
    margin-top:0.5em;
    margin-bottom:0.5em;
}
div.section1
{
    width:218px;
}
div.section2
{
    width:316px;
    margin-left:17px;
}
div.section2 img
{
    position:relative;
    top:-5px;
    margin-bottom:5px;
}

/* Contact Form */
form.contact
{
    float:right;
    position:relative;
    width:327px;
    margin:1em 1em 2em 1em;
    padding:1em;
    background:#EAF4F4;
}
form.contact label
{
    display:inline-block;
    margin-top:2px;
    white-space:nowrap;
    width:6em;
}
form.contact input[type="text"]
{
    width:18em;
    width:246px;
    margin-top:2px;
}
form.contact span.checkbox
{
    display:block;
    margin-left:6em;
}
form.contact input[type="checkbox"]
{

}
form.contact textarea
{
    width:18em;
    width:246px;
    height:10em;
    margin-top:2px;
    vertical-align:top;
    font-family:arial, helvetica, sans-serif;
    font-size:1em;
}
form.contact input[type="submit"]
{
    position:relative;
    left:5.8em;
    margin-top:0.5em;
    padding:0 1em;
}
form.contact p.smallprint
{
    margin-top:1em;
    margin-bottom:0;
}
/* Error Messages */
.error
{
	border:1px solid orange;
	margin:0.5em 0;
	padding:0.5em;
	color:#CC0033;
	background-color:#FFFFCC;
	font-weight:bold;
}
div.error p
{
    margin-bottom:0.5em;
}
div.error ul
{
    margin-bottom:0.5em;
}
div.error p:first-child
{
    margin-top:0;
}

/* Footer */
#footer
{
    font-size:10px;
    color:#999;
    background:url(../img/footer_bg.png) bottom left repeat-x;
    z-index:2;
}
#footer div.text
{
    width:853px;
    margin:0 auto;
    padding-top:20px;
}
#footer a
{
    color:#999;
}
#footer a.bluesulphur_link
{
    float:right;
}
