@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:none;}

body{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../gfx/interface/qscl/site_bg.jpg');
	*background-image: url('../gfx/interface/qscl/site_bg_ie.jpg');
		_background-image: url('../gfx/interface/qscl/site_bg_ie6.jpg');
	margin-left:1px; /* ff*/
	*margin-left:4px; /* ie 7 likes to add a some pixels to where the site sits while centered this conditional alligns the site to the background*/
		_margin-left:7px; /* ie 6 */
	background-repeat:repeat-y;
	font-size:0.8em;
	text-align:left;
	background-position:center;
}

.websiteContainer{
	width:907px;;margin:auto;text-align:left;
	background-position: top left;

}

.websiteContainer .banner{
	background-image:url('../gfx/interface/qscl/banner_bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	width:100%;
	height: 176px;
}
.websiteContainer .banner .logo{width:329px;height:119px; float:right;}
.websiteContainer .banner .logo img{margin:auto;padding:0px;vertical-align:middle;}

.websiteContainer .banner .headpix {background-image: url(../gfx/interface/qscl/header_pix.jpg);}
.websiteContainer .banner .headpix {_padding-top: 0px; *padding-top: 0px;}
.websiteContainer .banner .headpix {margin-top: 0px; margin-left: 0px;}

/*###################suckerfish##########################*/
.websiteContainer .nav{
	padding-top: 60px;
	height:28px;
	background-repeat:repeat-x;
	background-position: top left; 
	background-color:#FFFFFF;
}
	
.nav, .nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:right;
	line-height: 28px;
	width:100%;
}

