/*
Appearance settings:

	Site
		* Font size must be left blank.

*/

html, body, body.body {
margin: 0px;
border: 0px none;
padding: 0px;
color: #000;
background-color: #fff;
}

/* Voloper page layout */

div#container {
width: 100%;
margin: 0px;
border: 0px none;
padding: 0px;
}

/* General page layout */

div#container_wrapper,
div#container_wrapper_main {	
width: 100%;
margin: 20px 0px 0px 0px;
border: 0px none;
padding: 0px;
text-align: center;
}

div#container_content {
/*IE width*/
max-width: 955px;
min-width: 760px;
margin: 0px auto;
border: 0px none;
padding: 0px;
text-align: left;
}

/* To Hide link off to left ... */
div#skip_links {
position: absolute;
margin-left: -11000px;
}

/* Top Menu */
div#top_menu {
/*MUST have width for IE*/
position: relative; /*Required for IE otherwise float lefts get stuck when window is resized smaller then bigger.*/
max-width: 955px;
width: 100%;
margin: 0px;
border: 0px none;
padding: 0px;
}

div#top_menu_inner {
margin: 1px;
border: 1px solid #996633;
padding: 0px 0px 0px 2.6%;
}

/* *** Override default menu styles *** */

#menu {
float: none;
position: static;
/*width: auto;*/
width: 100%;
margin: 0px;
border: 0px none;
padding: 0px;
background-color: #FFF;
}

/* Set individual menu widths. */
#menu ul#menu0 {width: 9.5%;}
#menu ul#menu1 {width: 10.4%;}
#menu ul#menu2 {width: 19.0%;}
#menu ul#menu3 {width: 18.2%;}
#menu ul#menu4 {width: 15.8%;}
#menu ul#menu5 {width: 9.6%;}
#menu ul#menu6 {width: 11.9%;}

/*
No margin or border. padding left and right.
*/

#menu a.main_menu {
display: block;
margin: 0px;
border: 0px none;
padding: 10px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
background-color: #FFF;
text-transform: uppercase;
}


/* To correct z-index on sub menus. */
div#menu li:hover, li.onmouseover {
z-index: 501;
}


/* End of menu fixes */


div#main_content {
/*IE width*/
max-width: 955px;
min-width: 760px;
margin: 0px;
border: 0px none;
padding: 0px;
}	

h3#top_logo {
margin: 0px;
padding: 0px;
text-align: right;
}

/* Content background image (normally repeats) */
.content-background {
clear: both;
width: 100%;
margin: 0px;
border: 0px none;
padding: 0px;
text-align: left;
}

/* Content, single main background image */
.content-image {
width: 100%;
margin: 0px;
border: 0px none;
padding: 0px;
text-align: left;
}

.content-background-field {
background: url("images/sce/template/fieldTop.jpg") left top repeat-y scroll;
}
.content-image-field {
background: url("images/sce/template/fieldMiddle.jpg") left bottom no-repeat scroll;
}
.content-image-field-bottom {
background: url("images/sce/template/fieldBottom.jpg") left top no-repeat scroll;
}

/* *** Percentage Layouts *** */

/* 1 Column layout */

.col-wrapper-100-pc {
width: 98%;
margin: 0px auto 0px 0px;
border: 0px none;
padding: 0px;
}

.col-content-736-px {
width: 736px;
margin: 0px auto;
border: 0px none;
padding: 0px;
text-align: left;
overflow: hidden;
}

.col-content-full-left {
margin: 0px 5.5% 0px 5.5%;
border: 0px none;
padding: 0px;
text-align: left;
overflow: hidden;
}

.sub-col-364-px {
width: 364px;
margin: 0px;
border: 0px none;
padding: 0px;
text-align: justify;
}

/*
 50%/50% left/right columns
 364px width, 4px left/right padding, justified text.
*/
.col-wrapper-50-pc {
float: left;
width: 49%;
margin: 0px;
border: 0px none;
padding: 0px;
}
.col-content-364-px {
width: 364px;
overflow: hidden;
margin: 0px auto;
border: 0px none;
padding: 0px;
text-align: justify;
}
.col-content-auto {
overflow: hidden;
margin: 0px;
border: 0px none;
padding: 0px;
text-align: justify;
}
.col-inner {
padding: 0px;
}

.col-content-736-px p, .col-content-736-px li,
.col-content-364-px p, .col-content-364-px li {
line-height: 1.5;
}

div#home_column1_content p {
line-height: normal;
margin-top: 0;
margin-bottom: 0.4em;
}

/* General layout */

div.clear-space {clear: both; font-size: 1px; line-height: 1px;}
.clear-space img {display: block;}

/* Home page footer */
div#footer_home {
clear: both;
margin: 0px;
border: 0px none;
padding: 0px;
color: #fff;
background-color: #000;
}
 
/* Footer contact */
div#footer_contact {
clear: both;
text-align: center;
}
div#footer_contact p {
font-size: 1.4em;
font-weight: normal;
letter-spacing: 0.1em;
margin-top: 0.2em;
margin-bottom: 0.2em;
}
div#footer_contact span {
padding-left: 1em;
padding-right: 1em;
}

/* Bottom menu, footer, etc */

div#footer {
clear: both;
margin: 1px 0px 0px 0px;
border: 0px none;
padding: 2px 0px 30px 0px;
text-align: center;
color: #333;
font-size: 0.9em;
}

div#footer_home div#footer {
color: #fff;
}

p#footer_menu {
margin-top: 0px;
margin-bottom: 0.2em;
letter-spacing: 0.1em;
}

