/* 
Common colours: #334e7c - medium blue, c6ab0b - mustard, #243657 - dark blue
*/

body{
	font: 14px/22px helvetica, verdana, arial, sans-serif;
	margin:0;
	padding:0 0 0 150px;
	background: #fff url("/wsimages/wrap_bg.png") 0 0 repeat-y;
}

div#sidebar{
	font-size: 0.9em;
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:100%;
}
@media screen{
	body>div#sidebar{

	}
}
* html body{
	overflow:hidden;
} 
* html div#wrap{
	font-size: 0.9em;
	height:100%;
	overflow:auto;
}

#wrap {
	background: #fff;
}

h4 {font-size:1.2em;}
h3 {font-size:1.3em;}
h2 {font-size:1.4em;}
h1 {font-size:1.5em;}

/* Header */

#header {
	width: 100%;
	height: 77px;
	padding: 0;
	margin: 0;
	border-bottom: #c6ab0b 1px solid;
}

#header h2,
#header h3,
#header h4,
#header a {
	color: #243657;
	text-decoration: none;
}

#header h2,
#header h3 {
	margin: 0;
	padding: 0;
	padding-top: 35px;
	font-size: 2.6em;
}

#header h3 {
	padding: 0;
	padding-left: 15px;
	padding-top: 15px;
	font-size: 1.2em;
}

/* Sidebar navigation */

#sidebar {
	padding: 0;
	margin: 0;
	border-right: 1px solid #c6ab0b;
	background-color: #334e7c;
}

#sidebar #side_nav {
	padding: 0;
	padding-top: 78px;
	margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar #side_nav li {
	margin: 0px;
	background-color: #fff;
	list-style: none;
	border: none;
	border-top: 1px solid #c6ab0b;
	border-bottom: 1px solid #c6ab0b;
	margin-top: -1px;
}
#sidebar #side_nav a {
	background: #334e7c;
	line-height: 27px;
	text-decoration: none;
	display: block;
	padding: 0 5px;
	margin: 0;
	color:#fff;
	text-align: right;
}

#sidebar #side_nav li.active {

	font-weight: bold;
}

#sidebar #side_nav li.active a {
	color: #fff;
}

#sidebar div#search {
	padding-top: 10px;
	background-color: transparent;
	color: #fff;
}
#sidebar div#search input {
	position: absolute;
	right: 0;
	padding: 0;
	width: 150px;
	border: 1px solid #c6ab0b;
	border-left: none;
	border-right: none;
}
#sidebar div#search .go {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	width: 58px;
	padding-top: 2px;
	margin-top: 5px;
	border-left: 1px solid #c6ab0b; 
}

#sidebar #side_nav a:hover,
#sidebar #side_nav a:active {
	background: #fff;
	color: #243657;
}

#sidebar #side_nav li.active a:hover,
#sidebar #side_nav li.active a:active {
	color: #243657;
}

#sidebar #links {
	padding: 0;
	padding-top: 40px;
	margin: 0;
	margin-top: 20px;
	text-align: left;
}

#sidebar #links b {
	color: #fff;
	font-weight: bold;
	padding: 3px;
	padding-left: 5px;
	margin: 0;
	margin-top: 10px;
	line-height: 15px;
	display: block;
}

#sidebar #links a {
	color: #fff;
	display: block;
	text-align: right;
	text-decoration: none;
}

#sidebar #links ul {
	margin-left: 0;
	padding-left: 0;
}

#sidebar #links ul,
#sidebar #links li {
	line-style: none;
}
#sidebar #links li {
	padding: 0 5px;
	margin-top: -1px;
	border-top: 1px solid #c6ab0b;
	border-bottom: 1px solid #c6ab0b;
}

/* ------ */

/* Main navigation */

#main_nav {
	height: 25px;
	background: #c6ab0b;
	padding-left: 30px;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	padding-top: 2px;
	border-bottom: 1px solid #334e7c;
}

#main_nav #nav, 
#main_nav #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_nav #nav {
	margin-left: 20px;
	height: 1.6em;
	font-weight: normal;
}
#main_nav #nav a, 
#main_nav #nav a:link, 
#main_nav #nav a:visited, 
#main_nav #nav a:hover, 
#main_nav #nav a:active {
	text-decoration: none;
	cursor: pointer;
} 
#main_nav #nav a:link {
	color: #fff;
} 
#main_nav #nav a:visited {
	color: #000;
}
#main_nav #nav a:hover {
	color: #243657;
} 
#main_nav #nav a {
	display: block;
	background: transparent;
	padding: 2px 5px;
}
#main_nav #nav li {
	position:relative;
	float: left;
	width: 8em;
	display: block;
	padding: 0;
	margin: 0;
	color:  #000;
}
#main_nav #nav li ul {
	font-size: 0.9em;
	position: absolute;
	background: #999;
	font-weight: normal;
	width: 220px;
	left: -999em;
	margin-left: -1px;
	border-left: 1px solid #334e7c;
	border-right: 1px solid #334e7c;
	background:#c6ab0b;
}
#main_nav #nav li li {
	float: none;
	padding-bottom: 0;
	background:#c6ab0b;
	border-top: 1px solid #334e7c;
	border-bottom: 1px solid #334e7c;
	margin-top: -1px;
}
#main_nav #nav li:hover ul, 
#main_nav #nav li.sfhover ul {
	left: auto;
}
#main_nav #nav li li a:link,
#main_nav #nav li li a:visited {
	color: #243657;
}
#main_nav #nav li li a,
#main_nav #nav li li a {
	padding: 4px;
	color: #243657;
	display: block;
	padding: 2px 5px;
}
#main_nav #nav li li:hover,
#main_nav #nav li li.sfhover {
	background: #fff;
	font-color:#243657;
}
#main_nav #nav li li:hover a,
#main_nav #nav li li.sfhover a {
	color:#243657;
	display: block;
}
#main_nav #nav li.active {
	border: 1px solid #334e7c;
	border-bottom: none;
	font-color: #243657;
	background-color: #fff;
}
#main_nav #nav li.parent {
}
#main_nav #nav li.parent ul {
}
#main_nav #nav li.active a {
	color: #243657;
	padding: 1px 5px;
	padding-bottom: 2px;
}
#main_nav #nav li.active ul {
	border:none;
}
#main_nav #nav li.active a:link, 
#main_nav #nav li.active a:visited, 
#main_nav #nav li.active a:hover, 
#main_nav #nav li.active a:active {
	color: #243657;	
}
#main_nav #nav li.active a:hover {
	color:#000;
	display: block;
}
#main_nav #nav li.active li {
	border: 1px solid #243657;
	margin-left: 0;
}
#main_nav #nav li.active li.last {
}
#main_nav #nav li.active li a:link, 
#main_nav #nav li.active li a:visited, 
#main_nav #nav li.active li a:hover, 
#main_nav #nav li.active li a:active {
	color:#fff;
}
#main_nav #nav li.active li a:hover {
	background: #fff;
	color:#243657;
}
#main_nav #nav li.active li.active a:link, 
#main_nav #nav li.active li.active a:visited, 
#main_nav #nav li.active li.active a:hover, 
#main_nav #nav li.active li.active a:active {
	color:#243657;
	background: #fff;
}

