/* the styles in here are for the layout of the page */

*{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 128.5%;
}

#main {
	width:960px;
	position:relative;
	margin: auto;
	margin-top: 94px;
	text-align: left;
	background: url(../images/main_bg.gif) repeat-y left top;
}

#head {
	position:relative;
	height:254px;
	background: url(../images/corner.gif) no-repeat top right #ffcc00;
}

	#head h1 a{
		display: block;
		text-indent: -9999px;
		width: 270px;
		height: 198px;
		background: url(../images/header.gif) no-repeat 0 0 transparent;
		position: absolute;
		left: 35px;
		top: 0;
	}
	
	#headerImage {
		text-indent: -9999px;
		position: absolute;
		width: 535px;
		height: 122px;
		right:10px;
		top: 78px;
		background: url(../images/slogan2.gif) no-repeat 0 0 transparent;
	}

	#mainNav {
		position: absolute;
		top: 200px;
		left: 8px;
		width: 709px;
	}
		
		#mainNav li {
			position:relative;
			float: left;
		}
		
		#mainNav li a {
			display:block;
		}
		
		#mainNav li.level1 {
			display:block;
			width:140px;
			background: url(../images/nav_button.gif) no-repeat 0 0 transparent;
			margin-right: 2px;
			height: 32px;
		}
		
		#mainNav li.last {
			margin-right: 0px;	
		}
		
		#mainNav a.level1 {
			color:#333333;
			font-size: 13px;
			font-weight: bold;
			display:block;
			line-height: 32px;
			text-align: center;
		}
		
		#mainNav a.act,
		#mainNav a.cur,
		#mainNav a.level1:hover{
			color:#FFF;
			background: url(../images/nav_button_act.gif) no-repeat 0 0 transparent;
		}
		
	#subNav {	
		margin-left: 8px;
		position: relative;
		top: 232px;
		z-index: 98;
		width: 705px !important;
		width: 708px;
		margin-top: 32px !important;
		margin-top: 0px;
		padding-left: 3px;
		border-top: 4px solid #39009f;
	}
	
		#subNav li {
			position:relative;
			float: left;
		}
		
		#subNav li a {
			display:block;
			width: auto !important;
			width: auto;
			height: auto !important;
			height: 1px;
			font-size: 11px;
		}
		
		#subNav li.level1 {
			display:block;
			width: 120px;
			height: 22px;
			background-color: #FFF;
		}
	
		#subNav a.level1 {
			color:#333333;
			font-weight: bold;
			display:block;
			line-height: 20px !important;
			line-height: 18px;
			background: url(../images/nav_sub_button.gif) no-repeat 9px 4px transparent;
			padding-left: 25px;
			padding-bottom: 1px !important;
			padding-bottom: 3px;
			border-bottom: 2px solid #cfcfcf;
		}
		
		#subNav a.level1:hover {
			color: #FFF;
			background: url(../images/nav_sub_button_act.gif) no-repeat 9px 4px #38009d;
			border-bottom: 2px solid #38009d;
		}
		
		#subNav a.act,
		#subNav a.cur {
			background: url(../images/nav_sub_button_act3.gif) no-repeat 9px 4px transparent;
			color: #d40035;
		}
	
		#subNav li ul {
			padding:0;
			position:absolute;
			left:-9999px;
			height:1px;
			width: 142px;
		}
	
		#subNav li li {
			width: 142px;
			clear: left;
		}
		
		#subNav li li.last {
			padding-bottom: 12px;
			border-bottom: 2px solid #cfcfcf;
			background: url(../images/li_hack.gif) 0px 36px repeat-y #FFF !important;
			background: url(../images/li_hack.gif) 0px 30px repeat-y #FFF;
		}

		#subNav li li a {
			width: 142px;
			color: #000;
			padding-left: 28px;
			padding-top: 6px;
			padding-bottom: 6px;
			background-color: #FFF;
			border-left: 2px solid #cfcfcf;
			border-right: 2px solid #cfcfcf;
		}	
		
		#subNav li li a:hover,
		#subNav li li a.cur {
			color: #FFF;
			border-left: 2px solid #cc0033;
			border-right: 2px solid #cc0033;
			background: url(../images/nav_sub_star.gif) no-repeat 9px 6px #cc0033;
			border-bottom: none;
		}
		
		#subNav li li a:hover {
			background-image: none;			
		}
		
		#subNav li.level2 a.cur {
			font-weight: bold;
		}
		
		#subNav li:hover ul, 
		#subNav li.sfhover ul,
		#subNav li:hover.act ul,
		#subNav li:hover.cur ul {
			left: auto;
		}
		
		#cover {
			position: absolute;
			top: 232px;
			left: 8px;
			height: 21px !important;
			height: 27px;
			width: 708px;
			background-color: #FFF;
			border-bottom: 2px solid #cfcfcf;
			border-top: 4px solid #39009f;
			z-index: 97;
		}
		
	
