@import url('http://www.bmdesign.org/files/cssReset/reset.css');

body {
 background: #fff;
 color: #555555;
 font-family: helvetica, 'Trebuchet MS', Tahoma, Arial, sans-serif;
 font-size: 13pt;
 line-height: 1.4em;
 }

#background {
 background: url(../images/bg.png) repeat-y;
 width: 1200px;
 height: auto;
 overflow: hidden;
 margin: 0 auto;
}
/* HEAD FOOT START */

#header {
 width: 966px;
 border: 1px solid #bdbdbd;
 border-top: 0 none;
 /*-moz-border-radius: 0 0 8px 8px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;*/
 margin: -1px auto 0;
 height: 100px;
 background: url(../images/head_bg.png);
 }

#logoLeft {
 float: left;
 margin: 9px  0 7px 19px;
 }

#navRight {
 float: right;
 }

#footer {
 margin: 10px auto 0;
 text-align: center;
 font-size: 80%;
 color: #555;
 font-family: 'Trebuchet MS', Tahoma;
 }

/* HEAD FOOT END */

/* NAV START */

#navRight ul {
 float: left;
 float: right;
 margin: 67px 14px 0 0;
 }

#navRight li {
 float: left;
 list-style: none;
 text-transform: capitalize;
 }

#navRight a {
 text-decoration: none;
 float: left;
 margin: 0 1px;
 padding: 6px 6px 3px;
 color: #555555;
 }

#navRight .on {
 background: #8DC63F !important;
 text-shadow: 1px 1px 0 #999 !important;
 color: #fff;
 padding: 5px 5px 3px;
 border: 1px solid #BDBDBD !important;
 border-bottom: 0;
 }
#navRight a:hover {
 background: #f57b20;
 text-shadow: 1px 1px 0 #888;
 color: #fff;
 padding: 5px 5px 3px;
 border: 1px solid #acacac;
 border-bottom: 0;
 }
 
#postNav {
 padding: 5px 15px 0 0;
 }

/* NAV END */

/* HTML ELEMENTS */

a {
 color: #66902E;
 }

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

#postNav a {
 color: #555555 !important;
 text-decoration: underline;
 }

a.returnTop {
 font-size: 40% !important;
 text-transform: lowercase !important;
 color: #25AAE1 !important;
 font-style: normal;
 letter-spacing: 0;
 width: 50px;
 text-shadow: 0 0 0;
 }

h1 {
 font-size: 1.5em;
 font-family: verdena;
 color: #111;
 text-transform: uppercase;
 margin: 0 0 6px;
 }
h5 {
 font-size: 1.55em;
 text-shadow: 1px 1px 0 #aaa;
 font-family: verdena;
 color: #111;
 font-style: italic;
 letter-spacing: 2px;
 padding: 3px;
 text-align: left;
 text-transform: uppercase;
 border-bottom: 1px dashed #aaa;
 margin: 0 0 6px;
 }
#rightColumn h1 {
 text-align: center;
 }

h1.fade {
 text-align: center;
 height: 30px;
 background: #F57B20; 
 color: #fff;
 position: absolute;
 top: 100px;
 left: 0;
 width: 100%;
 }

h1.fadeIn {
 display: none;
 text-align: center;
 color: #F57B20;
 position: absolute;
 top: 100px;
 left: 0; 
 width: 100%;
 height: 30px;
 }

h2 {
 font-size: 1.2em;
 font-family: Tahoma;
 color: #222;
 }

#rightColumn h2 {
 font-size: 0.9em;
 text-align: left;
 padding: 0 0 3px;
 }

h3 {
 font-size: 1.1em;
 font-family: 'trebuchet ms';
 color: #333;
 text-transform: lowercase;
 }

p {
 line-height: 1.4em;
 }

p.instructor {
 border-bottom: 1px dotted #bbb;
 padding: 0 0 15px;
 }

#rightColumn p {
 font-size: 90%;
 padding: 0 0 10px;
 } 

