﻿


body {
font-size:11px;
font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
background:url(images/allback.jpg) top center no-repeat;
background-color:#000000;
margin:0 auto;
padding:0;
}
#wrapper {
	margin:0 auto;
	text-align:center;
	width:974px;
}

#top {
	width:974px;
	height:20px;
	text-align:right;
	padding-top:50px;
	color:#ffcc00;
}
#top a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
#top a:hover {
	color:#ffcc00;
}

#logo {
	background:url(images/colorsontheweb.jpg) no-repeat;
	width:974px;
	height:95px;
	clear:both;
}

#topads {
	background:url(images/topadsback.gif) no-repeat;
	width:969px;
	height:28px;
	clear:both;
	text-align:left;
	padding-top:10px;
	padding-left:5px;
}
#topads input {
	border:1px solid black;
	background:url(images/searchback.gif) repeat-x;
	color:#555555;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
	
	
}

.alignright {
	float:right;
	margin:5px 0;
}

.alignleft {
	float:left;
	margin:5px 5px;
}


.rollover {
	border:0;
}

#bottomads
{
}

#breadcrumb {
	background:url(images/breadcrumbback.jpg) no-repeat;
	width:764px;
	height:24px;
	padding-top:5px;
	text-align:left;
	padding-left:210px;
		color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#breadcrumb a{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#breadcrumb a:hover {
	color:#ffba36;
}


#content {
	background:url(images/contentback.gif) no-repeat;
	width:974px;
	background-color:#202020;
	padding-top:20px;
}

#left {
	float:left;
	width:190px;
}
#right {
	float:right;
	width:744px;
	padding:0 20px;
	color:#ffffff;
	font-family:Arial, tahoma,verdana, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:19px;

}

#right a {
	color:#ffba36;
	text-decoration:underlined;
	font-weight:bold;
	font-size:13px;

}

.homesquare {
	background:url(images/homesquareback.gif) no-repeat;
	width:195px;
	height:253px;
	float:left;
	margin-right:12px;
	padding:20px 20px 0 20px;
	font-size:11px;
	line-height:15px;
}

.bigbox {
	float:right;
	margin:10px;
}

.homesquare .title {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	display:block;
}
.homesquare a {
	line-height:30px;
}

.filler {
	clear:both;
}


.bottombar {
	background:url(images/bottombar.jpg) no-repeat;
	width:974px;
	height:55px;
}

h1 {
	color:#599fdf;
	font-size:22px;
	font-weight:bold;
	display:block;
	clear:right;
	text-align:left;
}

h2 {
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:left;
	line-height:20px;
	border:0px solid red;
	margin:0;
	padding:0;
}

.intro {
	background:url(images/introback.gif) repeat-x;
	border:1px solid #3f3f3f;
	width:688px;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	color:#ffffff;
	text-align:left;
	padding:15px 20px;
	background-color:#3d3d3d;
}
.introfooter {
	background:url(images/introfooter.gif) repeat-x;
	height:30px;
	width:730px;
}

.footer {
	height:30px;
	color:#ffffff;
	line-height:30px;
}
.footer a {
	color:#ffffff;
}


.Superfish #nav {
height:49px;
width: 947px;
margin: 0;
float:left;
background:url(images/menuback.gif);
padding-left:27px;
display:block;
}
#nav ul#Superfish {	padding:0 0 0 0;margin:0;list-style:none;float:left;top: 0px;left: 0;}
/* distance between main buttons */
#nav ul#Superfish li {	margin:0px 0px;}
#nav ul#Superfish ul li {	margin: 0;}
#nav a:link, #nav a:visited, #nav a:hover {	text-decoration: none;}

