/* CSS Document */

html, body {
	text-align: center;
	margin:0;
	padding:0;
	background-color: #000000;
}
td h1{font-size: 16px;}
td h2{font-size: 16px;}

td {

	font-size: 13px;

	line-height: 140%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FF66CC;

}

#page_bg {

	background-color:#000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #F7F7F7;

}

#container {

	margin-left:auto;

	margin-right:auto;

	width:800px;

	margin-top: 15px;

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #000000;

	text-align: left;

	background-attachment: scroll;

	margin-bottom: 50px;

}



div.logo{
	background-image: url(../images/logo-utopia.png);
	float: left;
	height: 70px;
	width: 300px;
	background-repeat: no-repeat;

}

div.search_outer{

	float: right;

	height: 70px;

	width: 300px;

	background-repeat: no-repeat;

}

div.search_inner{

	margin-top: 10px;

	margin-right: 25px;

}

#navbar{
	float: left;
	height: 40px;
	width: 800px;
	clear: both;
	vertical-align: middle;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #000000;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;

}
#navbar a{
	text-decortaion: none;
	text-decoration: none;
	color: #000000;
}
#navbar a:hover{color:#ffffff;}

div.nav_inner{

	padding-left: 4px;
        _padding-left: 4px;
        *padding-left: 4px;
font-size: 12px;
}

.componentheading {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #FF66CC;

}

.contentheading {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #FF66CC;

	height: 18px;

}

a:link {
	color: #33cc33;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #33cc33;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #33cc33;
	text-decoration: none;
	font-weight: bold;
}

div#leftcol a.mainlevel:link, div#leftcol a.mainlevel:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#leftcol a.mainlevel:hover {

	color: #FF66CC;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 8px;

}

#navbar a.mainlevel:link, #navbar a.mainlevel:visited {
	color: #ffffff;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal;
	line-height: 14px;
}

#navbar a.mainlevel:hover {

	color: #FF66CC;

	text-decoration: none;

	margin-bottom: 3px;

}

.botleft{
	background-position: right bottom;
	height: 14px;
	width: 14px;
	float: left;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #000000;
	border-bottom-color: #000000;
}

.bottom{
	background-position: center bottom;
	height: 14px;
	width: 799px;
	clear: both;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.botright{
	background-position: left bottom;
	height: 14px;
	width: 14px;
	float: right;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #333333;
	border-left-color: #000000;
}

.copy, .copy a:link, .copy a:visited,.copy a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	text-decoration: none;

}

#wrapper{

	clear: both;

	background-repeat: repeat-y;

	background-position: center bottom;

}

#leftcol{

	width: 140px;

	float: left;

	position: relative;

	text-align: left;

	margin: 0px;

	padding-left: 1px;

}

#mainbody{

	float: right;

	width: 800px;

	display: inline;

	position: relative;

padding-left: 0px;

	padding-right: 0px;

}
#mainbody a{
	color:#ffccff;
	text-decoration: none;
	font-weight: normal;
}
#mainbody a:hover {
	color:#FF0066;
	text-decoration: none;
	font-weight: normal;
}
#mainbody a:visited {
	text-decoration: none;
	font-weight: normal;
}

div#leftcol table.moduletable th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	width: 140px;

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 3px;

}

div.moduletable h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	margin: 0px;

	padding: 0px;

}

div.maindivider {

	margin-top: 0px;

	height: 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

div#leftcol table.moduletable {

	margin-bottom: 15px;

}

.createdate,.small{

	color: #666666;

	font-size: 10px;

	line-height: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.inputbox {

	background-color: #1D1D1D;

	border: 1px solid #3C3C3C;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #F060C0;

	line-height: 14px;

}
.designertoo{
display:block;
text-indent:-5000px;
text-decoration:none;
height:0;}
.button {

	background-color: #1D1D1D;

	border: 1px solid #3C3C3C;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	line-height: 14px;

	text-align: center;

	vertical-align: middle;

	text-transform: uppercase;

	padding: 2px;

}

.readon {

	font-size: 10px;

}

.sectiontableheader {

	background-color: #202020;

	color: #CCCCCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.sectiontableentry1 td {

	color: #CCCCCC;

	padding: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	background-color: #0C0C0C;

}

.sectiontableentry2 td {

	color: #CCCCCC;

	padding: 8px;

	border-bottom-width: 1px;

	border-bottom-color: #333333;

	border-bottom-style: solid;

	background-color: #0C0C0C;

}



/* *** Float containers fix:

http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix{display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  


.designer{color: #666;}
.designer a:link,.designer a:visited{color: #666;font-size: 0.8em;text-decoration: none;}
.designer a:hover{color: #666;}


textarea {
	width: 450px;
	height: 150px;
}
td .componentheading {color: #FF66CC;}