#signupForm form {
 font-family: helvetica, arial;
 font-size: 90%;
 color: #666;
 font-weight: bold;
 }

/*
#signupForm input, select {
 padding: 3px;
 border: 2px solid #ddd;
 font-size: 110%;
 font-family: helvetica, arial, sans-serif;
 color: #999;
 font-weight: bolder;
 }
*/

#signupForm input.idleField, #signupForm select {
 padding: 3px;
 border: 2px solid #ddd;
 font-size: 110%;
 font-family: helvetica, arial, sans-serif;
 color: #999;
 font-weight: bolder;
 }

#signupForm .short, .shorter {
 padding: 3px;
 border: 2px solid #ddd;
 font-size: 110%;
 font-family: helvetica, arial, sans-serif;
 color: #999;
 font-weight: bold;
 width: 5%;
 text-align: center;
 }

/*
#signupForm input:focus, #signupForm select:focus {
 border: 2px solid #F58532;
 background: #FFF;
 color: #F58532;
 }
*/

#signupForm input.focusField, #signupForm select.focusField {
 padding: 3px;
 border: 2px solid #F58532 !important;
 background: #FFF;
 color: #F58532;
 font-size: 110%;
 font-weight: bolder;
 font-family: helvetica, arial, sans-serif;
 }

#signupForm .off {
 border: 0 none;
 margin: 5px 0 0 0;
 }

#signupForm .phone {
 width: 23%;
 }

.errorRequired {
 border: 2px solid #ff0000 !important;
 }

#signupForm .submit {
 background: #ccc;
 padding: 3px;
 color: #333;
 border: 1px solid #555;
 }

#signupForm .submit:hover {
 color: #666;
 border: 1px solid #888;
 background: #bbb;
 cursor: pointer;
 }

/* HTML END */

/* CONTENT START */
#preContent {
 text-align: right;
 width: 966px;
 margin: 0 auto;
 font-size: 88%;
 text-transform: lowercase;
 height: 30px;
 background: url(../images/bodybg.png) no-repeat;
 }

#content {
 /*-moz-border-radius: 8px;
 -webkit-border-radius: 8px;*/
 width: 966px;
 /*border: 1px solid #BDBDBD;*/
 margin: 0 auto 0;
 height: auto;
 overflow: hidden;
 background: #fff;
 }

#leftColumn {
 float: left;
 width: 650px;
 padding: 5px 10px 10px 0;
 margin: 5px auto 0;
 padding: 5px 10px 10px;
 /*border-right: 2px solid #eeeeee;*/
 }

#rightColumn {
 float: left;
 width: 286px;
 padding: 5px 0 10px 10px;
 margin: 5px auto 0 ;
 }

#newsPost {
 padding: 8px;
 background: #eee;
 margin: 7px 0;
 border: 1px solid #BDBDBD;
 }

#newsPost:hover {
 cursor: help;
 }

.myList {
 margin: 0 auto 0;
 color: #555;
 padding: 10px;
 }

#mailingList li {
 }

.required {
 color: #F57B20;
 }

#signupForm {
 background: #f9f9f9;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border: 1px solid #f0f0f0;
 padding: 10px;
 width: 80%;
 margin: 0 auto;
 }

.label {
 float: left;
 clear: left;
 width: 15em;
 margin: 3px 5px 0 0;
 text-align: right;
 font-weight: bold;
 }

.small {
 font-size: 80%;
 }

/* CONTENT END */

/* LOG IN / OUT */

#logInBox {
 position: fixed;
 top: 0;
 right: 0;
 padding: 3px 3px 3px 4px;
 font-size: 60%;
 text-transform: uppercase;
 background: #fff;
 border: 1px solid #ccc;
 border-right: none;
 border-top: none;
 -moz-border-radius: 0 0 0 8px;
 -webkit-border-bottom-left-radius: 8px;
 line-height: 1em;
 }

#logInBox a {
 text-decoration: none;
 }