﻿body { margin:0; padding:0; background-color:#dbdff0; font-family:Arial; }
form { margin:0; padding:0; }
div { margin:0; padding:0; }
table td { vertical-align:top; }

h1 { margin-top:0px; padding-top:0px; color:#021793; font-size:16px; font-weight:bold; }
h2 { margin:15px 0px 5px 0px; padding:0; color:#021793; font-size:14px; }
h3 { color:#021793; font-size:12px; }
img { border:none; }
a, a:active, a:visited { color:#000066; }
a:hover { color:#0033CC; }

div.main { background-color:#ffffff; }
div.header { height:100px; background-image:url(../img/water-background.jpg); }
div.subHeader { height:15px; padding:0px 0px 2px 0px; background-image:url(../img/blue.gif); color:#f0f2ff; font-size:70%; font-weight:bold; }
div.title { height:30px; background-image:url(../img/officeoflakes.gif); background-position:center center; background-repeat:no-repeat; text-align:center; }
table.structure { width:100%; }
td.menu { padding:10px 5px 10px 5px; vertical-align:top; width:156px; background-color:#e5e7f4; border-right:solid 1px #ccd1e9; font-size:80%; }
td.content { padding:10px 10px 10px 10px; vertical-align:top; font-size:12px; background-color:#FFFFFF; }
td.news { padding:0px 5px 10px 5px; vertical-align:top; width:156px; background-color:#e5e7f4; border-right:solid 1px #ccd1e9; font-size:70%; }
div.footer { height:20px; width:100%; background-color:#edeef7;  border-top:solid 1px #ccd1e9; border-bottom:solid 1px #ccd1e9; }

div.map { text-align:center; }
div.map_right { float:right; margin:10px; }
.subHeader span { padding:0px 2px 0px 2px; }
.subHeader span.active { color:#ffe39b; }
.subHeader a, .subHeader a:active, .subHeader a:hover, .subHeader a:visited { color:#f0f2ff; text-decoration:none; }
.subHeader a:hover { text-decoration:underline; }
.menu h2 { display:block; clear:left; margin:0; padding:20px 0px 0px 0px; }
.content p { margin-left:20px; }
.news p { text-align:center; }
span.note { color:#666666; font-size:80%; font-weight:normal; }
span.redBoldText { color:Red; font-size:90%; font-weight:bold; }
img.title { display:block; margin:0 auto; padding:0px 0px 10px 0px; }

.content ul li { padding:0px 0px 4px 0px; }
ul.pdf li { list-style-image:url(http://www.countyofdane.com/img/pageAcrobat.gif); }
.right { display:block; float:right; clear:right; margin:0px 0px 10px 10px; }
.left { display:block; float:left; margin:0px 10px 10px 0px; }
.center { text-align:center; }
.title .left { clear:left; }
ul.pad { margin-top:10px; margin-bottom:20px; padding-top:0px; }
td.content ul.pad li { padding:5px 0px 5px 0px; }

table.cities { margin:0 auto; width:450px; }
.cities td { width:25%; vertical-align:top; }
.cities tr.header td { color:#021793; font-size:110%; font-weight:bold; }
.cities td a { display:block; }
table.members { margin:10px 0px 10px 20px; font-size:110%; }
.members td { padding:6px; }
.members tr.header td { background-color:#ccd1e9; font-size:110%; font-weight:bold; }
.members tr.odd td { background-color:#edeef7; }
table.contacts { margin:0 auto; padding:15px 0px 15px 0px; }
table.contacts td { padding:5px; }

table.form { margin:10px 0px 0px 0px; padding:0; }
.form tr.header td { text-align:center; font-size:110%; font-weight:bold; }
.form td { padding:4px; }
.form td.label { text-align:right; font-weight:bold; }
.form td span { color:Red; font-size:90%; font-weight:bold; }
.form tr.subHeader td { padding-top:10px; font-weight:bold; }
.form .short { width:60px; }
.form .shorter { width:40px; }
.form .long { width:300px; }
.form .error td { text-align:left;color:#cc0000;font-weight:bold;padding-left:20px;padding-bottom:10px; }

table.groupInfo, table.groupInfoOdd { width:445px; }
.groupInfoOdd { margin:15px 0px 0px 0px; padding:0px 0px 5px 0px; background-color:#edeef7; }
.groupURL{ font-size:11px; font-family:Tahoma,Arial,Helvetica,sans-serif; vertical-align:top; }
.groupName { font-size:11px; font-weight:bold; font-family:Tahoma,Arial,Helvetica,sans-serif; vertical-align:top; }
.groupPhone{ font-size:11px; font-family:Tahoma,Arial,Helvetica,sans-serif; vertical-align:top; }
.groupAddress{font-size:11px; font-family:Tahoma,Arial,Helvetica,sans-serif; vertical-align:top; }
table.groupInfo{ margin:15px 0px 0px 0px; padding:0; }
.columnHeader{ border-bottom:1px solid #99CCFF; font-weight:bold; }
.groupInfo h2, .groupInfoOdd h2 { margin:0; padding:5px 0px 5px 0px; }
table.groupInfo h3, table.groupInfoOdd h3 { margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; font-size:11px; border-bottom:1px solid #99CCFF; font-weight:bold; }
.rightColumn{ vertical-align:top; }
.leftColumn{ vertical-align:top; }
.brochure { padding:0px 10px 0px 15px; }

div.event, div.eventOdd { margin:0; padding:5px 0px 15px 0px; border-bottom:solid 1px #dfe1f9; }
div.event h2, div.eventOdd h2 { margin:0; padding:5px 0px 10px 0px; }
div.event p, div.eventOdd p { margin:0; padding:0px 0px 5px 0px; }
div.eventOdd { background-color:#f7f8ff; }
.red { color:Red; }

ul.news { margin:0; padding:0; }
.content ul.news li { margin:0; padding:5px 5px 5px 5px; list-style-type:none; border-bottom:solid 1px #f0f2ff; text-align:left; }
.news li.odd { background-color:#fafbff; }
.news h2 { margin:0; padding:0; }
.news p { margin:10px 0px 5px 0px; padding:0px 0px 0px 15px; text-align:left; }
.content ul.news ul li { border-bottom:none; }
p.error { font-weight:bold; font-size:110%; color:Red; }
