@charset "UTF-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #0081c7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}

h1, h2, h3{
	color: #0081c7;
	font-weight: normal;
	margin: 0.5em 0;
}

a{
	color: #0082c8;
	text-decoration: underline;
}

a:visited {
	color: #005786;
}

a:hover{
	text-decoration: none;
}

#header {
	height: 143px;
	background-color: #fff;

}
#headerInner {
	width: 950px;
	margin: 0 auto;
	height: 143px;
	position: relative;
}
#logo {
	position: absolute;
	left: 0;
	bottom: -30px;
}

#slogan {
	position: absolute;
	right: 0;
	bottom: 35px;
}

#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff url(images/sidebar.gif) repeat-y left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container.blue, #container.blue #footer #bar {
background: #fff url(images/sidebar_blue.gif) repeat-y left;
}

#container.yellow, #container.yellow #footer #bar {
background: #fff url(images/sidebar_yellow.gif) repeat-y left;
}

#container.lilac, #container.lilac #footer #bar {
background: #fff url(images/sidebar_lilac.gif) repeat-y left;
}

#container.green, #container.green #footer #bar {
background: #fff url(images/sidebar_green.gif) repeat-y left;
}

#mainContent {
	margin-left: 235px;
	padding: 40px 80px 40px 0px;
	min-height: 380px;
	background: url(images/contentbg.gif) no-repeat top right;
	font-size: 85%;
	position: relative;
	z-index: 1;
}

#mainContent.imgRight {
	padding-right: 288px;
}

#mainContent.noPad  {
	padding-right: 140px;
}



.blue #mainContent {
	background: url(images/contentbg_blue.gif) no-repeat top right;
}
.yellow #mainContent {
	background: url(images/contentbg_yellow.gif) no-repeat top right;
}
.lilac #mainContent {
	background: url(images/contentbg_lilac.gif) no-repeat top right;
}
.green #mainContent {
	background: url(images/contentbg_green.gif) no-repeat top right;
}

#mainContent.front {
	margin-left: 175px;
	background: #d0ecfb;
	padding: 0;
}

#footer {
	background: #0081c7;
	height: 156px;
}


#footer #swish {
	background: url(images/prefooter.png) no-repeat;
	height: 126px;
}

#footer #greenbar{
	margin-top: 10px;
	height: 10px;
	font-size: 1px;
	background:#7ac142;
	/*border: 1px solid #f00;*/	
}

#subfooter {
	text-align: center;
	background: #0081c7;
	color: #fff;
	font-size: 80%;
	height: 100px;
}

#subfooter a{
	color: #efefef;
}


#menu {
	font-size: 100%;
	position: relative;
	z-index: 10;
	width: 175px;
	float: left;
	text-align: left;
}

#topbar {
	background: #eee url(images/menugrad.gif) repeat-x;
	height: 26px;
}

#menu > ul > li > a{
	color: #000;
	display:block;
	text-decoration: none;
}
#menu > ul > li > a:hover{
	text-decoration: underline;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

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

#menu > ul > li{
	float: left;
	padding: 0;
	float: none;
	font-size: 11px;
	position: relative;
}

#menu > ul > li > a{
	display: block;
	padding: 10px 10px;
	/*line-height: 26px;*/
	font-size: 11px;
	width: 155px;
	/*width: auto;*/
	background-image: inherit;/* url(images/sidebar.gif);*/
	background-repeat: repeat-y;
}

/*#menu > ul > li.sel > a{
	background: #ddd;
}*/

#menu > ul > li > div{
	line-height: 140%;
	position: absolute;
	top: -1em;
	left: 175px;
	display: none;
	padding: 10px;
	padding-top: 5px;
	background: #efefef;
}

.blue #menu > ul > li > div{
	background: #d0ecfb;
}

.yellow #menu > ul > li > div{
	background: #f5f3ce;
}

.lilac #menu > ul > li > div{
	background: #dcdbf9;
}

.green #menu > ul > li > div{
	background: #cfe5c7;
}

.blue #menu > ul > li:hover, .blue #menu > ul > li > a:hover, .blue #menu > ul > li:hover > a:hover, .blue #menu > ul > li.sel > a{
	background: #d0ecfb;
}

