/* Color Palette

gray #515151 RGB 81 81 81
light blue #008DA3 RGB 0 141 163
dark blue #0056A3 RGB 0 86 163
red #A3003B RGB 163 0 59
orange #A36700 RGB 163 103 0
Bright yellow #FFFF00 RGB 255 255 0
Page BG Yellow #FFCC66 255 204 102
Menu Tabs Dark Yellow #FFC34D 255 195 77 
Menu Tabs Highlight Yellow #FFD480 255 212 128

 */


/* General */

body { padding-top: 3px; padding-bottom: 3px; margin: 0; font: normal 12px Verdana, arial, helvetica, sans-serif; color: #000000; background-color: #444444}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
img { border: 0px; }
#wrap { width: 96%; max-width: 970px;  margin: 0 auto; border: outset 2px #333333; background-image: url('media/WrapBG2.jpg'); background-repeat:no-repeat; background-position: top left; background-color: #215AB4; }
#wrap p { text-align: left }
#page { padding: 1%; background-image: url('media/PageBG.jpg'); background-repeat: no-repeat; background-position: bottom right; }
#admin, #admin a { font: normal 10px Verdana, arial, helvetica, sans-serif; text-align: right; background: transparent}
#admin a:link,#admin a:visited { font: normal 10px Verdana, arial, helvetica, sans-serif; color: #FFF; text-decoration: none;}
#admin a:hover { color: #FFF; text-decoration: none;}

/* Footer */


#copy { width: 98%; margin: 0 auto; font: bold 12px Verdana, arial, helvetica, sans-serif; width: 99%; text-align: center; color: #000000}
#copy a { font: normal 10px Verdana, arial, helvetica, sans-serif; text-decoration: none; color: #000000;}
#copy a:link,#design a:visited { color: #000000 } 
#design { width: 99%; font: normal 10px Verdana, arial, helvetica, sans-serif; text-align: right; color: #80BDF6}
#design a { font: normal 10px Verdana, arial, helvetica, sans-serif; text-decoration: none; color: #80BDF6 }
#design a:link,#design a:visited { color: #80BDF6 } 
#design a:hover { color: #dddddd; }
#footerlink { width: 98%; margin: 0 auto; text-align: center; color: #FFFFFF}
#footerlink a { font: 12px Verdana, arial, helvetica, sans-serif; text-decoration: none; color: #FFFFFF }
#footerlink a:link,.footerlink a:visited { color: #FFFFFF }
#footerlink a:hover { color: #bbbbbb; } 
#valid { width: 99%; text-align: right; }
#valid a img { border: 0; }
.blue { color: #0056A3 }
.red { color: #A3003B }
.orange { color: #A36700 }
.white { color: #FFFFFF }
.yellow { font-size: 14px; color: #FFFF00 }
.tablelink, .tablelink a { font-size: 10px; color: #A3003B; text-align: right; text-decoration: none; }
.border { border: dotted 1px #ddd; }
.left { float: left; margin-right: 10px; margin-bottom: 10px; }
.right { float: right; margin-left: 10px; margin-bottom: 10px; }
.textcenter { text-align: center; }
.textleft { text-align: left; }
.desc { font-size: 16px; color: #FFFF00 }
/* Table Settings */

th { font-weight: bold; font-size: larger; text-align: left; }
.form { width: 50%; margin-left: 25%; margin-right: 25%; }
.half { width: 50%; }
.full { width: 100%; height: 100%; }
.fullborder { width: 100%; height: 100%; border-collapse: separate; border-spacing: 10px; border: solid 1px #dddddd; }
.highlight  { width: 100%; height: 100%; border-collapse: separate; border-spacing: 10px; border: solid 1px #dddddd; background-color: #eeeeee; }
.spacer { }
caption, caption ul { text-indent: 0px; padding-left: 0px; list-style-position: outside; list-style-type: square; font-weight: bold; color: #A36700; text-align: left; padding: 0px 0px 5px 10px; }
.label { color: #A36700; font-style: italic; } 


/* Header */

table.header { width: 100%; height: 200px; }
td.logo { width: 50%; text-align: left; }
#wdbs_header { height: 200px; width: 100%; padding: 0; margin: 0; border: 0; text-align: center; }
#wdbs_title { float: left; width: 262px; font: bold 12px Verdana, arial, helvetica, sans-serif; color: #000000; }
#wdbs_title h1 { font-size: 18px }
#wdbs_date { font: bold 12px Verdana, arial, helvetica, sans-serif; color: #FFFFFF; text-align: right; }


#main {
	border: 1px solid #333333;
	clear: both;
	background: #FFCC66;
	padding-top: 2em;
}

#contents {
	padding: 1.5em;
	margin: 10px;
	background: #FFFFFF;
        color: #000000;
	min-height: 300px;
	border: solid 1px #aaa;
	font-size: 80%;
}


#menu {
	position: relative;	
	width: 100%;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#menu ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#menu ul#primary li  {
	display: inline;
	list-style: none;
}

#menu ul#primary a,#menu ul#primary span,#menu ul#primary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #000;
}

#menu ul#primary span,#menu ul#primary a.current,#menu ul#primary a.current:hover {
	border: 1px solid #333333;
	border-bottom: none;
	background: #FFCC66;
	padding-bottom: 6px;
	margin-top: 0;
}

#menu ul#primary a {
	background: #FFC34D;
	border: 1px solid #333333;
	border-bottom: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#menu ul#primary a:hover {
	margin-top: 0;
	border-color: #333333;
	background: #FFD480;
	padding-bottom: 5px;
	opacity: 0.75;
	filter: alpha(opacity=75);	
}

#menu ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#menu ul#secondary li a,#menu ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#menu ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#menu ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#menu ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#menu ul#secondary li a { border: none; }