#midCol {
	margin-left: 8px;
	margin-right: 244px !important;
	margin-right: 241px;
	background-color: #FFF;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding-top: 2px !important;
	padding-top: 0px;
	padding-bottom: 45px !important;
	padding-bottom: 0px; 
	border-bottom: 2px solid #cfcfcf;
	clear: left;
}
	
	#midCol .ctArea {
		margin: 0px 10px 0px 20px !important;
		margin: 2px 10px 45px 20px;
		overflow: hidden !important;
		overflow: none;/* clearfix for ie*/
	}
	
#rightCol {
	position: relative;
	z-index: 99;
	width:228px !important;
	width:235px;
	padding-right: 7px;
	margin-top: -58px;
	float:right;
}

	#rightCol .ctArea {
		background-color: #FFF;
	}


#footer {
	clear:both;
	position:relative;
	width:960px;
	height:72px;
	background: url(../images/footer_bg.gif) left 22px no-repeat;
}

	#rootlineNav {
		position:absolute;
		top: 0;
		left: 8px;
		width: 698px !important;
		width: 708px;
		padding-left: 10px;
		background-color: #FFF;
	}
	
	#rootlineNav a {
		display:block;
		line-height:22px;
		color:#330099;
		float:left;
		font-weight:bold;
		text-decoration: underline;
		padding-left: 24px;
		background: url(../images/rootline.gif) 12px center no-repeat;
	}
	
	#rootlineNav a.first {
		background-image: none;
		padding-left: 0px;
	}
	
	#rootlineNav a.act,
	#rootlineNav a:hover {
		color:#cc0033;
		text-decoration: none;
		background: url(../images/rootline_act.gif) 12px center no-repeat;
	}
	
	#rootlineNav a.first:hover {
		background-image: none;		
	}
	
	#metaNav {
		position: absolute;
		left: 11px;
		top: 36px;
	}
	
	#metaNav li{
		display:block;
		float:left;
	}
	
	#metaNav a {
		position: absolute;
		font-family: Arial, sans-serif;
		font-size: 11px;
		display:block;
		color:#000;
		width: 100px;
		line-height:28px;
		padding-left:28px;
		background-position: left center;
		text-decoration: underline;
		
	}
	
	#metaNav .sitemap a{
		left:123px;
		padding-left:33px;
		background-image:url(../images/sitemap.gif);
	}
	
	#metaNav .contact a{
		left:220px;
		padding-left:29px;
		background-image:url(../images/contact.gif);
	}
	
	#metaNav .print a{
		left:3px;
		background-image:url(../images/print.gif);
	}
	
	#robiano {
		font-family: Arial, sans-serif;
		position: absolute;
		left: 590px;
		top: 51px;
		font-size: 11px;
	}
	
	#copyright {
		font-family: Arial, sans-serif;	
		font-size: 11px;
		position: absolute;	
		z-index: 100;
		left: 813px;
		width: 100px;
		top: 51px;
	}
	
	#copyright a {
		position: absolute;
		top: 0px;
		left: 59px;
		display: block;
		width: 90px;
		text-indent: -85px;
		overflow: hidden;
		font-family: Arial, sans-serif;	
		font-size: 11px;
		color: #000000;
	}