/*
light grey:	F5F5F5
grey: 		999999

*/
html,body{
	/* footer hack pt 1*/
	height: 100%;
}
body {
	/* base font size */
	font-size: 62.5%; 
	
	/* centre hack pt 1*/
	text-align: center;
  	min-width: 780px;	
}
#container,#siteinfo{
	/* centre hack pt 2*/
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#container{
	/* footer hack pt 2*/
	position: relative;
	min-height: 100%;
	height: auto !important;/* ie 7*/
	height: 100%;/* for ie 6*/
	margin-bottom:75px;
}



/* reset whitespace 
==========================================
*/
html,body,ul,ol,li,dl,dd,dt,p,table,tr,td,h1,h2,h3,h4,h5,blockquote{
	border:0;
	padding:0;
	margin:0;
}
/* remove artifacts*/
ul,ol{
	list-style-type:none;
}
/* remove borders*/
img{
	border:none;
}
/* tables*/
table,th,td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, caption{
	text-align:left;
	vertical-align: top;
}

/* hidden */
.hidden{
	display:none;
}
/* clearing */
.clearfix{
	clear:both;
}
/* skip*/
#skip {
       position: absolute;
       left: -999em;
       width: 990em;
}
/* generic settings
==========================================
*/
h1,h2,h3,h4,h5{
	font-size:1.2em;
	font-weight:normal;
	color:#000;
	text-transform: uppercase;
	margin:25px;
	margin-bottom:1em;
	clear:both;
}
p,dl,li,table{
	font-size:1.4em;
	line-height:1.2em;
}



/* basic layout
==========================================
*/
body{
	border-top:20px solid #F5F5F5;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999;
	background-color:#fff;
}
#container{
	background-color:#fff;
	background-image: url(../img/bcr_scroll.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#branding{
	height:157px;
	margin-top:20px;
}
#branding #branding-logo{
	margin-left:300px;
}

#section-nav {
	float:left;
	width:248px;
	margin-left:15px;
}
#content{
	float:right;
	width:505px;
}
#container push-footer{
	/*height:75px;*/
}
#footer{			
	height:75px;
	background-color:#F4F4F4;
	border-top:1px solid #EFEFEF;
	padding-top:40px;
	font-size:0.8em;
	text-transform: uppercase;
	
	/*footer hack pt 3*/
	/*margin-bottom:-75px;*/
}
#siteinfo{

}
#container,#branding,#footer,#siteinfo{
	clear:both;
}

/* nav bar 
==========================================
*/
#nav-main{
	width:248px;
}
#nav-main ul{
}
#nav-main li a{
	display:block;
	width:236px;
	height:30px;
	font-size:0.7em;
	line-height:3em;/* for vertical centering*/
	/*letter-spacing: 0.1em;*/
	text-decoration:none;
	text-transform: uppercase;
	color:#999;
	background-color:#fff;
	padding-left:10px;
	border-left:1px solid #F4F4F4;
	border-right:1px solid #F4F4F4;
	border-bottom:1px solid #F4F4F4;
	background-image: url(../img/menu-bullet-off.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#nav-main li.selected a,
#nav-main a:hover{
	color:#000;
	background:#F0F0F0;	
	background-image: url(../img/menu-bullet-on-grey.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
/* rounded corners*/
#nav-main li.first a,
#nav-main li.last a{
	width:238px;
	border-left:none;
	border-right:none;
	background:none;
}
#nav-main li.last a{
	border-bottom:none;
}
#nav-main li.first a{
	background-image: url(../img/menu-bg-white.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#nav-main li.last a{
	background-image: url(../img/menu-bg-white.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#nav-main li.first a:hover,
#nav-main li.first a.selected{
	background-image: url(../img/menu-bg-grey.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#nav-main li.last a:hover,
#nav-main li.last a.selected{
	background-image: url(../img/menu-bg-grey.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* submenu based on ul selected per section
#nav-main li ul{
	display:none;	
}
#nav-main li.selected ul{
	display:block;	
	border-top:1px solid #ddd;
}
*/

/* submenu based on ul only visible in current section*/
#nav-main li ul{
	border-top:1px solid #ddd;
}
#nav-main li.selected li a{
	color:#999;
	background:#FbFbFb;	
	background-image: url(../img/menu-bullet-off-grey.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom:1px solid #eaeaea;
}
#nav-main li li a{
	font-size:0.5em;
	line-height:3.2em;
}
#nav-main li.selected li a:hover,
#nav-main li li.selected a{
	color:#333;
	background:#Fff;
	background-image: url(../img/menu-bullet-on.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

/* main content area 
==========================================
*/

div#content #slideshow{
	margin:0 25px 0 22px;;
	margin-bottom:25px;
}
div#content ul,
div#content li{
	margin:0;
	padding:0;
}
div#content p,
div#content ul{
	/*text-indent:2em;*/
	margin:0 25px;
	font-size:1.15em;
	line-height:1.5em;
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5{
	

}
div#content a{
	color:#000;
}

