body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #EAEAEA;
height: 130px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#menu{position:relative;display:block;height:30px;font-size:15px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;}
#menu ul li a{display:block;float:left;color:#000;text-decoration:none;padding:2px 20px 0 20px;height:24px;}
#menu ul li a:hover,#menu ul li a.current{color:#fff;background:transparent url(images/bgON.gif) repeat-x top left;}
#menu b{display:block;float:right;height:24px;padding:2px 20px 0 20px;margin-right:10px;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

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

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

#rightcolumn{
float: left;
width: 270px; /*Width of right column in pixels*/
margin-top: -10px;
margin-left: -270px; /*Set left margin to -(RightColumnWidth) */
background: #DDDDDD;
}

#sidemenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	width: 200px;
	border: 1px solid #ccc;
	margin: 10px;
	}

#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidemenu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#sidemenu li a:link, #sidemenu li a:visited {
	color: #888;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#sidemenu li a:hover, #sidemenu li a:active{
	color: #283A50;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

#sidemenusub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 200px;
	margin: 0;
	}

#sidemenusub ul {
	list-style: none;
	margin: 0;
	padding: 1px 0 5px 15px;
	}

#sidemenusub ul li a.current{
	color: #4444AA;
	background: url(images/menu3.gif);
	padding: 8px 0 0 30px;
	}

#footer{
clear: left;
width: 100%;
background: #888888;
color: #FFFFFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}


.cssform p{
margin-left: auto;
margin-right: auto;
width: 120px;
clear: left;
padding: 5px 0 8px 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 485px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -455px; /*width of left column*/
width: 430px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

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

.cssform textarea{
width: 230px;
height: 150px;
margin-left: -125px;
}

/*.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;
}

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