.plain-links a {padding-left: 0.4em; padding-right: 0.4em;}
.plain-links a:link {color: #333; text-decoration: none;}
.plain-links a:visited {color: #333; text-decoration: none;}
.plain-links a:hover {text-decoration: underline;}
.plain-links a:active {color: #ff3333; text-decoration: none;}

div#footer_home div#footer .plain-links a {color: #fff;}
div#footer_home div#footer .plain-links a:active {color: #f33;}


/* Document Manager */
#document_manager {
clear: both;
margin: 0px 5.5% 1.5em 5.5%;
border: 0px none;
padding: 0px 0px 1em 0px;
text-align: left;
overflow: hidden;
}

#column1_content #document_manager {
margin-left: 0px;
margin-right: 0px;
}

#document_manager a:hover {
text-decoration: none;
}

#document_manager div.panel {
float: left;
margin: 0.5em 0px 0.5em 0px;
border: 0px none;
padding: 0px;
}

/* News Manager */

#news_article_title, #news_search_title, #news_category_title {
margin-left: 5.5%;
margin-right: 5.5%;
}

/* news.aspx */
/* + Styles removed from style2.css */
#news_manager {
clear: both;
margin: 0px 5.5% 1.5em 5.5%;
border-bottom: 1px solid #963;
padding: 0px 0px 1em 0px;
text-align: left;
overflow: hidden;
}
	
#news_manager p {margin-top: 0px;}
#news_manager a.doclink {text-decoration: underline;}
#news_manager a.doclink:hover {text-decoration: none;}

#news_manager span#news_title.doclink {color: #000;}

#news_manager div.panel {
margin: 0px 0px 1em 0px;
border-left: 3px double #018302;
padding: 1em 0px 1em 12px;
/*background-color: #ffffff;*/
line-height: 1.5;
}
/* Built in image is fixed at 100px by 100px. Probably best not to use it. */
#news_manager div.panel img {
float:left;
}
#news_manager  div.panel a.subcat { 
font-size:1.6em;
font-weight:normal;
color: #018302;
text-decoration: underline;
}
#news_manager  div.panel a.subcat:hover {text-decoration: none;}

/* news_category.aspx */

#news_manager span#Message {
display: block;
}
#news_manager span#Message font.title {
color: #000;
}
#news_manager span#Message a font.title {
color: #018302;
}

/* News search page */

#news_manager ul.form {
list-style-type: none;
margin-top: 10px;
margin-left: 0px;
border: 1px solid #ccc;
padding: 1em 6px 0px 144px;
background-color: #f8f8f8;
}

#news_manager ul.form li {
margin-bottom: 1em;
}

#news_manager ul.form label {
text-align: left;
}

#news_manager select#year_to {
margin-left: 6.4em;
}

#news_manager select#CatList {
display: block;
}

#news_manager span#archive_list {
display: block;
}
#news_manager span#archive_list label {
margin-right: 12px;
font-size: 0.9em;
}
#news_manager span#archive_list input {
vertical-align: middle;
}

/* news_detail.aspx */
#news_manager span#news_title {
font-size: 1.4em;
}
#news_manager span#news_article.myfont {
line-height: 1.2;
text-align: justify;
}



/* Site Map */
div#site_map {
margin: 0px 5.5% 0px 5.5%;
border: 0px none;
padding: 0px 0px 36px 16px;
text-align: left;
overflow: hidden;
}
#site_map a:link {color: #cc9900; text-decoration: none;}
#site_map a:visited {color: #996600; text-decoration: none;}
#site_map a:hover {text-decoration: none;}
#site_map a:active {color: #ff3333; text-decoration: none;}

#site_map ul li {font-weight: bold; margin: 0.2em 0px 0.8em 0px; text-transform: uppercase;}
#site_map ul li li {font-weight: normal; margin: 0.2em 0px; text-transform: none;}


/* EMarketer */
div#emarketer_form {
border: 1px solid #996633;
}

/* Contact Form - overrides for styles.css*/
/* Form aligned to fit left column */
div#contactform {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 49%;
text-align: center;
}

#contactform div {
clear: both;
width: 364px;
margin: 0px auto;
padding: 0px 4px;
text-align: left;
}

#contactform div.separator 
{
clear: both;
padding: 0px;
font-size: 1px;
height: 4px;
}

#contactform div.indent {
margin: 6px auto;
}

#contactform label.form_element {
float: left;
width: 100%;	
padding: 0px;
text-align:left;
}
#contactform span.form_data {
float: left;
padding: 0px;
text-align:left;
}


/* General page styles */

html, body, div, table, body.body, a {font-family: Arial, Verdana, Helvetica, sans-serif;}

/* Set Default Text Sizes */
body {font-size: 80%;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}
div, ol, ul, li, p, dl, dt, dd, table, th, td, address {font-size: 1.0em;}
pre {font-size: 1.0em;}
h1, h2 {font-weight: normal;}
h3, h4, h5, h6 {font-weight: bold;}

/* For IE 5/5.5 (?) */
body.body {
text-align: center;
}

/* Standard link colours */
a:link {color: #cc9900; text-decoration: underline;}
a:visited {color: #996600; text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {color: #ff3333; text-decoration: underline;}


/* General page styles */
.top-heading {
margin-top: 0px;
padding-top: 10px;
color: #CC9900;
text-align: left;
}

/* Use these e.g. to make a heading and the following paragraph close together. */
.close-bottom {margin-bottom: 0px;}
.close-top {margin-top: 0px;}

.font-courier {
font-family: "Courier New" Courier monospace;
}
 
/* News articles */
.news-article-narrow {width: 460px;}
.news-article-standard {width: 600px;}
.news-article-wide {width: 736px;}

/* IE only styles ... to go in yourstyle_ie.css */

div#container_content,
div#main_content {
width:expression(document.body.clientWidth < 760 ? "760px" : document.body.clientWidth > 955 ? "955px" : "auto");
}