body{
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat-x #5fc5fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
}
.clear{
	clear: both;
}
a:focus { outline:none; }
a:link, a:active, a:visited{ color: #F00; }
a:hover { color:#484848; }
#topWrapper{
	height: 141px;
	width: 800px;
	position:relative;
}
#findoutmore{
	position: absolute;
	width:155px;
	height:140px;
	z-index:1;
	bottom: 28px;
	left: 10px;
}
#wwflogo{
	height: 98px;
	width: 74px;
	position:absolute;
	left: 45px;
	top: 20px;
}
#soslogo{
	height: 99px;
	width: 195px;
	position: absolute;
	right: 0;
	top: 20px;
}
#mnslogo{
	height: 98px;
	width: 97px;
	position:absolute;
	top: 20px;
	left: 140px;
	
}
#contentWrapper{
	background-color: #e4e4e4;
	padding: 20px 20px 10px 210px;
	min-height: 650px;
	position: relative;
}
.content{
	background-color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 15px;
	margin-bottom:20px;
}
#footerWrapper{
	width: 820px;
	background-image: url(../images/content_bottom.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	color: #FFF;
}
#footerWrapper a:link, #footerWrapper a:visited, #footerWrapper a:active{
	color: #FFF;
	text-decoration: none;
}
#footerWrapper a:hover{
	color: #09557e;
	text-decoration: none;
}
.footerL{
	padding: 0 20px;
	float:left;
	border-right: 1px #ffffff solid;
}
.footerL2{
	padding: 0 20px;
	float:left;
	border-right: none;
}
.footerR{
	padding: 0 20px;
	margin-bottom: 15px;
	float: right;
	text-align: right;
}


/*DROPDOWN MENU*/
#navWrapper{
	width: 178px;
	position: absolute;
	left: -10px;
	top: 10px;
	z-index: 100;
}

#navWrapper .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/btn_bgOff.png) no-repeat center left;
height: 34px;
width: 178px;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-top:5px;
text-transform: uppercase;
padding: 4px 0 4px 0; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
display: block;
}
#navWrapper .menuheader a{
	position:absolute;
}
#navWrapper .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
width: 100%;
display:block;
background: url(../images/btn_bgOn.png) no-repeat center left;
height: 38px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-left:0;
}

#navWrapper .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/btn_bgOn.png);
background-repeat: no-repeat;
height: 38px;

}

#navWrapper ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#navWrapper ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#navWrapper ul li a{
color: #525252;
display: block;
padding: 6px 0 6px 0;
margin-left: 15px;
margin-right: 5px;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px dotted #afafaf;
font-size:11px;
}

#navWrapper ul li a:visited{
color: #525252;
}

#navWrapper ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
#title{
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 18px;
	font-weight: bold;
}
#title2{
	font-size: 14px;
	margin-top:22px;
	margin-bottom:12px;
	font-weight: bold;
	color: #82bb08;
}
.title3{
	font-size: 12px;
	margin-bottom:6px;
	font-weight: bold;
	color: #ff9900;
}
.download a{
	display: block;
	width: 92px;
	height:15px;
	background-image: url(../images/icon_pdf.jpg);
	background-repeat: no-repeat;
	background-position: 1.7em 1em;
	padding-left: 23px;
	padding-top:12px;
	margin: 0 auto;
}
.download a:visited, .download a:link, .download a:active{
	color: #262626;
	text-decoration: none;
}
.download a:hover{
	color: #F00;
	text-decoration: none;
}
.indexColumn{
	margin: 15px 16px 10px 16px;
	float:left;
	width:148px;
	text-align:justify;
}
.columnTitle{
	font-size:12px;
	font-weight: bold;
	margin:13px 0;
}
ul.bullet { 
	padding: 10px 0;
	margin: 0;
	}
