html, body {
	background: white; color: black;
	font-family: arial, helvetica, sans-serif;
}

body {font-size: 12px;} /* CHECK: remove */

h1 {display: none;}

h2,h3,h4 {color: #599AC9; font-weight: normal; letter-spacing: 0.05em;}

h2 {font-size: 1.45em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1.07em;}

#heading {
	margin-bottom: 5px;
	background: #61A5D9;	color: white;
}

#slogan {
	font-family: verdana, sans-serif;
	text-transform: lowercase;
}

#slogan strong {
	display: block; font-size: 1.6em; line-height: 140%; font-weight: normal;
}


#topnav, #topnav li {margin: 0; padding: 0; list-style: none;}
#topnav li {
	text-transform: lowercase;
	min-width: 5em;
}

#topnav {overflow: hidden;}
#topnav li {width: 50%; float: right;}

#topnav a {
	display: block;
	padding: 0.4em 0.8em 0.5em;
	text-align: center;
	background: #E4F2FD; color: black;
	text-decoration: none;
}
#topnav a:hover,#topnav a:focus {
	background: #CCE3F4; color: black;
}

#topnav li.active a {
	background: #D4E8F7; color: black;
}
#topnav li.active a:hover {
	background: #BED9ED;
}


#breadcrumbs, #breadcrumbs li {list-style: none; padding: 0;}
#breadcrumbs {
	clear: right; margin: 0.8em 0;
	text-align: right;
}

#breadcrumbs li {
	margin: 0;
	font-size: 0.84em; text-transform: lowercase; font-weight: bold;
	color: #FE843B;
	display: inline; padding-left: 3px;
	font-family: verdana, sans-serif;
}

#breadcrumbs li a {
	padding-right: 17px;
	background: no-repeat 100% 70% url(crumbs.png); color: #4A8FAB;
	text-decoration: none;
}
#breadcrumbs li a:hover {text-decoration: underline;}


#menu h2 {display: none;}

#mainnav {margin: 0; padding: 0; list-style: none; overflow: auto;}
#mainnav li {
	display: block;
	margin: 0; padding: 0;
	width: 50%; float: left;
}

#mainnav a {
	display: block; padding: 0.2em 0 0.2em 0;
	border-bottom: 2px dotted #ddd;
	text-transform: lowercase; text-decoration: none;
	color: #888;
	text-align: right;
}

#mainnav a:hover, #mainnav a:focus {
	color: white; background: #888;
}

#search {
	font-size: 0.8em;
	margin: 8px 0;
	padding-right: 5px; border-right: 3px solid #D0E2F0;
}

#search a {color: white;}
#search a:hover {color: black; text-decoration: none;}
#search label {display: inline; width: auto;}
#search p, #search h2 {
	background: #8CB9DA; color: white;
	margin: 0;
	padding: 5px;
}
#search p {
	overflow: auto;
}
* html #search p {height: 1%;}

#search h2 {
	display: block; font-size: 1em; margin: 0; padding-bottom: 0; color: white;
	letter-spacing: 0;
}

#searchfor {
	width: 100%;
	display: block; margin: 0 auto;
	border: 0 solid;
}
* html #searchfor {width: 97%;}

#search input.submit {
	float: right;
}

#fanselector {
	margin: 8px 0;
	padding-right: 5px; border-right: 3px solid #BDE9BE;
}
#fanselector a {
	background: #8CDA8E no-repeat 0% 100% url(fanselector.png);
	display: block;
	padding: 5px 5px 8px 8px;
	text-align: right;
	color: white;
	text-transform: lowercase;
	text-decoration: none;
}
#fanselector a:hover {
	text-decoration: underline;
	background-color: #83CC85;
}

#fanselector a span {text-decoration: underline; display: block; padding-top: 3px; font-size: 1.6em; font-weight: bold;}

#searchres {
	padding-right: 6px; border-right: 3px solid #ebebeb;
}
#searchres h3 {
	font-size: 1em;
	margin: 0 0 5px; padding: 4px;
	color: black; background: #ebebeb;
	letter-spacing: 0;
	text-transform: lowercase;
}
#searchres ol, #searchres li {margin: 0; padding: 0; list-style-position: inside;}
#searchres a {
	font-size: 0.9em;
	color: black;
	text-decoration: none;
	display: block;
	padding-bottom: 4px;
	text-align: right;
}
#searchres a:hover {
	text-decoration: underline;
}
#searchres li a {
	font-size: 1em;
	text-align: left;
}


#news h2 a, #news a.archive {
	background: #E4F2FD;
	padding: 5px 10px 5px 5px;
	display: block;
	text-decoration: none;
}

#news h2 a {
	color: #418BC1;
}
#news h2 {
	font-size: 1.1em;
	letter-spacing: 0;
	margin: 1.5em 0 3px;
}

#news ol {margin: 0; padding: 0; list-style: none;}

#news li {
	display: block;
	padding: 5px; margin: 3px 0;
	background: #E4F2FD; color: #666;
	line-height: 1.2;
	clear: right;
}

#news a.more {
	float: right;
	background: no-repeat 0% 80% url(crumbs.png);
	padding-left: 13px;
	text-decoration: none;
}
#news a.more:hover {color: black; text-decoration: underline;}

#news a.more, #news a.archive {
	font-weight: bold; color: #A19E9E;
	text-transform: lowercase;
}

#news a.archive {text-align: center; background-position: 100% 100%;}
#news a.archive:hover, #news h2 a:hover {background-color: #CCE3F4; color: black; text-decoration: underline;}

#news li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#news li {display: inline-table;}

/* Hides from IE-mac \*/
* html #news li {height: 1%;}
#news li {display: block;}
/* End hide from IE-mac */

#news li p {
	margin: 0;
	font-size: 0.9em;
}

#faux {
	margin-bottom: 1em;
}

#faux:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }

#faux {display: inline-table;}

 /* Hides from IE-mac \*/
 * html #faux {height: 1%;}
#faux {display: block;}
 /* End hide from IE-mac */


#maincontent p {
	line-height: 1.2;
	text-align: justify;
	text-justify: newspaper;
	margin-top: 0.5em;
}

#maincontent h2 {
	background: white;
	padding: 0 0 0.3em;
	margin: 0.3em 0;
	border-bottom: #acf 1px solid;
	width: 100%;
}


#maincontent h3 {margin-bottom: 0.4em;}

#footer {
	display: block;
	clear: both;
	margin: 0 0 1em; padding: 0;
	list-style: none;
	background: #eee;
	width: 100%;
	overflow: auto; /* autoclear */
}

#footer li {
	float: right;
}

#footer li a {
	background: white; color: #999;
	text-decoration: none;
	border-right: 1px solid #ccc;
	padding: 0 10px;
	text-transform: lowercase;
	line-height: 0.9;
	font-size: 0.9em;
}

#footer li.first-child a {border: 0;}
#footer li a:hover {color: black;}