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

body{
background: #000000;
/*background: #000000 url(my_images/front_page_test.jpg) no-repeat;*/ /*I put the bg pick on wrappe insteadr*/
margin:0;
padding:0;
line-height: 1.8em;
font-size: 0.8em;
color:#666666;
font-family: verdana, arial, sans- serif;
}

#wrapper { /*this is for the min-width!!*/
background: #000000 url(my_images/front_page.jpg) no-repeat;
	min-width: 1000px;
	max-width:1200px;/*if have max-witdth then the whole thng moves!!!!*/
	margin: 0 auto;}
	
.brighter{
font-family: verdana, arial, sans- serif;
font-size:1.3em;
letter-spacing:1px;
color:#666666;
font-weight:normal;
}
#topsection{
background: #000000;
height: 52px; /*Height of top section*/
width:100%;
}

#topsection h1{
margin: 0 0 0 10px;
padding-top: 10px;
color:#999966;
letter-spacing:23px;
font-family: verdana, arial, sans- serif;
font-weight:normal;
}

#contentwrapper{
/*float: left;*//*when i got rid of this then the content column came back up to the rgtinstead of dropping below the other 2*/
/*width: 100%;*/
min-width:100px;


}

#contentcolumn{
/*margin: 0 300px 0 360px;*/ /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin: 0;
max-width:94%;
padding:0 0 0 20px;  /*put this in for ie spacing? not sure if need*/
/*min-width:88%;*/
text-align: justify;
height:400px;
border:none;
background:none;
}
#contentcolumn p{
padding:10px 20px 0 0;
color:#333333;
}

#leftcolumn{
float: left;
width: 370px; /*Width of left column*/
/*margin-left: -100%;*/
margin:0;
padding:0;
background: none;
border: none;
border:none;
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
height:680px;
margin-left: 0; /*Set left marginto -(RightColumnWidth)*/
padding:0 10px 0 0;
background: none;
border:none;
}
#rightcolumn p{
color:green;

}
ul {
padding-top:6px;
}

li {
list-style-type: none;
color: #333333;
font-family: verdana, arial, sans- serif;
/*font-size:130%;*//*this worked bit not for ie?*/
font-size:1.2em;
	padding:2px;
	width: 200px;
	background:none;
	margin: 5px;
	border:none;
}

li a
{
    font-family: verdana, arial, sans- serif;
	font-size:1.2em;
	/*font-size:112%;*/
	color: #333333;
	text-decoration:none;
}

li a:visited {  /*visited and active fixes the dotted border in firefox*/
font-size:1.2em;
border:none;
outline:none;
}
li a:hover {
font-size:1.2em;
color:#000000;
background:url(my_images/link_bg.jpg);
}
li a:active {
font-size:1.2em;
border:none;
outline:none;

}

.label {
float:right;
/*margin:-60px 2px 0 0;/*so pic goes up into and behind text.but remember for this to work the pic has to be in the inner tube div!!*/
margin:20px;

}

#footer{
clear: left;
width: 100%;
font-size:100%;
background: black;
color: #333333;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #666666;
text-decoration:none;
}

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