/* styles for fair wisconsin
=  ingrid ankerson, ankerson.com
=============== */

body {
font-size: 75%;
color: #333;
text-align: center;
font-family: Verdana, Trebuchet, Helvetica, Arial, Sans-Serif;
margin: 0;
background: #D3D9D8 url(/w/005/style/art/banner.png) top left repeat-x;
}

div, ul, li, p,
h1,h2,h4,
ul, ol, td  {
font-family: Verdana, Trebuchet, Helvetica, Arial, Sans-Serif;
padding: 0;
margin: 0;
text-align: left;
}


blockquote{
margin: 15px;
}



.access {display: none;}
.clr {clear: both;}
li {list-style-type: none;}



/* General 
=============== */

.wrap {
text-align: left;
margin: 0 auto;
width: 975px;
position: relative;
}

/* Header 
=============== */

#header {
margin: 0;
position: relative;
height: 140px;
}

#logo {
position: absolute;
background: url(/w/005/style/art/logo.png) top left no-repeat;
top: 30px;
width: 413px; padding-top: 79px;
overflow: hidden; height: 0;
}

#header ul {
margin: 100px 0px 0px 0px;
list-style-type: none;
float: right;
width: 510px;
}

#header li {
font-family: Arial, Helvetica, Sans-Serif;
display: inline;
font-size: 1em;
}

#header li a {
float: left; display: inline;
color: white;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding:12px 18px;
background-color: #9BB657;
}

#header li a:hover,
#header li a.selected {
background-color: #B4C470;
}

#submenu ul {
list-style-type: none;
float:right;
margin-right:45px;
}

#submenu li {
display: block;
color: #4D8EA2;
float: left;
padding:5px;
margin: 0 15px 3px 15px;
}

#submenu li a {
color: #4D8EA2;
}

#submenu li.selected a {
color:#80a327;
font-weight: bold;
}

#submenu li a:hover {
color: #9BB657;
}

#main #submenu {
float: right;
width: 250px;
margin: 0 0 1em 14px;
padding: 0 0 6px 6px;
border-left: 1px solid #54A6B7;
}

#main #submenu li {
display: inline;
margin: 0;
padding: 0;
}

#main #submenu li a {
float: none;
display: block;
width: 190px;
padding: 3px 3px;
color: #80a327;
line-height: 16px;
}

#main #submenu li a.parent {
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
color: #4D8EA2;
}
#main #submenu li.selected a,
#main #submenu li a:hover {
background-color: #A0D4D9;
color: #fff;
}

#main #submenu li a.parent:hover {
background-color: #eee!important;
color: #1d4f5f;
}

/* Content 
=============== */
#content {
background-color: #fff;
padding-bottom: 2em;
}

#content p {
font-size: 1.1em;
line-height: 1.7em;
}


a:link, a:visited {
color: #970F00;
text-decoration: none;
}

a:hover {
color: #C68930;
}



/* Content pages 
=============== */

#main {
width: 575px;
float: right; display: inline;
margin-right: 30px;
}

#main h1 {
color: #37a4c5;
font:Arial, Helvetica, sans-serif;
font-size: 2em;
margin: 20px 0 10px 0;
font-weight: normal;
}


#main p {
font-size: 1.04em;
margin-bottom: 1.3em;
}

#main h3 {
color:#333;
font:Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 20px 0 10px 0;
}

#main li {
line-height: 1.7em;
list-style:disc;
margin-left:20px;
}

#sidebar {
float: left; display: inline;
width: 310px;
margin: 20px 0 0 20px;
}

#sidebar .sidebar_image {
-webkit-box-shadow: 4px 4px 7px #aaa; 
-moz-box-shadow: 4px 4px 7px #aaa;
-moz-transform: rotate(-.3deg);
-webkit-transform: rotate(-.3deg);
}

#sidebar .sidebar_image .img_wrap {
padding: 8px;
}

