

* {margin:0; padding:0;}  /* removes default padding/margins */

body {

                margin: 0; padding: 0;
                /* background: #5e482d url(../images/splash.jpg) repeat-x top left; */
                /*background: #7B8E44 url(../images/splash.jpg) repeat-x top left; */
                background: #969357 url(../images/splash.jpg) repeat-x top left;
                text-align:center;
                font: 14px;
                font-family: verdana;
                color:#000000;

}

 

td, th, input, select, textarea, div, p {

 font-family: verdana;
 font-size: 14px;

}

 

p {

 margin-left: 0px;
 marign-right: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
 font: 14px, verdana;
 font-size: 14px;
/*color:#35471d;*/
 color: #000000;

}

 

/* =Headings
----------------------------------------------- */	
h1 {
	font: bold 30px arial black;
	color: #336633;
 	padding: 0;
	margin: 0 0 15px 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
}

#header h1 {
text-indent: -9999em;
height: 166px;
border: none;
}

.home { 
	border-top: none;
	margin-top: 9px;
	margin-left: 40px;
}

h2 {margin-left: auto;
margin-right: auto; }

h2 img { margin-left: -50px;}
h2 {
/*font-family: Sans-serif;*/
font: bold 20px sans-serif;
color:#228822;}


 h3 {  
 font: bold 17px verdana ,Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	color:#969b59;
	text-align: center;
}

 h3 a {  
 font: bold 17px verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	color:#969b59;
	text-align: center;
	text-decorate: underline;
}

 h4 {  
 font: bold 17px verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	color:#003300;
	text-align: center;
}

 h4 a {  
 font: bold 17px verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
  color: #003300;
	text-align: center;
	text-decorate: underline;
}

#column1 h3 {
 margin: 6px 0 10px 6px;
}

/* =Structure
----------------------------------------------- */	
#wrapper1 {
 margin-left: auto;
 margin-right: auto;
	text-align: justify;	
}	

#wrapper {
 width: 674px;
border: 2px solid #000000;
 margin-left: auto;
 margin-right: auto;
 text-align: justify;	
}

#wrapper2 {
 width: 780px;
/* border: 2px solid #000000; */
 margin-left: auto;
 margin-right: auto;
 text-align: justify;
}


/* Bkgd Image - home */
#bkgd {
margin-left: auto;
margin-right: auto;
	background: url(../images/header.jpg) no-repeat center top;
	height: 250px;
}

#bkgd2 {  /* fixes 1 pixel shift bug */

 background: url(../images/header.jpg) no-repeat center top;
 height: 250px;
} 



#header {
 margin: 0;
}



/* Content Area */
#content_header {
	background: url(../images/body_header.jpg) no-repeat;
  border-bottom: 2px solid #003300; 
	height: 132px;
	width: 674px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#content_header_with_loginbutton {
	background: url(../images/body_header.jpg) no-repeat;
	border-bottom: 2px solid #003300; 
	height: 132px;
	width: 674px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	background: url(../images/body.jpg) repeat-y;
	width: 674px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#content2 {
	background: url(../images/body2.png) repeat-y;
	width: 780px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#content_footer {
	background: url(../images/body.jpg) repeat-y; 
	height: 72px;
	width: 674px;
	margin-left: auto;
	margin-right: auto;
}


#quote {
background-color: #d9ddbe;
border: 1px double #ffffff;
padding: 20px; 
margin-bottom: 20px;
margin-top: 20px;
}


#introbanner{
width: 525px;
margin-left: 70px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#introbanner2{
width: 730px;
margin-left: 15px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


.introcontent { /* shows if Flash isn't enabled */
 color: #999;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 800px;}




/* Footer Area */
#footer {
	font-size: 10px;
	clear: both;
	height: 40px;
	padding: 0;
	color:#FFFFFF;
	margin-top: -10px;

}


.footerHome {	background: url(../images/body.jpg) repeat-y;  
height: 10px;
width: 674px;
margin-left: auto;
margin-right: auto; } /* sets correct bkgd image */

#footLinks {
	clear: right;
	padding: 32px 0 0 7px;
	position:absolute;
	z-index:100;
}

.footLinkBox {
	float: left;
}

.linkBox1 { width: 90px }
.linkBox2 { width: 140px }
.linkBox3 { width: 100px }

.copyright {
	float: left;
	color: #ffffff;
	margin: 15px 0 0 11px;
	padding: 6px 0 0 0;
	width: 390px;
	line-height: 1.6em;
}

* html .copyright { 	margin: 15px 0 0 7px; }

#footLogos {width: 30%;	float: right; margin: 28px 15px 0 0; position:relative;	z-index:100;}
* html #footLogos {width: 30%;	float: right; margin: 28px 10px 0 0; position:relative;	z-index:100;}


