/* HTML ELEMENTS ---------------------------------------------------------------- */

body { text-align: center; font-size: 12px; margin: 0px; padding: 20px; background-color: #E6EDF3; color: #555; font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif; }
a { color: #004684; text-decoration: none; outline: 0; }
a:hover { color: #221E1F; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 10px; }
h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }

p { margin: 0px 0px 10px 0px; }

form {padding: 0px; margin: 0px; }

/* CONTENT ---------------------------------------------------------------- */
#toppanel { background-repeat: no-repeat; width: 100%; height: 150px; margin: 0px 0px 10px 0px; overflow: hidden; }
.topsearch { text-align: right; padding: 10px 15px 0px 0px }

#wrapper { text-align: left; width: 800px; border: 1px solid #B9CCDD; margin-left: auto; margin-right: auto;  background:#FFF url(/images/bg.gif) repeat-y left top}
#leftcol { float:left; width: 480px; w\idth: 69%; overflow: hidden; display: inline; }
#rightcol { float: left; width: 185px; w\idth: 30%; border: 1px solid #999; overflow: hidden; display: inline; }

#leftcol2 { float:left; width: 490px; w\idth: 74%; overflow: hidden; display: inline; border-right: 1px solid #ddd; }
#leftcol2content { margin-right: 15px; }
#rightcol2 { float: left; width: 175px; w\idth: 25%; overflow: hidden; display: inline; }
#rightcol2content { margin-left: 15px; }

#newsletterbox { background-color: #EEE; border-top: 1px solid #999; padding: 5px 10px 10px 10px }
#newsletterbox h3 { font-size: 110%; margin-bottom: 0px;} 
.newsstories { padding: 3px 10px 0px 10px; font-size: 11px; }
#rightcol p { margin: 5px 0px 5px 0px; padding-bottom: 4px; border-bottom: 1px solid #DDD; }

#l1 { background-color: #221E1F; color: #FFF; padding: 4px 0px 4px 0px; text-align: right; }
#l1 a { font-weight: bold; color: #FFF; text-decoration: none; font-size: 11px; padding: 5px 10px 4px 10px; border-left: 1px solid #FFF; }
#l1 a:hover { background-color: #004684; color: #FFF; padding: 4px 10px 4px 10px; border-left: 1px solid #FFF; }

#l1 a.selected { background-color: #004684; padding-top: 3px; }

#header { text-align: right; padding: 5px 10px 5px 5px; }
#header h1 {margin: 0px; padding: 0px;}
#header2 { padding-bottom: 3px; }

#content { margin: 10px 10px 10px 120px; clear: both; }

#content p {line-height: 1.2em; word-spacing: 0.10em; }
.sectionitemsummary { line-height: 1.2em; word-spacing: 0.10em; }
#content li {line-height: 1.2em; word-spacing: 0.10em; }

h1.headline { color: #221E1F; border-bottom: 2px solid #EEE; padding-bottom: 2px; padding-top: 10px;}
.frontheadlinebox { margin-left: 430px; color: #FFF; padding: 19px 0px 0px 0px; }
.frontheadlinebox h1 { color: #FFF; font-size: 120%; margin-bottom: 15px;}
.frontheadlinebox a { color: #FFF; text-decoration: none; }
.frontheadlinebox a:hover { color: #FFF; text-decoration: underline; }

a.sectionitemtitle { background-color: #999; color:#FFF; display:block; padding: 5px; border-bottom: 3px solid #000; }
a:hover.sectionitemtitle { background-color: #004684; color:#FFF; text-decoration: none; }

.sectionitem { float: left; width: 217px; overflow: hidden; margin-right: 13px; margin-bottom: 10px; display: inline;}
.sectionitemsummary { padding-top: 3px; font-size: 11px;line-height: 1em; }
.sectionitemdivider { margin: 0px 0px 10px 0px; padding: 0px; height: 1px; background-color: #FFF; clear: both; }

p.sectionitems { border-top: 1px solid #DDD; padding-top: 10px; }

.sectionitem3col { float: left; width: 208px; w\idth: 212px; overflow: hidden; margin-right: 11px; margin-bottom: 10px; display: inline; }
.sectopnitem3col img { width: 208px; w\idth: 212px; }

.morenews { text-align: right; padding-bottom: 3px; }
.morenews a {color: #555; }

.fileupload {border: 1px solid #999; padding: 10px; }

/* Show in IE-Mac */
/*\*//*/

/**/

/* Hide from IE-Mac \*/

/* End hide */

/* LEFT COLUMN NAVIGATION ----------------------------------------------- */

ul#menu { padding: 0px; margin: 0px 0px 10px 0px; list-style-type: none; border-bottom: 1px solid #DDD; }

ul#menu li { padding: 0px; display: inline; } /* display line for no gap on ie6 */

ul#menu li a {
    font-weight: normal;
    padding: 5px;
    display: block;
	border-top: 1px solid #DDD;
    }

ul#menu li a:hover {
    font-weight: normal;
    display: block;
	background-color: #FFF;
    }

ul#menu li a.selected, ul#menu li a:hover.selected {
    font-weight: bold;
    color: #666666;
    display: block;
    text-decoration: none;
	background-color: #EEE;
    }

/* level 3 left hand menu ---------------------------------------------------------------- */

ul#menu ul { padding: 0px; margin: 0px 0px 0px 0px; font-size: 95%; list-style-type: none !important; }

ul#menu li li { padding-bottom: 5px; display: inline; } 

ul#menu li li a {
    font-weight: normal;
    padding: 4px 0px 4px 15px;
    display: block;
    }

ul#menu li li a:hover {
    font-weight: normal;
    display: block;
	background-color: #FFF;
    }

ul#menu li li a.selected, ul#menu li li a:hover.selected {
    font-weight: bold;
    color: #666666;
    display: block;
    text-decoration: none;
	background-color: #FFF;
	border-right: 1px solid #FFF;
    }
	
/* level 4 left hand menu ---------------------------------------------------------------- */

ul#menu ul ul { padding: 0px; margin: 0px 0px 0px 0px; font-size: 95%; list-style-type: none !important; }

ul#menu li li li { padding-bottom: 5px; display: inline; }

ul#menu li li li a {
    font-weight: normal;
    padding: 4px 0px 4px 30px;
    display: block;
    }

ul#menu li li li a:hover {
    font-weight: normal;
    display: block;
	background-color: #FFF;
    }

ul#menu li li li a.selected, ul#menu li li li a:hover.selected {
    font-weight: bold;
    color: #666666;
    display: block;
    text-decoration: none;
	background-color: #FFF;
	border-right: 1px solid #FFF;
    }


/* FOOTER ---------------------------------------------------------------- */

#footer { width: 800px; margin-left: auto; margin-right: auto; text-align: center; font-size: 11px; margin-top: 10px; }
#footertext { }
#footerlinks { margin-top: 10px; }

/* C8 FOOTER ---------------------------------------------------------------- */

#c8footer { margin-top: 10px; }
#c8footer a { color: #999; text-decoration: none; }
#c8footer a:hover { color: #666; text-decoration: underline; }

/* SITEMAP  ------------------------------------------------------------- */	

#sitemap ul { margin-left: 0px; padding-left: 20px; }
#sitemap li { padding-bottom: 5px; }
#sitemap ul li a { font-size: 14px; }
#sitemap ul li ul { border-top: 5px solid #FFF; }
#sitemap ul li ul li a { font-size: 12px; }
#sitemap ul li ul li ul { border-top: 5px solid #FFF;}
#sitemap ul li ul li ul li a { font-size: 12px; }

/* IMAGE STYLES --------------------------------------------------------- */

/* attributes selector only works in netscape 6,7 #contenttable2 img[align="right"] */	

#content img.default, img.baseline, img.top, img.bottom, img.texttop, img.absmiddle, img.absbottom {
	float: left;
	margin-right: 10px;
    margin-bottom: 10px;
	}

#content img.left {
    float: left;
	margin-right: 10px;
    margin-bottom: 0px;
	}

#content img.right {
    float: right;
	margin-left: 10px;
    margin-bottom: 10px;
    } 
		
img.middle {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    }
	
/* furniture styles ------------------------------------------------------------- */

.hidden { display: none; visibility: hidden; overflow: hidden; }

.clear { clear: both; height: 0px; overflow: hidden; }

br.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    font-size: 1px;
    }

