/* CSS Document for Architects Registration Board (ARB)

	Date Developed: 	February 1, 2010
	Developed By:		Peter Scott
	Company: 			Chrysalis Communications
	Last Modified: 	

*/

body {
	background: url('../images/bg.jpg') repeat-x top left rgb(234,234,234);
	min-width: 1000px;
}
#container {
	width: 960px;
	margin: 0 auto;
}
.logo {
	float: left;
	margin: 1em 0 0 0;
	position: relative;
}
.topnav {
	float: right;
	margin: .25em 0 0 0;
	position: relative;
	height: 132px;
}
.topnav a {
	color: rgb(255,255,255);
	text-shadow: rgb(30,105,114) 0.1em 0.1em 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 1em 0 0;
}
.topnav .last {
	margin: 0;
}
#search {
	margin: 4em 0 0 0;
}
#search form {
	width: 256px;
	overflow: hidden;
	padding: 4px 0 0 0;
	position: relative;
	margin: 0 10px 0 0;
}
#search form p {
	margin: 0;
	background: transparent url('../images/bg_search.png') 0 0 no-repeat;
}
#search form p input {
	border: 0;
	margin: 0 0 0 20px;
	background: none;
	color: #404040;
	font-size: 1.1em;
	padding: 5px 0;
	width: 190px;
}
#search form button {
	background: transparent url('../images/btn_search.jpg') 0 0 no-repeat;
	display: block;
	border: 0 none;
	width: 19px;
	height: 18px;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: -3px;
	outline: none;
	margin: 0 1em 0 0;
}

/*--------------------------------------------------- Navigation */

.navigation {
	clear: both;
	position: relative;
}
#nav {
	height: 34px; 
	padding: 0; 
	list-style: none;
}	
#nav li{float: left; height: 34px;}
#nav li a{background: url('../images/nav.jpg') no-repeat 0 0;display: block;text-indent:-10000px;height:34px;}

#nav li #nav-home {background-position:0 0;width: 68px;}
#nav li #nav-home:hover {background-position:0 -34px;}
#nav li.selected #nav-home, #nav li.selected #nav-home:hover  { background-position:0 -34px; }

#nav li #nav-about {background-position:-68px 0;width: 102px;}
#nav li #nav-about:hover {background-position:-68px -34px;}
#nav li.selected #nav-about, #nav li.selected #nav-about:hover  { background-position:-68px -34px; }

#nav li #nav-rules{background-position:-170px 0;width: 128px;}
#nav li #nav-rules:hover {background-position:-170px -34px;}
#nav li.selected #nav-rules, #nav li.selected #nav-rules:hover  { background-position:-170px -34px; }

#nav li #nav-register {background-position:-298px 0;width: 197px;}
#nav li #nav-register:hover {background-position:-298px -34px;}
#nav li.selected #nav-register, #nav li.selected #nav-register:hover  { background-position:-298px -34px; }

#nav li #nav-licensed{background-position:-495px 0;width: 195px;}
#nav li #nav-licensed:hover {background-position:-495px -34px;}
#nav li.selected #nav-licensed, #nav li.selected #nav-licensed:hover  { background-position:-495px -34px; }

#nav li #nav-registration {background-position:-690px 0;width: 123px;}
#nav li #nav-registration:hover {background-position:-690px -34px;}
#nav li.selected #nav-registration, #nav li.selected #nav-registration:hover  { background-position:-690px -34px; }

#nav li #nav-cpd {background-position:-813px 0;width: 60px;}
#nav li #nav-cpd:hover {background-position:-813px -34px;}
#nav li.selected #nav-cpd, #nav li.selected #nav-cpd:hover  { background-position:-813px -34px; }

#nav li #nav-affiliates {background-position:-873px 0;width: 87px;}
#nav li #nav-affiliates:hover {background-position:-873px -34px;}
#nav li.selected #nav-affiliates, #nav li.selected #nav-affiliates:hover  { background-position:-873px -34px; }

/*--------------------------------------------------- Content */