div#content li{
	list-style-type: none;
	list-style-image: url(../img/bullet.jpg);
	list-style-position: inside;
	font-size:1em;
	line-height:1.4em;
}
div#content dl dt,
div#content dl dd{
	float:left;
}
div#content dl dt.col1{
	width:124px;
}
div#content dl dd.col2{
	width:300px;
}
div#content dl{
	float:left;/* to fix float problem */
}
div#content p,
div#content ul,
div#content dl,
div#content table{
	margin-bottom:1em;
}
div#content table th,
div#content table caption{
	font-weight:normal;
	color:#1B76AA;
}
div#content table th.col1{
	width:186px;	
	padding-bottom:1em;
}
div#content table th.col2{
	width:124px;
}
div#content div#map{
	width: 404px;
	height: 280px;
	margin-bottom:10px;
	border:1px solid #666;
	padding:10px;
}

/* siteinfo 
==========================================
*/
#siteinfo p#siteinfo-copyright,
#siteinfo p#siteinfo-credits{
	margin:10px;
	font-size:1.2em;
}
#siteinfo p#siteinfo-copyright{
	float:left;
}
#siteinfo p#siteinfo-credits{
	float:right;
}
#siteinfo p#siteinfo-credits a{
	text-decoration:none;
	color:#666;
}
#siteinfo p#siteinfo-credits a:hover{
	text-decoration:underline;
	color:#1B76AA;
}

/* contact page bits
==========================================
*/
#section-contact{
	clear:both;
	padding-top:25px;
}
#section-contact div.vcard{
	float:left;
	margin-left:15px;
	text-transform: uppercase;
	font-size:1em;
}
#section-contact div.vcard img.contact-sign{
	display:block;
	margin-bottom:10px;
	margin-top:-14px;
}
#section-contact div.vcard span.clabel{
	display:block;
	float:left;
	width:50px;
}
#section-contact div.vcard a.url,
#section-contact div.vcard div.adr,
#section-contact div.vcard span.clabel{
	margin-left:5px;
}
#section-contact div.vcard div.adr{
	margin-bottom:2em;
	color:#666;
}
#section-contact div.vcard a.email{
	color:#000;
	text-transform:none;
}
#section-contact form.contact-form{
	float:right;
	width:480px;
	/*border:1px solid #f00;*/
}
#section-contact form.contact-form label{
	display:block;
	margin-bottom:5px;
	text-transform: uppercase;
	color:#000;
}
#section-contact form.contact-form label strong{
	text-transform: lowercase;
	color: #999;
}
#section-contact form.contact-form input.ffield,
#section-contact form.contact-form textarea.ftarea{
	width:200px;
}
#section-contact form.contact-form textarea.ftarea{
	height:100px;
}
#section-contact form.contact-form div.contact-fields,
#section-contact form.contact-form div.contact-messsage{
	width:200px;
	margin-right:40px;
	
}
#section-contact form.contact-form div.contact-fields,
#section-contact form.contact-form div.contact-messsage{
	float:left;
}
#section-contact form.contact-form div.contact-buttons{
	clear:both;
	text-align:right;
	margin-top:5px;
	margin-right:30px;
}

#section-contact form.contact-form div.contact-buttons input.form-button{
	text-transform: uppercase;
	height:23px;
	width:54px;
	font-size:1em;
	padding-bottom:2px;
	color:#666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: none;
	background-color:transparent;
	background: url('../img/bg-button-send-over.gif') no-repeat top left;	
	cursor:pointer;
}
#section-contact form.contact-form div.contact-buttons input.form-button:hover,
#section-contact form.contact-form div.contact-buttons input.form-button:active{
	background: url('../img/bg-button-send.gif') no-repeat top left;
	color:#999;
}