/* This is the Layout CSS stylesheet to layout most pages - Version: ridgway site */
/* NB: All Banners are held in banners.css
/* The outer div is used to centre the page. NB: Change Width to 100% to range left. */
#outer {
       width: 1000px;
	   background-color:#FFFFFF;
	   margin-top: 10px;
	   margin-bottom: 10px;
	   margin-left: auto;
	   margin-right: auto;
	   padding: 0px;
}

#bnrlogo {
	position: relative;
	top: 10px;
	left:10px;
	height: 44px;
	width: 150px;
	border: 1px none #B3B5EF;
	z-index: 1;
	}
	
.printonly {display:none}

#datebox {
	position: absolute;
	height: 20px;
	width: 150px;
	left: 654px;
	top: 114px;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	line-height: 9pt;
	color: #666666;
	text-align: right;
	}

#tickerbox {position:absolute;
			top: 30px;
			z-index: 1;
}

/* This is the container for the content on the page*/
#content_main {
	background-color: #FFFFFF;
	height: auto;
	width: 998px;
	position: absolute;
	top: 110px;
	overflow: visible;
	border-top: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	border-left: 1px solid #333399;
	padding-left:0px; 
	z-index: 2;
}

/* Positions the left content (menu) */
#content_left {
	float: left;
	width:15%;
	height: auto;
	padding-top: 32px;
	padding-left: 9px;
	background-color: #FFFFFF;
	z-index: 1;
	overflow: visible;
}

#content_centre {
	float:left; 
	width:63%; 
	height:auto;
	background-color: #FFFFFF;
	padding-top: 30px;
}

/*Use _2col suffix so that r/h column aligns correctly when printed - see print stylesheet*/
#content_centre_2col {
	float:left; 
	width:61%; 
	height:auto;
	background-color: #FFFFFF;
	padding-top: 30px;
}

#content_centre_wide {
	float:left; 
	width:78%; 
	height:auto;
	background-color: #FFFFFF;
	padding-top: 30px;
}

/* Use this for 2 column layout in Centre section */
#content_centre_left {
	float:left; 
	width:49%; 
	height:auto;
	border-right: 0px solid #CCCCCC; 
}

#content_centre_right {
	float:right; 
	width:49%; 
	height:auto;
	border-left: 0px solid #CCCCCC; 
}
/* END Use this for 2 column layout in Centre section */

/* Use this for a closing single column, below a 2 column layout in Centre section (see above)*/
#content_centre_bottom {
	clear:both; 
	width:100%; 
	height:auto;
	}

#content_right {
	float:right; 
	width: 19%;
	height: auto;
	padding-top: 30px;
	border: 0px solid #388EBF; 
	background-color: #FFFFFF;
	z-index: 1;
}

#content_right_yellow {
	float:right; 
	width: 19%;
	height: auto;
	padding-top: 30px;
	border: 0px solid #388EBF; 
	background-color: #FEF984;
	z-index: 1;
}

/* Use these for centre and right hand columns of news_article and article_preview pages */
#content_centre_news {
	float:left; 
	width:56%; 
	height:auto;
	background-color: #FFFFFF;
	padding-top: 30px;
}

#content_right_news {
	float:left; 
	width: 27%;
	height: auto;
	padding-top: 30px;
	border: 0px solid #388EBF; 
	background-color: #FFFFFF;
	z-index: 1;
}
/* End centre and right hand columns of news_article and article_preview pages */

/*Use _2col suffix so that r/h column aligns correctly when printed - see print stylesheet*/
#content_right_2col {
	float:right; 
	width: 22%;
	height: auto;
	padding-top: 30px;
	border: 0px solid #388EBF; 
	background-color: #FFFFFF;
	z-index: 1;
}

#flags_box {
	background-color: #FFFFFF;
	height: 230px;
	width: 110px;
	position: absolute;
	left: 20px;
	top: 293px;
	padding-top: 10px;
	border-top: 0px solid #333399;
	border-right: 0px solid #333399;
	border-bottom: 0px solid #333399;
	border-left: 0px solid #333399;
	z-index: 1;
	overflow: hidden;
}

#nav_top {
	height: 50px;
	width: 998px;
	position: absolute;
	top: 88px;
	margin-left:10px;
	border-top: 0px solid #333399;
	border-right: 0px solid #333399;
	border-bottom: 0px solid #333399;
	border-left: 0px solid #333399;
	z-index: 3;
}

#nav_top_mega {
	height: 50px;
	width: 998px;
	position: absolute;
	top: 120px;
	margin-left:1px;
	border-top: 0px solid #333399;
	border-right: 0px solid #333399;
	border-bottom: 0px solid #333399;
	border-left: 0px solid #333399;
	z-index: 3;
}

#footer_box {
	background-color: #DCDFEE;
	height: 60px;
	width: 998px;
	position: relative; 
	clear:both;
	overflow: visible;
	border-top: 1px solid #333399;
	border-right: 0px solid #333399;
	border-bottom: 0px solid #333399;
	border-left: 0px solid #333399;
	text-align:center;
	font-size: 85%;
	vertical-align:bottom;
	z-index: 1;
	background-image:  url("/images/banners/bottombanner1000.jpg");
}

/* VLM section: positioning for VLM pages */
/* VLM section: see main.css for VLM type styles */
#content_centre_vlm {
	float:left; 
	width:57%; 
	height:auto;
	background-color: #FFFFFF;
	padding-top: 30px;
}
/* NB: content_centre_vlm is wider in print stylesheet */

#content_right_vlm {
	float:right; 
	width: 26%;
	height: auto;
	padding-top: 100px;
	border: 0px solid #388EBF; 
	background-color: #FFFFFF;
	z-index: 1;
}

#vlm6_box {
	height: auto;
	width: 200px;
	position: absolute;
	left: 750px;
	top: 100px;
	padding-top: 0px;
	z-index: 1;
}

#vlm4_box {
	height: auto;
	width: 200px;
	position: absolute;
	left: 730px;
	top: 100px;
	padding-top: 0px;
	z-index: 1;
}
/* End VLM section */