#sideissues {
-webkit-box-shadow: 3px 3px 7px #aaa; 
-moz-box-shadow: 3px 3px 7px #aaa;
box-shadow: 3px 3px 7px #aaa;
padding:6px;
}

#sidebar p {
line-height:1.4em;
font-size:1em;
color:#4D8EA2;
margin-bottom: .8em;
}

#sidebar a{
font-weight:bold;
color:#1F4D77;
}

#sidebar h3 {
color: #333!important;
margin-top:1px;
text-transform: uppercase;
}

#sidebar a:hover{
text-decoration:underline;
}

#sidebar ul.nobullet {
margin-left: 2em;
color:#4A8F9F;
line-height:1.5em;
font-size:.9em;
}

#sidebar li {
margin-bottom: 1em;
}


#signup {
background-color:#CCE1E5;
width:300px;
margin: 25px 0 25px 0;
}

#signup form {
color:#1F4D77;
padding:5px;
font-size:.9em;
}

#signup input {
color:#1F4D77;
font-size:.9em;
border:thin;
}



/* Footer
=============== */


#footer {
background-color:#D3D9D8;
width: 100%;
}

#footertxt {
margin: 0 auto;
width: 975px;
font-size: .85em;
text-align:center;
padding:15px 0 10px 0;
color:#5E5E5E;
}

#footertxt p {
text-align:left;
padding:2px;
}

#footertxt a {
text-decoration:underline;
color:#5E5E5E;
}

#footertxt a:hover {
text-decoration:none;
}



/* Home page 
=============== */

#highlights{
width:210px;
margin: 20px 0 20px 0;
}

#highlights p a {
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: normal;
background-color: #A47;
color: #fff;
border: 1px solid #6a1c43;
padding: 5px;
}
#highlights p a:hover {
-moz-box-shadow: 0 0 5px #b88;
-webkit-box-shadow: 0 0 5px #b88;
}
#highlights p.item_1 a {background-color: #84a336; border-color: #516816; }
#highlights p.item_2 a {background-color: #9bb657; border-color: #84a336; }
#highlights p.item_3 a {background-color: #95c73f; border-color: #84a336; }
#highlights p.item_4 a {background-color: #b478c3; border-color: #9f54a0; }
#highlights p.item_5 a {background-color: #0db2ca; border-color: #0d8da0; }
#highlights p.item_6 a {background-color: #80c0c9; border-color: #58939b; }
#highlights p.item_7 a {background-color: #6094a1; border-color: #407987; }


#feeds {
float: right;
width: 325px;
padding: 0 0 0 20px;
margin: 20px 0 20px 0;
}

#feeds h2,
#sidebar h2 {
text-transform:uppercase;
color:#4D8EA2;
font-size:.8em;
font-weight:bold;
width:200px;
margin-bottom:5px;
}

#feeds p {
font-size:.95em;
line-height:1.3em;
}

.feeddate {
color:#838487;
}

.feedtitle{
color:#1F4D77;
}

.i_facebook,
.i_twitter,
.i_blog {
float: left;
width: 32px; padding-top: 32px;
overflow: hidden; height: 0;
margin-right: 10px;
}
.i_facebook {
background: url(/w/005/style/art/icon_fb.png) 0 0 no-repeat;
}
.i_twitter {
background: url(/w/005/style/art/icon_twitter.png) 0 0 no-repeat;
}
.i_blog {
background: url(/w/005/style/art/icon_blog.png) 0 0 no-repeat;
}

hr {
clear: both;
color: #fff;
background-color: #fff;
border: 1px dotted #838487;
border-style: none none dashed; }

/* Twitter widget */
.twtr-hd, .twtr-ft {
display: none;
}

.twtr-widget .twtr-tweet-wrap {
overflow:hidden;
padding:6px 8px 6px 0!important;
}


/* Fix salsa
============== */

#salsa #header {
margin-bottom: 3em;
}

#salsa fieldset legend {
font-weight: bold;
}
#salsa #recurrence {
margin-top: 1em;
}