/* CSS for Ottawa County Improvement Corporation
----------------------------------------------- */

/* LAYOUT DIVISIONS
----------------------------------------------- */

body {
 background: #fff url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/bg-main.png') top left repeat-x;
 color: #333;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 line-height: 140%;
 margin: 0;
 padding: 0;
 text-align: center;
}

#wrapper { background: #eee; border: 1px solid #ccc; margin: 20px auto 0px auto; padding: 5px; text-align: left; width: 840px; }

#header { background: url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/ocic-logo.gif') top left no-repeat; height: 65px; margin-bottom: 10px; }

#logo { float: left; }

#search { float: right; }

#navigation { height: 35px; margin-bottom: 10px; text-align: center; }

#images { border-bottom: 10px solid #99182e; margin: 10px 0px 10px 0px; padding-bottom: 10px; }

#imgLeft { float: left; margin-right: 5px; width: 415px; }

#imgRight { float: right; width: 415px; }

#columns { font-size: 11px; padding: 0px 0px 15px 0px; }

.colHeader {  }

#colNews {
 background-color: #fff;
 background-image: url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/bg-news.png');
 background-repeat: no-repeat;
 background-position: 0px 35px;
 float: left;
 margin-right: 10px;
 height: 300px;
 width: 415px;
}

#colContainer { float: right; width: 415px; }

#colTestimonials {
 background-color: #fff;
 background-image: url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/bg-col.png');
 background-repeat: no-repeat;
 background-position: 0px 35px;
 float: left;
 height: 300px;
 width: 205px;
}

#colData {
 background-color: #fff;
 background-image: url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/bg-col.png');
 background-repeat: no-repeat;
 background-position: 0px 35px;
 float: right;
 height: 300px;
 width: 205px;
}

#main { background: #fff; }

#content { float: right; padding: 10px 10px 20px 10px; width: 620px; }

#contentSearch { padding: 10px; width: 620px; }

#content img { border: 1px solid #ccc; float: right; margin: 0px 0px 5px 5px; padding: 5px; }

#sidebar { border-right: 1px solid #ccc; float: left; margin: 10px; padding: 0px 10px 0px 0px; width: 169px; }

#footer { background: #fff url('http://34b1f837159e8a5d66708fcda93e6dc693a2ccd9.gripelements.com/img/bg-footer.png') top left no-repeat; clear: both; height: 40px; padding: 10px; width: 820px; }

.clear { clear: both; }

/* TYPOGRAPHY
----------------------------------------------- */

p.testimonial { background: #eee; border: 1px solid #ddd; margin: 0px 0px 20px 0px; padding: 10px; }

blockquote { background: #ededed; padding: 10px; }

#columns p { padding: 0px 10px 0px 10px; }

#footer p { color: #999; font-size: 11px; line-height: 100%; margin: 0; padding: 0; }

h1 { border-bottom: 1px dotted #ccc; color: #99102e; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; }

h2 { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; }

#columns h2 { border-bottom: none; color: #99102e; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding: 0px 0px 0px 10px; }

h3 { color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

/* LIST ELEMENTS
----------------------------------------------- */

#columns ul { padding: 5px 10px 10px 10px; margin:10px 0; }
#columns li { margin-left: 10px; padding:0; }

#sidebar ul { margin: 5px; padding: 0; }
#sidebar li { font-weight: bold; list-style-type: none; margin: 0; padding: 5px; }

/* ANCHOR PROPERTIES
----------------------------------------------- */

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

p a { border-bottom: 1px dotted #999; color: #336699; }
p a:hover { border-bottom: 1px solid #999; color: #f1243a; }

h2 a { color: #999; }
h2 a:hover { tcolor: #333; }

li a { border-bottom: 1px dotted #999; color: #336699; }
li a:hover { border-bottom: 1px solid #999; color: #f1243a; }

#navigation li a { border-bottom: none; }
#navigation li a:hover { border-bottom: none; }

#sidebar li a { border-bottom: none; color: #aa0e2e; }
#sidebar li a:hover { border-bottom: none; color: #333; }

/* FORM ELEMENTS
----------------------------------------------- */

#search input { background: #fff; border: 1px solid #ccc; color: #666; font-size: 10px; padding: 1px; margin: 10px 10px 0px 0px; }