.nav a {
	display: block;
	width: auto;
	margin: 0 0px;
	padding: 0 5px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	background-color:#000000;
	background-image:url(../gfx/interface/qscl/button_bg_on.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	
}

.nav li { /* all list items */
	margin-left: 2px;
	float: left; 
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
}


.nav li ul li{background-color: #000000;padding-top:0;}

.nav li ul li a{
	font-size:0.9em;
	width:142px;
	color:#FFFFFF;
	padding:2px 3px;	
	background-image:none; 
	}

.nav li ul li a:hover{
	padding:2px 3px; 	
	background-image:none;
	width: 144px;
	margin-left:-2px;
}

.nav li ul { /* second-level lists */
	border:solid 1px #7c0d40;
	margin-top:0px;
	position: absolute;
	text-align:left;
	padding-left:-3px;
	z-index: 500000;
	background-color: #000000;
	width: 150px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav ul li .HasChildren {
	background-image:url('/gfx/icon/more-content.gif'); background-repeat:no-repeat; background-position: center right;
}
.nav ul li .HasChildren ul li{padding-left:0px;background-color:#000000;}

/*.nav li ul ul .HasChildren a {
	background-color: deeppink;
}*/

.nav ul li .FirstMenuItem{
	margin-top: 0px;
}
.nav li ul li .FirstMenuItem{
	margin-top: 0px;
}
.nav li ul ul { /* third-and-above-level lists */
	margin: 0px 0 0 120px;
	padding-top:0px;
	background-color:#3b18631;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
	
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color:#000000;color:#666666;
}

.nav li a:hover{
	background-color:#c8c8c8;
	color:#000000;
	background-image:url(../gfx/interface/qscl/button_bg_off.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	}

.nav  li:hover ul, .nav li.sfhover ul{
	background-color:#000000;
}
.websiteContainer .mainContent {
	/*clear: left;*/                                
}
/*###########################end suckerfish#####################*/

/*##########home page styleszzzz######*/
.websiteContainer .homePageContainer{min-height:420px;}

.websiteContainer .homePageContainer .mainWidget{
	float:left;
	width:570px;
	margin:3px 3px 0px 3px;
	background-color:#ffffff;
	background-image:url(../gfx/interface/qscl/widget_1_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
	min-height:425px;
}
.websiteContainer .homePageContainer .mainWidget h1{
	color:#ffffff;
	font-size:1.2em;
	font-weight:1000;
	background-color: #000000;
	text-align:left;
	padding:0.5em;
}
.websiteContainer .homePageContainer .mainWidget img{
	float:left;
	border:0px solid #990000;
	margin:12px;}
.websiteContainer .homePageContainer .mainWidget p{
	margin:10px;
	color:#3b3b3b;
}
.websiteContainer .secondaryWidget{
		float:left;
		width:900px;
		background-color:#e0e0e0;
		background-image:url(../gfx/interface/qscl/widget_3_bg.jpg);
		background-position:top right;
		background-repeat:repeat-x;
		overflow:hidden;
		margin:0px 3px 0px 3px;
		*margin:4px 3px 0px 3px;
		_margin:-3px 3px 0px 3px;
		
		}
/*now overwrite the specific settings*/
.websiteContainer  .narrow{
	clear:none; 
	overflow:hidden;
	background-color:#ffffff;
	background-image:url(../gfx/interface/qscl/widget_2_bg.jpg);
	background-position:top right;
	background-repeat:repeat-x;
	float: right;
	width:319px;
	*width:318px; /*stupid ie*/
	_width:312px; /*stupid ie*/
	min-height:277px;
	margin:3px 5px 3px 3px;
    *margin:3px 5px 3px 4px; /*stupid ie*/
	_margin:153px 3px 3px -4px; /*stupid ie*/
    padding-bottom: 0px;  /* X */
	padding-left: 0;
	}
.websiteContainer  .secondaryWidget h2{
	color:#ffffff;
	font-size:1.2em;
	font-weight:1000;
	background-color: #000000;
	text-align:left;
	padding:0.5em;
	background-image:url(../gfx/interface/qscl/vert_button_bg_off.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}


#frontPageImages img{
	float:left;
	border:0px solid #990000;
	margin:2px 2px 2px 2px;
    height: 97px;
	padding-left: 1px;
	padding-right: 0px;
}

.websiteContainer  .secondaryWidget img{
	float:left;
	border:0px solid #990000;
	margin:2px 2px 2px 0px;
	padding-left: 0px;
	width:320px;
	padding-right: 0px;
}


.websiteContainer  .secondaryWidget p{
	margin:10px;
	color:#3b3b3b;
}
.websiteContainer .secondaryWidget ul{margin:10px 10px 10px 25px;}
.websiteContainer .secondaryWidget li{color:#aaaaaa;font-size:0.8em;}
.websiteContainer .secondaryWidget li a{color:#3b3b3b;font-size:1.2em;text-decoration:none;}
.websiteContainer .secondaryWidget li a:hover{text-decoration:underline;}

/*
.redbarvert{background-color:#990000;
	margin: 3px 0px 3px 0px;
	*margin: 3px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}
*/

.redbarhorz{
	*margin-top: -4px;

}


.whitetile { 

overflow:hidden;
margin-bottom: -200px;
margin-top: -30px;
*margin-top: 0px;

padding-bottom: 200px; 
background-color:#FFffff;
}

/*########################## end home page ####################*/

.websiteContainer .mainSection{
	margin-top: 30px;  /* Chrome */
	clear:both;
}
.websiteContainer .nonHomePageMargins{margin:0px 3px 0px 3px;padding:10px; min-height:425px;}
.verticalmenu{
	margin:0px 10px 0px 0px;
	_margin:0px 3px 0px 0px;
	float:right;
	width:314px;
	_width:310px; /*ie6*/
	background-color:#ffffff;

	}
.verticalmenu h3{
	background-image:url(../gfx/interface/rowland/columntopBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:25px;
	text-transform:uppercase;
	font-weight:100;
	color:#FFFFFF;
	font-style:italic;
	padding:10px 15px 0 15px;
	}
.verticallink ul{margin:0 10px;
}
.verticallink ul li{
	font-size:0.9em;
	font-weight:bold;
	list-style-type: none;
	border-bottom:1px;

	
	
	}
.verticalmenu ul li a{	
	margin: 3px 3px 3px 0px;
	padding: 5px 0px 5px 5px;
	color:#ffffff; 
	width:314px;
	_width:310px; /*ie6*/
	background-color:#000000;
	display:block;
	text-decoration:none;
	background-image:url(../gfx/interface/qscl/vert_button_bg_off.jpg);
	background-position:top right;
	background-repeat:no-repeat;}

.verticalmenu ul li a:hover{
	background-color:#c8c8c8;
	color:#000000;
	background-image:url(../gfx/interface/qscl/vert_button_bg_on.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.verticalmenu ul li ul{margin:0}
.verticalmenu ul li ul li{font-size:1.0em;border-top:1px;border-bottom:none;}

.websiteContainer .mainSection .leftColumn img{padding:10px 20px;}
.websiteContainer .mainSection .leftColumn .webTiles{
	background-image:url(../gfx/interface/rowland/columnbottomBG.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	min-height:35px;
	}
	
	li.verticallink {
	list-style-type: none;
	background-color:#990000;
	margin:0px -3px 0px 0px;
	

}

.websiteContainer .mainSection .mainPanel{	
	float:left;
	width:550px;
	margin:3px 3px 0px 3px;
	background-color:#ffffff;
	background-image:url(../gfx/interface/qscl/widget_1_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
	min-height:405px;
	
	
	
	}
	
	
#webTiles{
margin-left: 570px;
}

/*default text styles*/
.websiteContainer .mainSection .mainPanel h1{
	color:#ffffff;
	font-size:1.2em;
	font-weight:1000;
	background-color: #000000;
	text-align:left;
	padding:0.5em;
	width:560px;
	margin:-10px 0px 10px -10px;
}

.websiteContainer .mainSection .mainPanel h2{font-size:1.2em;padding:10px 0;font-weight:100;}
.websiteContainer .mainSection .mainPanel h2 a{font-size:1.2em;padding:10px 0;font-weight:100;color:#990000;}
.websiteContainer .mainSection .mainPanel h3{font-size:1.4em;padding:10px 0;font-weight:100;}
.websiteContainer .mainSection .mainPanel h4{font-size:1.2em;padding:10px 0;}
.websiteContainer .mainSection .mainPanel h5{font-size:1.1em;padding:10px 0;}
.websiteContainer .mainSection .mainPanel h6{font-size:1.0em;padding:10px 0;}
.websiteContainer .mainSection .mainPanel p{font-size:1.0em;padding:10px 0;}
.websiteContainer .mainSection .mainPanel p a{font-size:1.0em;padding:10px 0;color:#990000}
.websiteContainer .mainSection .mainPanel ul{}
.websiteContainer .mainSection .mainPanel li{font-size:1.0em;}

.websiteContainer .mainSection .mainPanel img{	
	/*float:left; this screws up smarttext img alignments and therefore has been removed*/
	border:0px solid #990000;
	margin:12px;
}
.websiteContainer .mainSection .mainPanel dl{}
.websiteContainer .mainSection .mainPanel dl dt{}
.websiteContainer .mainSection .mainPanel dl dd{}

.websiteContainer .footer{
	clear:both;
	*height: 140px;
	background-image:url('../gfx/interface/rowland/footerBG.jpg');
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#ffffff;
	background-color:#ffffff;
	margin-bottom: -120px;
	padding-bottom: 120px;
	*margin-bottom: -120px;
	*padding-bottom: 120px;



	
}
.websiteContainer .footer p{text-align:center;padding:9px;color:#242424;font-size:0.8em;}
.websiteContainer .footer p a{text-decoration:none;color:#666666;}
.websiteContainer .footer p a:hover{text-decoration:underline;}