/* hide from IE mac \*/
#main_nav #nav li {
	width: auto;
}
/* end hiding from IE5 mac */

#main_nav #news {
	position: absolute;
	right: 0;
	top: 105px;
	width: 165px;
	background-color: #c6ab0b;
	font-color: #fff;
	border-bottom: 1px solid #334e7c;
	border-left: 1px solid #334e7c;
}

#main_nav #teaser {
	margin:0;
	margin-top: -5px;
	padding: 0;
}

#main_nav #news ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-bottom: 20px;

}

#main_nav #news .news_item {
	color: #243657;
	padding: 0 5px;
}

#main_nav #news .more_news {
	padding-left:5px;
}

#main_nav #news .more_news a {
	background-color: transparent;
	color: #fff;
	font-size: 0.9em;
}

#main_nav #news .date {
	color:#fff;
	font-size:1em;
	font-weight:bold;
	text-decoration: underline;
	padding: 0 0 5px 5px;
}
#main_nav #news ul {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}
#main_nav #news li {
	padding: 0;
	margin: 0;
}
#main_nav #news h4 {
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #334e7c;
	background: #fff;
	border-bottom: 1px solid #334e7c;
	border-top: 1px solid #334e7c;
}
#main_nav #news li:last-child {
	border: 0;
}
#main_nav #news li a {
	color:#444;
	margin:0;
	padding: 0px 5px;
	text-decoration: none;
	background: #fff
}


/* ------ */

.content {
	min-height: 450px;
	padding: 0;
	margin: 0;
}

#main {

}

/* Main Content */

#content {
	padding-top: 20px;
}

#content h1 {
	color: #334e7c;
}

#content a {
	color: #243657;
}

.home {
	margin: 0;
	padding: 2px 20px;
	padding-right: 180px;
}

.content {

	margin: 0;
	padding: 2px 20px;
}

.featurebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featurebox {
	color:#333;
	padding: 15px 20px 20px;
	border-top: 1px solid #85b523;
	margin: 0 0 1.5em;
	background: #f6f6f6;
}
.featurebox p, 
.featurebox h1, 
.featurebox h2, 
.featurebox h3, 
.featurebox h4, 
.featurebox h5, 
.featurebox h6 {
	margin: 0 0 .3em;
	border-bottom: 1px solid #3f277f;
	color:#3f277f
}
.featurebox p {
	border:none;
	margin: 0 0 1em;
	color:#444
}
.featurebox a {
	font-weight:bold
}

div#linksbox {
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #85b523;
	background-color: #fffac5;
	margin-top : 0px;
	margin-left: 30px;
	padding: 5px;
	padding-bottom: 0;
	font-size: 0.9em;

}
div#linksbox h3, 
div#linksbox p {
	color: #85b523;
	margin: 0;
	padding: 0;
}

div#linksbox h3 {
}

div#linksbox h4 {
	font-size: 0.9em;
	padding: 2px;
	margin: 0;
}

div#linksbox {

}

/* ------ */

/* Notice box */
div.notice {
	width: 450px;
	margin-top: 20px;
	color: #fff;
	padding: 10px;
	background-color: #4873e5;
}
div.notice h4,
div.notice h3,
div.notice p,
div.notice a {
	margin: 0;
	color: #fff;
}
div.notice h4 {font-size: 1em;}
div.notice h3 {font-size: 1.2em;}
div.notice h4, div.notice h3 {color: #fff;}


div.notice li,
div.notice ul {
	margin: 0;
	color: #fff;
}

/* Footer */

#footer {
	padding: 0;
	padding-left: 20px;
	margin: 0;
	text-align: left;
	position: absolute;
	bottom: 0;
}

#footer a {
	color: #334e7c;
}

#footer ul {
	margin-left: 0;
	padding-left: 0; 
}

#footer ul,
#footer li {
	display: inline;
	line-style: none;
	float: left;
}
#footer li {
	padding: 0 5px;
}

/* ------ */