/*main level buttons*/
ul#Superfish li a span {
	color: #353535;
	font-size: 12px;
	font-family:"trebuchet ms", tahoma, arial, sans-serif;
	display: block;
	padding-top:2px;
	z-index:1;
}
/*main level buttons on mouseover*/
ul#Superfish li#sfhover a:visited span,ul#Superfish li#sfhover a:link span {
	color: #353535;
	position: relative;
	padding-top:2px;
		z-index:1;

}
/*main level buttons when active*/
ul#Superfish li a.active span {
	color: #666;
	padding-top:2px;	
	z-index:1;
}
/*all buttons in menu. No need to change*/
ul#Superfish li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	background: transparent ;
}
/* do not change */
ul#Superfish li a  span {
	display: block;
	position: relative;
}
/* fixing hover in ie7 */
ul#Superfish li#sfhover a.active:hover {
	border: none;
}
/* all buttons - styling of submenu - height of main menu */
ul#Superfish li a:link,
ul#Superfish li a:visited,
ul#Superfish li a:hover {
	overflow: hidden;
	background-color: transparent;
	clear: left;
	float: left;
	display: block;
	line-height: 30px;
	font-weight: normal;
	font-size: 11px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	background: transparent ;
	z-index:1000;
}
/* hover in main menu + submenu - do not change */
ul#Superfish li#sfhover a:link,
ul#Superfish li#sfhover a:visited,
ul#Superfish li#sfhover a:hover {
	display: block;
	text-decoration: none;
}
/* set padding and background in main menu */
ul#Superfish li a:link span,
ul#Superfish li a:visited span,
ul#Superfish li a:hover span {
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	cursor: pointer;	
	
}
/* background and right edge of main buttons - active and mouseover*/
ul#Superfish li#sfhover, 
ul#Superfish li.sfHover,
ul#Superfish li.nav-child-active,
ul#Superfish li#sfhover.nav-child-active,
ul#Superfish li.nav-active,
ul#Superfish li#sfhover.nav-active,
ul#Superfish li#sfhover.nav-child-active,
ul#Superfish li#sfhover.nav-active {
	position: relative;
	background: transparent ;
		z-index:10000;
}
/* left edge of main buttons - active and mouseover */
ul#Superfish li#sfhover a:hover, 
ul#Superfish li.sfHover a:hover, 
ul#Superfish li.sfHover a:link, 
ul#Superfish li.sfHover a:visited,
ul#Superfish li a.active:link,
ul#Superfish li a.active:visited,
ul#Superfish li a.active:hover
{
	background: transparent ;
	color: black;
	display: block;
}


/* mouseover of active main button - do not change*/
ul#Superfish li#sfhover a.active:hover,
ul#Superfish li.sfHover a.active:hover {
	text-decoration: none;
}
/*box for whole submenu - top/left for position relative to main button*/
ul#Superfish ul {
	display: none;
	position: absolute;
	top: 45px;
	left: 0px;
	float:left;
	width: 130px;
	line-height: 22px;
	background: url(images/submenu_back.png) no-repeat bottom left #D8EBFA;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-bottom:8px;
	padding-left:0;
	margin:0;
	background-color:transparent;
	z-index:10000;
}
/* puts the 2nd level sub in right place - adjust if you change width of submenus*/
ul#Superfish li ul li ul {
	display: none;
	top: -1px;
	left: 130px;
}
/*each button in submenu - adjust border colors here */
ul#Superfish li ul li {
	margin: 0;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #0f0f11;
	line-height: 22px;
	display: block;
	width: 130px;
	background: none transparent;
	cursor: pointer;
		z-index:10000;
}
/*each button in submenu - adjust height of sub buttons here */
ul#Superfish li#sfhover ul li a:link, 
ul#Superfish li#sfhover ul li a:visited, 
ul#Superfish li.sfHover ul li a:link, 
ul#Superfish li.sfHover ul li a:visited {
	color: #c7c9cf;
	display: block;
	background: none transparent;
	line-height: 22px;
	font-weight: normal;
	width: 120px;
	text-align:left;
	padding-left:10px;
	clear:both;
	float:left;
	margin:0;
		z-index:10000;
	
}
/* do not change */
ul#Superfish li ul li#sfhover {
	background: none transparent;
}

ul#Superfish li.sfHover ul li {
	line-height: 22px;
	background: none;
}
/*arrows for mothers*/
ul#Superfish li ul li.nav-mother,#Superfish li#sfhover ul li.nav-mother {
	background: url(arrow.gif) no-repeat 120px;
}
/* mouseover for submenu */
ul#Superfish li#sfhover ul li#sfhover,#Superfish li#sfhover ul li.nav-active{
	background: #feb000 none;
	color:#000000;
}

/* mouseover of submenu button with 2nd level sub */
ul#Superfish li#sfhover ul li#sfhover.nav-mother,
{
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: 130px;
}
/* do not change (submenu mouseover textcolor in ie) */
ul#Superfish li ul li#sfhover a:link, 
ul#Superfish li ul li#sfhover a:visited,
ul#Superfish li ul li#sfhover a:hover {
	background: none;
	color: #ffffff;
}

@media print {
	#left {display:none;}
	#nav {display:none;}
		#top {display:none;}
			#superfish {display:none;}
	#breadcrumb {display:none;}
	H1 {color:#000000}
	H2 {color:#000000}
	H3 {color:#000000}
	.intro {color:#000000}
}