#content {
	background-color: rgb(255,255,255);
	margin: 0 auto 1em auto;
	width: 940px;
}
#content a {
	color: rgb(44,155,168);
}
#main {
	padding: 2em 0 0 0;
}
#main h1 {
	color: rgb(60,60,60);
	text-align: left;
	line-height: 24px; 
}
#main h2 {
	color: rgb(44,155,168);
}
.mainpanel {
	width: 600px;
	float: left;
	margin: 0 1em 1em 0;
	padding: 0 1em;
	text-align: justify;
}
.mainpanel ol {
	margin: 0 0 15px 37px;
	list-style: outside decimal;
}
.mainpanel ol li {
	margin: 0 0 10px ;
}
.mainpanel ol li ul {
	margin: 10px 0 10px 20px;
	list-style: none;
}
.mainpanel ol li ul li {
	margin: 0 0 10px 0;
}
.mainpanel ol li ol {
	margin: 10px 0 10px 40px;
	list-style: outside lower-alpha;
}
.mainpanel ol li ol li {
	margin: 0 0 10px 0;
}
.mainpanel ul {
	margin: 0 0 15px 37px;
	list-style: none;
}
.mainpanel ul.app li {
	background: url(../images/i_pdf.png) no-repeat 0 center;
	padding: 5px 0 3px 40px;
}
.mainpanel ul.aff li {
	background: url(../images/i_window.png) no-repeat 0 center;
	padding: 5px 0 3px 15px;
}
.mainpanel ul li {
	margin: 0 0 10px ;
}
.mainpanel ul li ol {
	margin: 10px 0 10px 40px;
	list-style: outside lower-alpha;
}
.mainpanel ul li ol li ol li {
	margin: 10px 0;
	list-style: outside lower-roman;
}
.mainpanel ol li ol li ol li {
	margin: 10px 0;
	list-style: outside lower-roman;
}
.mainpanel ol li ol.decimal li {
	margin: 10px 0;
	list-style: outside decimal;
}
.mainpanel ol li ol.roman li {
	margin: 10px 0;
	list-style: outside lower-roman;
}
.mainpanel ol li p{
	margin: 10px 0;
}
.panel {
	width: 280px;
}
.latest, .events {
	float: left;
	margin: 0 1em 0 0;
	padding: 0 1em;
}
.events ul, .featured ul {
	list-style: none;
}
.events ul li, .featured ul li {
	padding: 0 0 1.25em 0;
	margin: 0 0 1.25em 0;
	border-bottom: 1px solid rgb(230,230,230);
}
.featured {
	float: left;
	padding: 0 1em;
}
.featured img {
	margin: 0 0 1em;
}
.featured ol {
	margin: 0 0 15px 10px;
	list-style: inside decimal;
}
.more {
	text-align: right;
}
#slider {
		padding: 0; margin: 0;
	}
	#slider ul {
		margin: 0;
	}
	#slider li{
		border-left: 1px solid #C1DAD7;
		list-style:none;
		padding: 0;
		margin: 0;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:610px;
		height:1486px;
		overflow:hidden;
		padding: 0; 
		}
				
	#prevBtn, #nextBtn{ 
		display:block;
		position:absolute;
		width: 30px;
		height: 30px;
		}	
	#nextBtn{ 
		margin-left: 570px;
		margin-top: -1530px
		}	
	#prevBtn {
		margin-left: 530px;
		margin-top: -1530px
	}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:30px;
		background:url(../images/prev.jpg) no-repeat 0 0;
		text-indent: -99999px;	
		}	
	#nextBtn a{ 
		background:url(../images/next.jpg) no-repeat 0 0;	
		}
ul.guide li {
	padding: 0 0 8px 0;
	margin: 8px 0 0 0;
}
ul.guide li div {
	float: left;
	width: 35px;
	font-weight: 700;
	margin: 0 0 20px 0;
}
ul.guide li ul {
	list-style: none;
}
ul.guide li ul li{
	border: none;
	padding: 0;
}		
ul.guide li ul.guide li div {width: 50px}
ul.guide li div.spc {margin: 0 0 40px 0;}
ul.guide li div.spcx {margin: 0 0 80px 0;}
ul.guide li div.xspc {margin: 0 0 110px 0;}
ul.guide li div.xxspc {margin: 0 0 150px 0;}
ul.guide li ol {
	list-style: lower-alpha;
	margin: 0 0 0 50px;
}
ul.guide li ol li ul.guide {
	margin: 10px 0 10px -13px;	
}
ol.lower {
	margin: 10px 0 10px 35px;
	list-style: outside lower-roman;
}
		
/*--------------------------------------------------- Footer */

#footer {
	background-color: rgb(90,90,90);
	clear: both;
	width: 100%;
	height: 100%;
}
.footerinfo {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 60px 0;
	color: rgb(255,255,255);
}
.footerinfo a {
	color: rgb(255,255,255);
}
.copyright {
	float: left;
	width: 400px;
}
.credit { 
	float: right;
	width: 400px;
	text-align: right;
}
#scrolltop{
	position:fixed;
	bottom:20px;
	right:20px;
	height:30px;
	width:60px;
	overflow: hidden;
}
#flag {
	position: absolute;
	width: 28px;
	height: 19px;
	margin: 0 0 0 220px;
}