/**** RESET ****/

/* http://meyerweb.com/eric/tools/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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}

/* END RESET */



html, body {border: 0; margin: 0; padding: 0;}
body {background-color:#FFFFFF; color: #333; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-align: center; line-height: 1em;}

a {color: #709A71; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}

p {margin: 10px 0;}
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
.post h1, #sidebar h2 {border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; margin: 0 0 15px 0; padding: 15px 0;}
.post h1 small { color: #666; text-transform: none; font-size: .7em; clear: both; display: block; padding: 6px 0 0; font-style: italic;}




.clear {clear: both; height: 0; line-height: 0; padding: 0; margin: 0; border: 0;}
.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 */




.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {display: block; text-align: center; margin: 0 auto;}

img.alignleft, img.alignright, img.aligncenter {background: #EFEFED; border: 1px solid #D0D0CE; display: block; padding: 3px;}
img.alignleft {float: left; margin: 0 10px 2px 0;}
img.alignright {float: right; margin: 0 0 2px 10px;}
img.aligncenter {margin: 5px auto;}


#container {height: 100%; text-align: center; width: 100%;}
#wrapper {margin: 30px auto; text-align: left; width: 968px; background-color: #F3F3F3; border: 1px solid #CCC; padding: 5px; display: block;}
#border {border: 1px solid #E6E6E6; background-color: #FFF; display: block; height: 100%;}


.post {margin-bottom: 30px;}

#sidebar {width: 240px; padding: 0 0 0 20px; margin: 20px 0; float: left;}



/* Centered Div */

#horizon {text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block;}
#content { font-family: Verdana, Geneva, Arial, sans-serif; position: absolute; left: 50%; margin-left: -350px; width: 700px; top: -250px; height: 520px; visibility: visible; background-color:#ffffff; border:0px; }








#header {width:170px; height:500px; padding: 40px 0 0 30px; clear: both; display: block; font-family: Georgia, "Times New Roman", Times, serif; }
#header a { text-decoration: none;}
#header .nav-disabled, #header .nav-enabled { display: block; clear: both; text-align:left; color: #709A71; height: 500px;}
#header .nav-disabled h1 { background: url('../images/x.png') no-repeat 6px 3px; padding-left: 0px; display: block; height: 21px; padding-top: 0px;}

#header2 {width:170px; right:0px; padding: 20px 0 0 20px; clear: both; display: block; font-family: Georgia, "Times New Roman", Times, serif;}
#header2 .nav-disabled, #header2 .nav-enabled { display: block; clear: both; text-align:left; color: #709A71; height: 500px;}

ul.nav {display: block; border: 1px solid #E6E6E6; text-transform: uppercase; height: 22px; background: #F3F3F3 url('../images/ui-menu.png') no-repeat 5px 3px; padding-left: 20px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
ul.nav li { display: block; float: left; height: 12px; padding: 5px 10px; border-right: 1px solid #E6E6E6; color: #666; position: relative;  }
ul.nav li a { color: #666;}
ul.nav li a:hover {color: #333; text-decoration: none;}

/* Subnav */
ul.nav li.btn a { background: url(../images/subnav_btn.gif) no-repeat right 4px; padding-right: 20px;}
ul.nav li.btn a:hover, ul.nav li.hover {background-position: right -35px;}
ul.nav li ul.dropdown {display: none; list-style: none; position: absolute; float: left; left: 0; top: 22px; width: 160px; background: #F3F3F3; margin: 0; padding: 0; border-left: 1px solid #E6E6E6; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB;}
ul.nav li ul.dropdown li { margin: 0; padding: 0; border-top: 1px solid #E6E6E6; clear: both; height: 14px; width: 139px; padding: 5px 10px; display: block;}
ul.nav li ul.dropdown li a { text-transform: none; background: transparent!important;}

html ul.nav li ul.dropdown li a {
	float: left;
}