/* Colors used in site: lighter blue=#74A6D7, darker blue="#5190CD, light yellow="#FBECC3", darker yellow="#EEB211" */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	/*background:gray;*/
}

html { background-color: #ffffff; color: #666666;}
body { text-align: center; font: .8em Arial, Helvetica, sans-serif; line-height: 150%;}


#dropshadow {width: 900px;  background: url(../images/dropshadow.gif) top left repeat-y; margin-top: 0; margin-left: auto; margin-right: auto; height: 100% }

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	background:#f0f0f0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background: #fff url(../images/blueleft.gif) top left repeat-y;
}

div#header {
	padding:0;
	border-bottom:2px double gray;
}
	div#header p {
		margin:0;
	}

div#content {
	/*padding:1em 1em 5em;*/ /* bottom padding for footer */
	padding-bottom: 5em;
	background: url(../images/afoccircles.gif) no-repeat top center;
}
	div#content p {
		text-align:justify;
		padding:0;
	}

div#footer {
	position:absolute;
	width: 590px;
	bottom:0; /* stick to bottom */
	background: url(../images/brcorner2.gif) no-repeat right bottom;
	/*background:#ddd;
	border-top:6px double gray;*/
	margin-left: 210px;
}
	div#footer p {
		padding:1em;
		margin:0;
	}
	
			
#navcontainer
{
/*margin: 10px 0 0 30px;*/
margin: 0;
padding: 0;
height: 25px;
width: 800px;
background: #eeb211 url(../images/menubg.gif) repeat-x;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: inline;
float: left;
text-align: center;
padding-left: 0;
margin: 0;
}

