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

body{
margin:0;
padding-top:10px;
line-height: 1.2em;
background-color:#131313;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#684826;
text-decoration:none;
font-weight:normal;}


#maincontainer{
width: 779px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-image:url(images/background.gif);
background-repeat:repeat-y;
}

#logo{
width:200px;
height:35px;
float:left;
padding: 24px 0 0 20px;
} 

#topsection{
background: #EAEAEA;
height: 63px; /*Height of top section*/
background-image:url(images/title.gif);
background-repeat:no-repeat;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#imagebar{
background: #131313;
height: 254px; /*Height of top section*/
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#titlebar{
background: #EAEAEA;
height: 50px; /*Height of top section*/
padding: 0 0 0 0;
margin: 0 0 0 0;
}



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

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 249px; /*Width of right column*/
margin-left: -249px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
background-image:url(images/rightbackground.gif);
background-repeat:repeat-y;
}

#signup{

background-image:url(images/signup.gif);
height:56px;
width:530px;
}

#nav{

background-image: url(images/nav.gif);
background-repeat: no-repeat;
width:234px;
padding:0 0 0 0;
margin:0 0 0 0;
}

#footer{
clear: left;
width: 100%;
height: 21px;
background: black;
color: #FFF;
text-align: center;
background-image:url(images/footer.gif);
}

#form {
margin-top:25px;
float:right;
width:390px;
height:30px;

}

#base {
text-align: center;
background-color:#131313;
}

#footer a{
color: #FFFF80;
}

.innertubeleft{
margin-left: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
margin-right: 80px;
}

.innertuberight{
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;

}


.toptube{
/*Margins for inner DIV inside each column (to provide padding)*/
margin-right:30px;
padding-top:20px;
text-align:right;

}


.glossymenu{
list-style-type: none;
margin: 0px 0;
padding-left: 1px;
width: 223px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;

}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: 0.8em Verdana, Helvetica, sans-serif;
line-height:1.7em;
color: #070819;
display: block;
width: auto;
padding: 3px 0;
padding-left: 29px;
text-decoration: none;
margin:0 0 0 0;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 194px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}
.navtext {font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
color:#785632}

.navtext A:link {text-decoration: none;color:#785632;}
.navtext A:visited {text-decoration: none;color:#785632;}
.navtext A:active {text-decoration: none;color:#785632;}
.navtext A:hover {text-decoration: underline;color:#785632;}

.basetext {font-family: Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#999999;}

.basetext A:link {text-decoration: none;color:#999999; margin-right:15px;}
.basetext A:visited {text-decoration: none;color:#999999; margin-right:15px;}
.basetext A:active {text-decoration: none;color:#999999; margin-right:15px;}
.basetext A:hover {text-decoration: underline;color:#999999; margin-right:15px;}





.maintext {font-family: Arial, Helvetica, sans-serif;
font-size:0.8em; text-align:justify; color:#565656}


.maintext A:link {color:#a37051; text-decoration:underline; font-weight:bold; }
.maintext A:visited {color:#a37051; text-decoration:underline; font-weight:bold;}
.maintext A:active {color:#a37051; text-decoration:underline; font-weight:bold; }
.maintext A:hover {color:#a37051; text-decoration:underline; font-weight:bold; }

/*Begin Forms*/
.border {
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
	color:#666666;
	background-color:#fffea8;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:160%;
	height:14px;
	width:70px;
	margin-right:5px;
	margin-left:5px;
	}
	
input.border:focus	{
	background: #fff;
	border: 1px solid #595959;
}

input:hover {
	background-color:#fdda04;
	}
	
textarea:hover {
	background-color:#fff;
	}

textarea.borders:focus	{
	background: #fff;
	border: 1px solid #595959;
}

.borders {
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
	color:#666666;
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:130%;
	height:14px;
	width:60px;
	}
	
.formborder {
    border-style:solid;
    border-width:1px;
    border-color:#fff;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:130%;
	height:18px;
	width:40px;
	padding-bottom:1px;
	background-color:#0b0503;
	}
	
.formborder:hover {
    border-style:solid;
    border-width:1px;
    border-color:#fff;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:130%;
	height:18px;
	width:40px;
	padding-bottom:1px;
	background-color:#f89d01;
	}
.formtext {font-family: Arial, Helvetica, sans-serif;
font-size:10px;

color:#ffffff;
letter-spacing: 0px; }