ul.bullet li {
	padding: 0 0 0.2em 1em;
	margin-left: 35px;
	margin-bottom: 10px;
	list-style: disc;
}
ul.tick { 
	padding: 5px 0;
	margin: 0;
	}
ul.tick li {
	padding: 0 0 0 2.5em;
	margin-left: 10px;
	margin-bottom: 10px;
	background-image: url(../images/icon_tick.png);
	background-repeat: no-repeat;
	background-position: -0.2em -0.4em;
	list-style: none;
	height: auto;
}

/* Accordian
------------------------------------------------------------------*/		
#basic-accordian {
	width:100%;
	margin-bottom: 20px;
	margin-top: 20px;
	}
.accordion_headings {
	background: #f3f3f3;
	padding:5px;
	padding-left: 10px;
	padding-right: 5px;
	color:#666;
	border:1px solid #fff;
	border-width: 1px 0;
	cursor:pointer;
	font-weight:normal;
	}
.accordion_headings:hover{
	background: #e7e7e7;
	color: #666;
	}
.accordion_child{
	padding:5px 15px 20px 10px;
	background-color:#fafafa;
	}
.header_highlight{
	background: #e7e7e7;
}
.imageOptions{
	margin:0;
	padding:0;
}
	
.accordion_headings .number {float: left; display: block; height: 100%; margin: 0; padding: 0 5px 5px 0;}
.accordion_child p {margin: 10px 0;}
.accordion_child ul {margin: 10px 0 10px 27px;}

.table3Columns {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #d9d9d9;
	margin-bottom: 20px;
	}
.table3Columns thead th {
	padding: 6px;
	color:#FFFFFF;
	text-align: center;
	font: bold;
	vertical-align: top;
	}
.table3Columns thead th.firstCol, th.secondCol {
	padding: 6px 6px 3px 6px;
	text-align:center;
	font: bold;
	}
.table3Columns thead th.thirdCol {
	border-right: none;
	}
.table3Columns td.firstCell, td.secondCell {
	padding: 3px 8px 6px 8px;
	background-color: #f2f2f2;
	border-top: 1px solid #d9d9d9;
	text-align: left;
	border-right: 1px solid #d9d9d9;
	}
.table3Columns td.thirdCell {
	padding: 3px 8px 6px 8px;
	background-color: #f2f2f2;
	border-top: 1px solid #d9d9d9;
	text-align: left;
	border-right: none;
	}
#sideMap_Title{
	width: 98%;
	border: solid 1px #dedede;
	font-size: 12px;
	color: #095780;
	font-weight: bold;
	
}
#sideMap_Title a:link, #sideMap_Title a:visited, #sideMap_Title a:active{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-size: 13px;
	color: #095780;
	font-weight: bold;
	text-decoration: none;
}
#sideMap_Title a:hover{
	width: auto;
	font-size: 13px;
	color: #484848;
	font-weight: bold;
	text-decoration: none;
	background-color: #F0F0F0;
	cursor: pointer;
}

.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 11px;
	color: #555;
	font-weight:normal;
}
.events li span.title {
	font-weight: bold;
	color: #222;
	font-size: 12px;
	margin-bottom: 10px;
}
.tableHeader{
	width: 16%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background:#c9d2dd;
	color: #444;
	font-weight:bold;
}
.date_has_event {
	text-align: center;
	height: 80px;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

input#submit {
	font-family:Trebuchet MS;
	font-size: 11px;
	color: #fff;
	background-color:#0bccf5;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	border:none;
}
input#reset {
	font-family:Trebuchet MS;
	font-size: 11px;
	color: #fff;
	background-color:#c4c2c2;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	border:none;
}
.require{
	color:#F00;
}

.downloadContent{
	background-color: #e6e6e6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px;
	width: 210px;
	margin: 0 auto;
}
.downloadTitle{
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	margin-bottom: 10px;
}
#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 1px solid #007ec1;
	padding: 10px;
	background-color: #9dddff;
	visibility: hidden;
	z-index: 100;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}