#navcontainer ul li a
{
/*background: #fff;*/
/*background: #eeb211 url(../images/menubg.gif) repeat-x;*/
/*width: 60px;*/
height: 22px;
/*border-top: 1px solid #999;
border-right: 1px solid #999;*/
/*border-bottom: 1px solid #999;
border-left: none;*/
/*padding: 0;*/
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0 0;
color: #333;
text-decoration: none;
display: inline;
text-align: center;
font: normal 10px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a
{ width: 80px; }

html>body #navcontainer ul li a
{ width: auto; }


#navcontainer ul li a:hover
{
color: #930;
/*background: #f5d7b4;*/
/*background: #ffd473 url(../images/menubgreverse.gif) repeat-x;*/
}

#navcontainer a:active
{
/*background: #c60;*/
color: #930;
}

#navcontainer li#active a
{
/*background: #c60;
border: 1px solid #c60;*/
color: #930;
}

#mainarea { width:800px; margin-left: auto; margin-right: auto; margin-top:0; clear:both; height: 100%; }

#mainarealeft { width: 210px; text-align: left; color: #ffffff; padding: 0; margin: 0;}
#mainarealeft a:link {text-decoration: none; color: #FFFFFF;}
#mainarealeft a:visited {color:#FFFFFF;} 
#mainarealeft a:hover {color:#FBECC3;} 
#mainarealeft a.active {color:#FBECC3;} 
#mainarealeft ul {margin-bottom: 2em; 	list-style-position: inside;}
#mainarealeft ul {margin-left: 0;}
#mainarealeft ul li {list-style-type: none;}
#mainarealeft li {line-height: 100%; margin-top: 1em;}
#mainarealeft li a {text-decoration: none;}

#mainareaauto { text-align: left; padding: 15px 50px 0 0; margin:0;}
#mainareaauto li { margin-left: .75em;}

#subnavlist li { font-size: 95%;}

/* TYPOGRAPHY */
p, td, pre {font-size: 1em;}
ul, ol { margin: 1em;}
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {color: #EEB211; line-height: 1.25; margin-bottom: 1em; }
.componentheading, h1{ font-size: 140%;  }
.contentheading {font-size: 140%; padding-bottom: .3em; }
h2 {font-size: 130%}
h3 {font-size: 120%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* LINKS */
a,a:link,a:hover {background:transparent;text-decoration:underline; cursor:pointer} 
a:link {color:#5190CD;} 
a:visited {color:#5190CD;} 
a:hover {color:#333333;} 
a.active {color:#FBECC3;} 

/* OTHER */
#footer {font-size: 85%; color: #333333; font-weight: normal; text-align: left; /*padding-top: 6em;*/ line-height: 110%; padding-bottom: 1em;}
#footer a:link {text-decoration: none; color: #EEB211;}
#footer a:visited {text-decoration: none; color: #EEB211;}
#footer ul {margin: 0 0 1em 0; padding: 0;}
#footer ul li {display: inline; list-style-type: none; margin-right: 1em;}
#footer li a {text-decoration: none; }
#footer a:hover {color:#333333;}
#footer a.active {color:#EEB211;} 

#floatimgleft { float: left; margin: 0;}
img.floatimgleft2 { float: left; margin: 1em 1em 1em 0;}

/*Form settings:*/
.inputbox {background: #fff;}
.button {color:#FB7E1B;}

/* MAMBO Page navigation (menus, etc): */
/*- Controls the hyperlinks in the main (first) level of all menus (becomes the default / initial style for all menu items).*/
a.mainlevel:link { text-decoration: none; color:#FB7E1B; padding-right: 3em;}
a.mainlevel:visited { text-decoration: none; color:#FB7E1B;}
a.mainlevel:hover { color: #00773F;}
a.mainlevel:active { color:#333333;}

a.sublevel:link {text-decoration: none; color: #00773F; font-size:90%;}
a.sublevel:visited {text-decoration: none; color: #00773F; font-size:90%;}
a.sublevel:hover {color:#FB7E1B; font-size:90%;}
a.mainlevel:active { color:#333333;}

/*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenav { font-size: 90%; }
a.pagenav:link {text-decoration:underline}
a.pagenav:visited {text-decoration:none}
a.pagenav:hover {color:#069;} 

/*Style for the "Read More" link that is displayed for large contemt items.*/
a.readon:link,   
a.readon:visited, 
a.readon:hover {
	color:#666666;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
	letter-spacing: 2px;
	font-size:10px;
	text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
	color:#3973AC;
	text-decoration:none;
}

/** highlight word search result **/
.highlight {
	font-weight:bold;
	background-color: #FFFF00;
	padding: 2px 0 2px 0;
}

a.pagenav:link,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
	text-decoration:none; font-size: 90%;
}

/*Module format definitions:*/
/*- General styling for all modules.*/
#moduletable, #contenttoc {margin-top: .75em; background: url(../baseimages/menubackground.png) no-repeat top left; width: 185px; color: #00773F; border-bottom: 2px solid #cfcfcf; margin: 1em 0 0 0; padding :.25em 0 .75em 0; }

/*Style for all module headings (names).*/
#moduletable th, #contenttoc th, #moduletable h1, #moduletable h3 {color: #666; padding: .5em .5em .25em .5em; font-size: 100%;}

/*Style for all module data areas.*/
#moduletable td, #contenttoc td {font-style: normal; padding: .5em .5em 0 .5em;}
#moduletable ul, #contenttoc ul { margin: .75; font-size: 100%; font-weight: bold;}	
#moduletable li, #contenttoc li { border-bottom: 1px solid #eee; padding-bottom: .1em; margin: .3em 0 .75em 0; list-style-type: none; }
#moduletable li a { text-decoration: none; color: #00773F;}
#moduletable li a:link a:active { color: #00773F;}
#moduletable li a:hover { color:#FB7E1B;}
#moduletable li a.current { color:#FB7E1B;}

.poll {}
 
/*Content page styles:*/
a.category:link {}
a.category:hover {}
a.category:visited {}

/*Title of the component being used to display the content.*/
.componentheading { font-weight: bold; }

/*Title of the content, article, etc. being displayed.*/
.contentheading h1 { font-weight: normal; }

.contentdescription { margin-bottom: 1em;}
.contentdescription p { margin-top: 1em;}

/*Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpane li {margin-left: 2em;}
.contentpane td {margin: 0 200px 0 0;}

/*Table that holds the actual text for an article.*/
.contentpaneopen {margin-top: 10px; }
.contentpaneopen p {margin-top: 1em;}
.contentpaneopen small {color: #333; font-size: 70%;}
a.contentpagetitle:hover {background-color: #333;}
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

/*Section listing styles:*/
.sectiontableheader, 
.sectiontableentry,
.sectiontableentry1, 
.sectiontableentry2 {
	color: #333; font-size: 90%;}
	
.adminform {color: #333; font-size: 90%;}

/*Styles for other information (site title, create date, breadcrumbs, etc):/*

/*Style for the site title.*/
.title {}

/*Default styling for the pathway (or breadcrumbs) displayed by the mosPathWay() function.*/
.pathway,
a.pathway:link, 
a.pathway:visited, 
a.pathway:hover {
font-style: italic; margin-bottom: 3em; font-size: 95%;
}

/*Format of the "create date" displayed for various content items*/
createdate {font-size: 90%; color: #00773F;}
.createdate {font-size: 90%; color: #00773F;}

/*Format for the "last updated" date displayed at the bottom of various content items.*/
modifydate {font-size: 90%; color: #00773F;}
.modifydate {font-size: 90%; color: #00773F;}

/*Miscellaneous:*/
.ontab {}
.offtab {}
.tabpadding {}
.tabheading {}
.pagetext {}

/*For modifying {moscode} output. */
.moscode {}

/*Text passed with mosmsg url parameter.*/
.message {}

small {font-size: 90%; color: #00773F;}
.small {font-size: 90%; color: #00773F;}

smalldark {font-size: 90%; color: #111;}
.smalldark {font-size: 90%; color: #111;}