body {
background: #ffffff;
font-family: calibri, arial, helvetica, sans-serif;
font-size: 14px;
color: #242424;
line-height: 1.3em;
margin: 0;
padding: 0;
background: url(../images/bg_page.gif) repeat-y;
}



/***** Wrappers *****/

#mainWrapper {
width: 950px; /*Width of main container*/
background: #fefefe url(../images/bg_main.gif) repeat-x;
}

#index #mainWrapper {
width: 950px; /*Width of main container*/
}

#index #header {
height: 371px; /*Height of top section*/
text-align: left;
}

#header {
height: 270px; /*Height of top section*/
text-align: left;
}

#contentWrapper {
float: left;
width: 100%;
}

#contentColumn {
margin: 0 300px 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#rightColumn {
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
text-align: center;
padding: 35px 0;
}


#footer {
clear: left;
width: 880px;
background: #e3e0d1 url(../images/bg_footer.gif) repeat-x;
color: #58595b;
padding: 25px 35px 30px 35px;
font-size: 0.8em;
line-height: 1.2em;
}

#credits {
float: right;
}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #00853e;
}

#contentColumn .innertube {
margin: 0 35px 35px 35px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.panel {
width: 267px;
display: block;
margin: 0;
padding: 0;
background: url(../images/panel_bg.gif) repeat-y;
background-position: center;
margin: 0 auto; /*Center container on page*/
font-size: 13px;
line-height: 1.3em;
}


/***** Styles & Formatting *****/

h1 {
display: block;
font-family: Georgia, Times, Times New Roman, serif;
color: #be3e1b;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
background: url(../images/header_line.gif) repeat-x;
background-position: bottom left;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
}

h2 {
display: block;
font-family: Georgia, Times, Times New Roman, serif;
color: #be3e1b;
font-size: 20px;
text-align: center;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 0.5em 0;
padding: 0;
}

h3 {
display: block;
font-family: Georgia, Times, Times New Roman, serif;
color: #be3e1b;
font-size: 18px;
font-weight: normal;
margin: 1.5em 0 0 0;
}

h4 {
font-family: Helvetica-Light, Helvetica, Arial, sans-serif;
color: #727a7d;
font-size: 1.5em;
font-weight: normal;
margin: 0;
padding: 0;
}

h5 {
font-family: Arial, helvetica, sans-serif;
background: #727a7d;
color: #ffffff;
display: block;
font-size: 1.1em;
font-weight: 600;
margin: 0;
padding: 3px 8px;
}


p {
margin: 0.9em 0;
}

.panel p {
margin: 1.2em 18px 0 18px;
text-align: left;
}

#rightColumn ul {
list-style: none;
margin: 0.5em 0 1.5em 0;
padding: 0;
}

#rightColumn ul li {
background: url(../images/bullet_green.gif) no-repeat;
background-position: left center;
padding-left: 1.3em;
margin: 0.3em 0;
}


/* Lists */

#contentColumn ul {
list-style: none;
margin: 0.5em 0 1.5em 0;
padding: 0;
}

#contentColumn ul li {
background: url(../images/bullet_green.gif) no-repeat;
background-position: left center;
padding-left: 1.3em;
margin: 0.3em 0;
}



/***** Link Styles *****/

a:link, a:visited {
color: #7a9722;
}

a:hover, a:active {
color: #7a9722;
}

#rightColumn a:link, #rightColumn a:visited {
color: #be3e1b;
}

#rightColumn a:hover, #rightColumn a:active {
color: #7a9722;
}




/* Navigation Styles */

#index #mainNav {
display: block;
height: 51px;
background: url(../images/bg_navbar.jpg) no-repeat;
}

#mainNav {
display: block;
height: 51px;
background: url(../images/bg_navbar_inside.jpg) no-repeat;
}

#index #mainNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#mainNav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 800px;
}

#mainNav ul li {
display: block;
float: left;
}

#mainNav ul li a {
font-family: Georgia, Times New Roman, Times, serif;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
display: block;
padding: 16px 30px 17px 30px;
margin: 0;
text-decoration: none;
}


#mainNav ul li a:visited {
color: #ffffff;
}

#mainNav ul li a:hover, .homeNav ul li a:active {
background: url(../images/bg_nav_over.gif) repeat-x;
background-position: center left;
}


/***** Forms *****/



.cssform strong {
background: url(../images/input-bottom-left.gif) no-repeat 0 100%;
display: block;
float: left;
}

.cssform strong em {
background: url(../images/input-top-right.gif) no-repeat 100% 0;
display: block;
float: left;
}

.cssform strong em span {
background: url(../images/input-bottom-right.gif) no-repeat 100% 100%;
display: block;
float: left;
}

.cssform strong em span span {
background: url(../images/input-top-left.gif) no-repeat;
display: block;
float: left;
}

.cssform input, select, textarea {
margin: 1px 3px;
border: 1px solid #fff;
}

.cssform br {
clear: both;
} 


.cssform p {
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 135px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label {
float: left;
margin-left: -135px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: right;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea {
width: 250px;
height: 150px;
}

#dateInput input[type="text"], .cssform select {
width: 50px;
border: solid 1px #999999;
}

.btnReset {
cursor:pointer;
border: none;
color:#000000;
font-weight:normal;
font-size: 11px;
text-transform: uppercase;
padding: 4px 0;
text-align: center;
width: 70px;
background: url(../images/bg_reset.jpg) no-repeat left top;
margin: 0 0 0 10px;
}

.btnSubmit {
cursor:pointer;
border: none;
color:#000000;
font-weight:normal;
font-size: 11px;
text-transform: uppercase;
padding: 4px 0;
text-align: center;
width: 70px;
background: url(../images/bg_submit.jpg) no-repeat left top;
margin: 0 0 0 10px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}