.yellow #menu > ul > li:hover, .yellow #menu > ul > li > a:hover, .yellow #menu > ul > li:hover > a:hover, .yellow #menu > ul > li.sel > a{
	background: #f5f3ce;
}

.lilac #menu > ul > li:hover, .lilac #menu > ul > li > a:hover, .lilac #menu > ul > li:hover > a:hover, .lilac #menu > ul > li.sel > a{
	background: #dcdbf9;
}

.green #menu > ul > li:hover, .green #menu > ul > li > a:hover, .green #menu > ul > li:hover > a:hover, .green #menu > ul > li.sel > a{
	background: #cfe5c7;
}


#menu ul li ul li{
	background: #fff;
	padding: 8px;
}

#menu ul li ul li ul li{
	background: none;
	padding: 0px;
}

#menu > ul > li:hover > ul, #menu > ul > li:hover > div{
	display: block;
}

#menu > ul > li ul > li{
	margin-top: 0.5em;
}

#menu > ul ul {
	width: 20em;
}

#menu ul ul li > a{
	font-size: 110%;
}

#menu ul ul ul li > a{
	font-size: 100%;
	font-weight: normal;
}

#menu > ul ul ul {
	margin-left: 1em;
}

#menu div a {
	color: #0082c8;
}

#menu .right {
	right: 0;
	left: auto;
}


#menu .title{
	border-bottom: 1px dashed #7ac142;
	line-height: 140%;
	padding: 10px;
	background: #fff;
}

#menu .title > a{
	font-size: 120%;
}

#menu ul.cols, #menu div.cols {
	width: 41em;
}

#menu div.cols > ul {
	/*width: 45%;*/
	/*width: 30em;*/
}

#menu ul.cols ul ul {
	width: auto;
}

#menu ul.cols li.title {
	width: auto;
}

#menu .colright {
	position:absolute;
	top: 0;
	right: 0;
}

#menu .colright2 {
	float:right;
}

#menu .colleft {
	position:absolute;
	top: 0;
	left: 0;
}

#menu .panelcont {
	position: relative;
}

.verticalMenu #menu li.sel > a, #menu li.sel > a {
	background: #ddd;
}

#tabs {
	background: #fff;
	border-bottom: 3px solid #ddd;
	height: 30px;
}

#tabs.blue {
border-bottom: 3px solid #d0ecfb;
}

#tabs.yellow {
border-bottom: 3px solid #f5f3ce;
}

#tabs.lilac {
border-bottom: 3px solid #dcdbf9;
}

#tabs.green {
border-bottom: 3px solid #cfe5c7;
}

#tabs div {
	width: 950px;
	margin: 0 auto;
	height: 30px;
	
	/*background: #ededed url(images/tabl.gif) no-repeat;*/
}

#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	/*width: 950px;*/
	float: right;	
}

#tabs ul li {
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 80%;
	margin: 0 0 0 2px;
	background: #cdcdcd;
}

#tabs ul li.first {
	background: #d0ecfb url(images/tabl.gif) no-repeat;
}

#tabs ul li.second {
	background: #f5f3ce;
}

#tabs ul li.third {
	background: #dcdbf9;
}

#tabs ul li.last {
	background: #cfe5c7 url(images/tabr.gif) no-repeat top right;
}

#tabs ul li.sel, #tabs ul li:hover {
	/*background-color: #ddd;
	font-weight: bold;*/
}

#tabs ul li a {
	color: #000;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	float: left;
	padding: 0 1em;
}

#tabs ul li a:hover {
	text-decoration: underline;
}


#breadcrumbs {
	color: #ddd;
	font-size: 80%;
	margin-bottom: 2em;
}

.borderImage {
	position: absolute;
}

.pdf {
	background: url(pdfs/pdficon_small.gif) no-repeat right;
	padding-right: 18px;
	line-height: 18px;
}

.boardImgs {
	/*clear:both;*/
	margin-bottom: 1em;
}

.boardImgs div {
	width: 100px;
	padding-right:15px;
	text-align: center;
	float:left;
}

/*months */
#months {
	background-repeat: no-repeat;
	background-position: top center;
	height: 83px;
	margin: 20px 0;
}

.nobreak {
	white-space: nowrap;
}