/* CSS Document */

html, body, img, form, fieldset {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	padding:50px 0;
	font:.75em/1.75 Verdana,sans-serif;
	background:#AEA8CA url(../images/body.jpg) no-repeat fixed 50% 0;
	color:#0f0f0f}

/* global styles ----------------------------------------------- */
p, h1, h2, h3, h4, h5, ul, ol, dl {margin:0 40px 1.25em; padding:0}
abbr, acronym {cursor:help}
.note {font-size:.9em; color:#646464}

/* ---- links ---- */
a:link {color:#01386b; text-decoration:underline}
a:visited {color:#01386b; text-decoration:underline}
a:hover {color:#22224d; text-decoration:underline}
a:active {color:#22224d; text-decoration:none}

/* ---- headings ---- */
h1 {
	margin-bottom:.75em;
	font:bold 1.6em/1.3 Tahoma,Verdana,"Trebuchet MS",sans-serif;
	color:#0b0b0b}
h2 {
	margin:1em 40px .25em;
	font:bold 1.25em Tahoma,Verdana,"Trebuchet MS",sans-serif;
	color:#0b0b0b}
h2.section {
	margin:2em 40px 1em;
	color:#22224D;
	border-bottom:1px solid #EAEAEE}
h2.section span {margin:0 .125em 0 0}
h3 {
	margin-top:1.5em;
	margin-bottom:.25em;
	font-size:1.1em}
h4 {
	margin-bottom:.25em;
	font-size:1em;
	color:#01386b}
h5 {
	margin-bottom:.25em;
	font-size:.9em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#01386b}

/* ---- lists ---- */
ul {list-style:none}
ol {margin-left:60px}
ol.lower-alpha {margin-left:60px; list-style:lower-alpha}

li {margin:0 0 1em}
ul li {margin:0 0 1em; padding:0 0 0 20px; background:url(../images/bullet1.gif) no-repeat 0 .5em}
ul ul {margin:1em 0 1.25em 0}
ul li li {background:url(../images/bullet2.gif) no-repeat 0 .5em}

li p, li h2, li h3 {margin-left:0; margin-right:0}

/* ---- definition list ---- */
dt {
	margin:1em 0 0;
	padding:0;
	font-weight:bold}
dd {
	margin:0 0 1em;
	padding:0;
	color:#646464}

/* ---- link icons ---- */
.doc, .pdf, .ppt, .txt, .xls {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(../images/icon_doc.png) no-repeat 7px 50%}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* container ----------------------------------------------- */
#container {
	position:relative;
	margin:0 auto;
	width:761px;
	border-top:7px solid #FFF;
	background:#FFF url(../images/container.gif) no-repeat 250px 100%}

/* header ----------------------------------------------- */
#header {
	margin:0 auto;
	width:745px;
	height:253px;
	background:#f7f7f8;
	border:1px solid #cec69e;
	border-width:1px 1px 0}
a#logo {
	float:left;
	display:block}
#picture {
	float:right}

/* content ----------------------------------------------- */
#content {
	float:right;
	margin:0 0 57px;
	padding:2em 0;
	width:506px;
	min-height:300px; height:auto !important; height:300px;
	border-left:5px solid #d3d1dc;
	overflow-x:hidden} /* IE6 fix */

p.totop {text-align:right; font-size:.9em}

/* ---- Members ---- */
#page-members #content {
	margin:0;
	width:761px;
	background:#FFF;
	border:0}

/* table */
table#members {
	margin:0 40px 1.25em;
	padding:0;
	border-collapse:collapse;
	width:681px}
table#members tr {
	margin:0;
	padding:0}
table#members th, table#members td {
	margin:0;
	padding:.75em;
	vertical-align:top;
	border:1px solid #b1bdc9}
table#members th {
	text-align:left;
	background:#cac197;
	border:1px solid #9090A6}
th#member-name {width:125px}
tr.even {background:#f9f9f4}

table#members td p {margin-left:0; margin-right:0}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:left;
	padding:0 0 2em;
	width:250px}

#sidebar h2 {
	margin:2em 0 0;
	padding:0 30px .5em;
	font-size:1.125em;
	line-height:1.4;
	background:url(../images/h2.gif) no-repeat 7px .15em;
	text-transform:uppercase}
#sidebar h2 a {color:#0b0b0b}
#sidebar h2 a:hover {color:#22224D}

#sidebar dl {margin:0 30px 3.5em}
#sidebar dd {margin:0 0 2em; font-size:.9em}

#sidebar p,
#sidebar ul {margin:0 30px 1.25em}

#sidebar ol {margin:0 30px 1.25em 50px}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	padding:1.75em 0;
	height:3.25em;
	text-align:center;
	font-size:.9em;
	color:#312800;
	background:#FFF;
	border-top:2px solid #e8e8e8}
#footer span {
	margin:0 .25em;
	color:#ccc399}

/* nav ----------------------------------------------- */
ul#nav {
	position:absolute;
	top:214px;
	left:0;
	margin:0;
	padding:0 26px;
	width:709px;
	height:40px;
	background:#22224d url(../images/nav-bg.gif) repeat-x 0 100%}
ul#nav li {
	margin:0;
	padding:0;
	float:left;
	background:none}
ul#nav a {
	display:block;
	width:69px;
	height:40px;
	background:#22224d url(../images/nav.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

li#nav-home a {}						li#nav-home a:hover {background-position:0 -40px}		li#nav-home.selected a, li#nav-home.selected a:hover {background-position:0 -80px}
li#nav-about a {background-position:-69px 0; width:77px}	li#nav-about a:hover {background-position:-69px -40px}		li#nav-about.selected a, li#nav-about.selected a:hover {background-position:-69px -80px}
li#nav-members a {background-position:-146px 0; width:95px}	li#nav-members a:hover {background-position:-146px -40px}	li#nav-members.selected a, li#nav-members.selected a:hover {background-position:-146px -80px}
li#nav-committees a {background-position:-241px 0; width:120px}	li#nav-committees a:hover {background-position:-241px -40px}	li#nav-committees.selected a, li#nav-committees.selected a:hover {background-position:-241px -80px}
li#nav-resources a {background-position:-361px 0; width:106px}	li#nav-resources a:hover {background-position:-361px -40px}	li#nav-resources.selected a, li#nav-resources.selected a:hover {background-position:-361px -80px}
li#nav-news a {background-position:-467px 0; width:68px}	li#nav-news a:hover {background-position:-467px -40px}		li#nav-news.selected a, li#nav-news.selected a:hover {background-position:-467px -80px}
li#nav-forum a {background-position:-535px 0; width:78px}	li#nav-forum a:hover {background-position:-535px -40px}		li#nav-forum.selected a, li#nav-forum.selected a:hover {background-position:-535px -80px}
li#nav-contact a {background-position:-613px 0; width:95px}	li#nav-contact a:hover {background-position:-613px -40px}	li#nav-contact.selected a, li#nav-contact.selected a:hover {background-position:-613px -80px}

/* text size ----------------------------------------------- */
#text-size {display:none; position:absolute; top:-7px; right:6px}
html>body #text-size {right:7px}

#text-size.show {display:block}

#text-size h3 {
	margin:0;
	padding:0;
	width:115px;
	height:25px;
	background:url(../images/text-size-label.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

#text-size ul {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	list-style:none}
#text-size li {
	margin:0;
	padding:0;
	float:left;
	background:#FFF}
#text-size a {
	display:block;
	width:17px;
	height:24px;
	color:#000;
	background:url(../images/text-size.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

li#text-medium a {background-position:0 -48px}			li#text-medium a:hover {background-position:0 -24px}
li#text-large a {background-position:-17px 0; width:18px}	li#text-large a:hover {background-position:-17px -24px}
li#text-xlarge a {background-position:-35px 0; width:19px}	li#text-xlarge a:hover {background-position:-35px -24px}

/* forms ----------------------------------------------- */
fieldset {background:#FFF}
fieldset span {color:#F00; font-weight:bold}
fieldset dt span {margin:0 0 0 3px}

label {font-weight:bold; cursor:pointer}
input, select, textarea {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px inset #666;
	background:#f8f8f8 url(http://wisconsinpdc.org/images/input.gif) repeat-x 0 0;
	color:#22224D;
	vertical-align:baseline}
select {width:310px}
textarea {overflow:auto}

input:hover, select:hover, textarea:hover {border-color:#D3D1DC; background:#EAEAEE}
input:focus, select:focus, textarea:focus {border-color:#22224D; background:#FFF}
input.radio, input.check {
	width:auto;
	margin:2px 5px 0;
	border:0;
	background:none}
input.submit {
	cursor:pointer;
	margin:2em 0 0;
	padding:0;
	border:0;
	width:95px;
	height:28px;
	background:#22224D url(../images/submit.gif) no-repeat 0 0;
	color:#FFF;
	display:block;
	line-height:8;
	text-indent:-9999px;
	overflow:hidden}
input.submit:hover,
input.submit:focus {background-position:0 -28px}
input.submit:active {background-position:0 -56px}

input#city {width:200px}
input#state {width:26px}
input#zip {width:46px}

/* ---- validationAide ---- */
input.validation-failed, select.validation-failed, textarea.validation-failed {
	background:#FFC0CB;
	border:1px solid #F00}
div.validation-advice {
	padding:4px;
	width:302px;
	background:#FFF;
	color:#F00;
	font-size:.9em}

/* IlluminAge Apps ----------------------------------------------- */
.error {color:red}

/* ---- What's New ---- */
/* Details */
#details {margin-left:40px}
ul#news li {margin:0 0 1.5em}
ul#news li p {margin:0 0 .75em}