#footLogos img { float: right }



/* =Navigation
----------------------------------------------- */

/* Main Nav */




ul.content {
margin-left: 50px;
list-style: bullet;
font-size: 14px;
color:#000000;
}

ul.content li {
line-height: 20px;
font-size: 14px;
margin-top: 10px; }

#footer ul {
 margin-left: 3px;
 padding: 0 0 0 10px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
	color: black;
}

#footer ul li {
 padding-left: 10px;
 background-image: url(../images/bullet_footer.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 7px 0;
}


#footer a   { text-decoration: none; color: #fff }
#footer a:hover  { text-decoration: none; color: #000; border-bottom: 1px solid #000 }



/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}



.clear { clear: both }

.pageTop {
 float: right;
	margin: -25px 0 0 0;	
}

.pageTop2 {
	margin: -8px 0 10px 0;	
}

* {outline:none;} /* no outline on linked images when clicked in Firefox */	   

#commentForm
{
  margin: 0px 20px 0px 20px;
  display: none;
}

#commentForm h2 img
{
width: 624px;
  margin-left: -70px; 
}

#noneofthis {
margin-left: -60px;}



#signup_form, .awesomeform{
margin-top: 20px;
margin-bottom: 10px;
width: 360px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: none; }


#signup_form label, .awesomeform label {
float: left;
margin-bottom: 5px;
width: 140px;
text-align: left;
color: #336633;
font-size: 12px;
font-weight: bold;
}

 

#signup_form input, .awesomeform input {
font-size: 12px;
margin-left: 5px;
width: 180px;
margin-bottom: 5px;
}

#signup_form ul {
list-style: none; }


.formError {
float: right;
display: block;
width: 120px;
text-align: left;
margin-left: 10px;
margin-right: 180px;
font-style: italic;
color:#990000; 
margin-top: -20px;
}

#payments {
margin-left: -10px; }

#cani {
margin-left: -45px; }

#bullet { margin-left: 150px;
color: #003300;}

p.bullet {margin-top: 0px;
color: #003300;}

#nav {
margin-top: 0px;
margin-left: -45px;
padding-left: 12px;
height: 50px; 
width:624px;
background: url(../images/nav.jpg) no-repeat;
display: block;
margin-bottom: 0px;
}

#nav ul.nav {
background: #000066;
width: 300px;
display: inline;
list-style: none; }

#nav ul.nav li{
float: left;
display: block;
color: #000000; 
text-align: -9999px;
padding: 10px;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;}

#nav ul.nav li a{
margin-top: 10px;
text-decoration: none;
color: #000000; 
font-family: verdana;
font-size: 14px;
text-align: -9999em;
color:#003300;
 
}


#nav ul.nav li a:hover {
/*background: #c5d498;*/
background: #228822;
color: #FFFFFF;
}


#column_guides {
width: 600px;
font-size: 14px;
padding: 10px;
margin-right: 15px;
margin-top: 15px;
margin-left: -52px;
background-color: #d4e3a6;
border: 3px solid #948d56;
font-size: 14px;
}

#column_guides ol.toc {
display: block;
color:#6e643f;
font-size: 14px;
background-color: #d4e3a6;

}

#column_guides li{
display: block;
color:#6e643f;
background-color: #d4e3a6;

}

#column_guides li a, #colum_guides li a:visited{
text-decoration: underline;
color:#6e643f;
}


#column_content {
width: 540px;

margin-left: 0px; }

ol.content {
margin-left: 50px;
font-size: 14px;
color:#003300;}

ol.content li {
font-size: 14px;
margin-top: 10px;}

img.big {
margin-left: -50px; }

img.sig {
margin-left: -67px; }


#button a, #button a:visited, #button a:hover {
color: #e2e9ca;
text-decoration: none; }


#boxify {
 width: 440px;
 margin-left: auto;
 margin-right: auto;
 border: 3px solid #336600;
background: #d9ddbe;
 padding: 5px;
}

p.sig {
font-size: 14px;
}

#index {
    padding: 15px 0px 20px 0px;
}

#index h1 {
    font-size:14pt;
}

.big { font-size:12pt; line-height:1.3em; }

.lcol { width:300px; float:left; }
.rcol { width:210px; float:right; }
.clear { clear:both; }
.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; }

.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}

.adminform{
margin-top: 15px;
margin-bottom: 5px;
width: 290px;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 0px;
font-size: 12px;
font-weight: bold; }

.adminform label {
float: left;
width: 110px;
text-align: left;
color: #003300;
font-size: 12px;
}

.adminform input {
margin-left: 0px;
width: 170px;
font-size: 12px;
margin-bottom: 5px;
}

/* styling of the container. */
a.myPlayer {
    border:2px solid #CCC;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
    border:2px solid #000;
}