div.spacer {
    clear: both;
	visibility: hidden;
    height: 0px;
    line-height: 0px;
	padding: 0px; 
	margin: 0px;
	border: 0px;
    font-size: 1px;
    }	
	
/* STANDARD FORM FIELDS ---------------------------------------------- */

.edit-form { margin-top: 15px; }

.form-button { margin-right: 5px; }

.edit-form label, .edit-form input { display: inline; padding: 0px; margin: 0px 5px 0px 0px; }

.edit-form label { display: block; float: left; text-align: left; padding: 4px 10px 0px 0px; margin-bottom: 0px; width: 130px; font-weight: bold; }

.edit-form h4 { color: #444; margin: 0px 0px 10px 0px; margin-left: 145px; font-weight: normal; font-size: 90%; }

.edit-form h5 {
	background-color: #FFEEEE;
	border: 1px solid #FFBBBB;
	padding: 3px;
    margin-left: 145px;
    display: block;
    }

.errorText { font-size: 11px; color: #CC3333; }

.edit-form textarea { width: 270px; }

.edit-form strong { padding-top: 4px; display: block; height: 10px; vertical-align: top; }

input.button {
    color: #FFF;
    background-color: #004684;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #004684;
	border-left: 1px solid #004684;
	border-right: 1px solid #004684;
	border-bottom: 1px solid #004684;
	padding: 0px 4px 1px 4px;
    }
	
input.button_over {
    color: #FFF;
    background-color: #221E1F;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #221E1F;
	border-left: 1px solid #221E1F;
	border-right: 1px solid #221E1F;
	border-bottom: 1px solid #221E1F;
	padding: 0px 4px 1px 4px;
    }	
	
/* search form  ----------------------------------------------------------------- */

#search-form .field { color: #555; font-size: 11px; }

/* newsletter form  ----------------------------------------------------------------- */

#newsletter-form .field { color: #555; font-size: 11px}
.newsletter-form { margin-top: 10px; }
.newsletter-form label, .newsletter-form input { display: inline; padding: 0px; margin: 0px 5px 0px 0px; }
.newsletter-form label { font-weight: bold; }
.newsletter-form h4 { margin: 3px 0px 10px 0px; margin-left: 115px; font-weight: normal; }
.newsletter-form h5 { background-color: #FFEEEE; border: 1px solid #FFBBBB; padding: 3px; margin-left: 115px; display: block; }
.newsletter-form textarea { width: 405px; }

.newsletterfields label, .newsletterfields input { display: inline; padding: 0px; margin: 0px 5px 0px 0px; }
.newsletterfields label { display: block; float: left; text-align: left; padding-right: 10px; padding-top: 4px; margin-bottom: 0px; width: 100px; font-weight: bold; }
.newsletterfields h4 { margin: 3px 0px 10px 0px; margin-left: 115px; font-weight: normal; }
.newsletterfields h5 { background-color: #FFEEEE; border: 1px solid #FFBBBB; padding: 3px; margin-left: 115px; display: block; }	
.newslettererror { margin-left: 114px; margin-bottom: 10px; color: #CC0000; font-weight: bold; }
.newslettermargin { margin-left: 115px; }
.newsletterlists { margin-left: 115px; border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 10px; }
	
.newsletter-form .button {
    color: #FFF;
    background-color: #004684;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #004684;
	border-left: 1px solid #004684;
	border-right: 1px solid #004684;
	border-bottom: 1px solid #004684;
	padding: 1px 8px 2px 8px;
    }		
	
.newsletter-form .button_over {
    color: #FFF;
    background-color: #221E1F;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #221E1F;
	border-left: 1px solid #221E1F;
	border-right: 1px solid #221E1F;
	border-bottom: 1px solid #221E1F;
	padding: 1px 8px 2px 8px;
    }		
	
/* system messages ----------------------------------------------------------------- */

#message 		  { font-weight: bold; }
#message .ok      { border: 1px solid #B3E1B3; padding: 5px 10px 5px 25px; background: #E6F5E6 url(/images/ok.png) no-repeat 5px 47%; }
#message .error   { border: 1px solid #F5CDCD; padding: 5px 10px 5px 25px; background: #FBECEC url(/images/error.png) no-repeat 5px 47%; }
#message .info    { border: 1px solid #CDE6F2; padding: 5px 10px 5px 25px; background: #EBF5FA url(/images/info.png) no-repeat 5px 47%; }

.message { padding: 5px 5px 0px 5px; margin-bottom: 10px; }
.message p { font-weight: bold; }
.result-row { border-bottom: 1px solid #CCC; padding: 5px 0px 5px 0px; margin-bottom: 5px; }