@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 2.0 (2009-06-01) YYYY-MM-DD
* Website: http://www.smalltownmayors.org/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, #container { height: 100%; }
body,td,th { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
body { background-color: #8dc63f; background-position:top center; background-repeat:no-repeat; background-image: url(/images/bkgnd.png); margin: 0px; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0; }
h2 { font-size:15px; font-weight:bold; letter-spacing:1px; }
p { line-height:16px; letter-spacing:1px; padding:5px 0 10px 0; }
a { color:#65cef5; font-weight:bold; text-decoration:none; letter-spacing:0; }
a:hover { text-decoration:underline; }

label {font-size:12px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {text-align:left; width:300px; line-height:25px; margin:0;}
dt em {font-size:9px; font-weight:normal; }
dd {width:300px; line-height:25px; margin:0 0 10px 0;}

input { width:200px; }
textarea { width:210px; height:150px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body > #container { height: auto; min-height: 100%; }
#header { width:965px; margin:0px auto;  }
#logo { margin:0 0 0 14px; clear:both; }

#content-container { margin:0 auto; padding:70px 0 134px 0; width:965px; }
#content-container ul { list-style-type:none; position:relative; margin:10px 0 10px 0; }
#content-container li { display:block; padding:0 0 10px 30px; }
#content-container ol li { list-style-type:none; position:relative; margin:0; padding:0; }

#content-left { width:708px; float:left; background-image:url(/images/content-shadow.png); background-repeat:no-repeat; background-position:top center; }
#content-left li { background-image:url(/images/bullet-check.png); background-repeat:no-repeat; }
#content-right { width:244px; float:left; margin:0 0 0 13px; color:#ffffff; }
#content-right h3 { color:#3c2313; text-transform:uppercase; font-size:20px; margin:15px 0 0 0; }
#content-right li { background-image:url(/images/bullet-star.png); background-repeat:no-repeat; }

#content-top { width:690px; margin:10px auto 0 auto; }
#content { width:632px; margin:0 auto; background-color:#ffffff; padding:0 29px 29px 29px; clear:both; }

#content h1 { color:#3c2313; border-bottom:#b5d996 1px solid; }
#content h2 { color:#6bb52c; }
#content p { line-height:20px; }

#contactLeft { width:250px; float:left; }
#contactRight { width:250px; float:left; }

#clearboth { clear:both; }

#footer { height:74px; background-color:#3c2313; text-align:center; padding:20px 0 0 0; width:100%; position: relative; margin-top: -94px; clear:both; }
#footer p { color:#fff; font-size:10px; }
#footer a { color:#65cef5; text-decoration:none; padding:0 10px 0 0; }
#footer a:hover { text-decoration:underline; }
#footer a.membership { color:#8dc63f; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLASSES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.more { font-size:13px; text-transform:uppercase; background-image:url(/images/bullet-arrow.png); background-repeat:no-repeat; padding:0 0 0 20px; }
.photoPadding { padding:3px 15px 1px 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation { height:33px; width:615px; float:right; }
#navigation ul { margin:0; padding:0; width:615px; z-index:10; }
#navigation ul li { float:left; list-style-type:none; position:relative; }
#navigation li a { background-image:url(/images/navigation.gif); display:block; }
#navigation li span{ display:none; }

#navigation ul #item1{ top:0; left:0; }
#navigation #item1 a{ width:78px; height:33px; background-position:0 0; }
#navigation #item1 a:hover, #navigation #item1 a.current{ background-position:0 -33px;}

#navigation ul #item2{ top:0; left:0px; }
#navigation #item2 a{ width:99px; height:33px; background-position:-78px 0; }
#navigation #item2 a:hover, #navigation #item2 a.current{ background-position:-78px -33px; }

#navigation ul #item3{ top:0; left:0px; }
#navigation #item3 a{ width:178px; height:33px; background-position:-177px 0; }
#navigation #item3 a:hover, #navigation #item3 a.current{ background-position:-177px -33px; }

#navigation ul #item4{ top:0; left:0px; }
#navigation #item4 a{ width:112px; height:33px; background-position:-355px 0; }
#navigation #item4 a:hover, #navigation #item4 a.current{ background-position:-355px -33px; }

#navigation ul #item5{ top:0; left:0px; }
#navigation #item5 a{ width:148px; height:33px; background-position:-467px 0; }
#navigation #item5 a:hover, #navigation #item4 a.current{ background-position:-467px -33px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FORM (TNATIONS): ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.loader { width: 31px; position:absolute; z-index:1 }
ol.formy { margin:0; padding:0; }
ol.formy li { background:none!important; margin:0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em; background-image:none; }
li.formy { background-image:none; }
.formy label { width:200px; margin:0px 10px 0 0; text-align:left; font-size: 11px; display:block; color:#888888; background:#fefefe; padding:2px; }
.formy input,  .formy textarea,  .formy select { margin:0; padding:3px; background: #fbfbfb; border:none; border: 1px solid #ccc; vertical-align:top; }
.formy input:hover,  .formy textarea:hover,  .formy select:hover { background:#eee; }
.formy input:focus,  .formy textarea:focus,  .formy select:focus { background:#F3F8F8; }
.formy textarea,  .formy input { width:415px; }
.formy select { width:421px; /* attempt to have equal length */ }
.formy select.cfselectmulti { height:6.5em; }
.formy textarea { font-family: arial; font-size: 0.9em; height: 10em; overflow:auto; }
.formy input.cf_date { width:395px; }

span.reqtxt,  span.emailreqtxt { display:block; /*for mozilla*/ width:421px; font-size:9px; vertical-align:top; color:#888888; text-align:right; margin:0; height:13px; line-height:13px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLEAR FIX: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */