html
{
	min-height: 100%;
	height: auto;
	
}
	
body 
{
	font-family:Arial;
	font-size:12px;
	text-align:left;
	color:#666666;
	background-color:#ffffff;
	padding:2px 0 0 0;
	margin:0;
	background-image:url(../images/background.png);
	background-repeat:no-repeat;
	background-position:0px bottom;
}
a
{
	text-decoration:none;
	color:#e0670c;
	outline:none;
}
a:hover
{
	text-decoration:underline;
}
a img
{
	border:none;
}
p
{
	color:#666666;
	line-height:1.5;
}
h2 a, h2
{
	color:#336699;
	font-size:14px;
	margin-bottom:0px;
}
h3 a, h3
{
	color:#df700b;
	font-size:12px;
}
h6 a
{
    color:#ffffff;  
	font-size:14px;
	padding:3px;
	margin:0px;
	display:block;
}  
.toggler
{
    padding:0px;
    margin:1px;
}
.expander
{
    padding:5px;
    margin:0px;
}
#wrapper
{
	width:1000px;
	
}
/*-----------------------------------------------------------------------*/
/*--formatting for text within the whole site-----*/
.warning
{
	color:#fa2424;
	text-align:center;
	border:solid 1px #fa2424;
	padding:10px 3px 10px 3px;
}
/*-----------------------------------------------------------------------*/
/*--formatting for form elements-----*/
#login_div
{	
	margin:20px 0px 0px 2px;
	width:120px;
	float:left;
	clear:left;
}
#login_div h3
{	
	margin:0px 0px 0px 0px;
	width:120px;
}	

#loginform
{
	margin:0px 0px 0px 0px;
	width:120px;
}

.label
{
	float:left;
	width:100px;
}
.text_box
{
    width:120px;
    float:right;
}
.txtUserName
{
	width:115px;
	font-size:11px;
}
.txtPassword
{
	width:115px;
	font-size:11px;
	margin:5px 0px 5px 0px;
}
#login
{
	float:right;
	clear:right;
	border:solid 1px #7f9db9;
	margin-top:15px;
}
#forgot
{
	font-size:11px;
}
.btnLogin
{
	border:solid 1px #707f8c;
	background-color:#e3ebee;
	color:#707f8c;
	font-weight:normal;
	font-size:11px;
	height:18px;
    padding:0 10px 0 10px;
}
/*-----------------------------------------------------------------------*/
/*--formatting for elements within the header section-----*/
#header
{
	height:80px;
	background-color:#92b7cb;
}
#logo
{
	 border:solid 0px #7e96a8;
	 margin-left:15px;
	 margin-top:5px;
	 float:left;
}
.headerimages
{
	float:right;
	width:126px;
	height:80px;
}
.imageDiv
{
    float:right;
    height:80px;
    width:2px;
    background-color:White;
}
#fade
{
	float:right;
	border:solid 0px #7e96a8;
}

/*-----------------------------------------------------------------------*/
/*--formatting for elements within the tag line and search box-----*/
#bar
{
    display:block;
	background-color:#e3ebee;
	border-bottom:solid 1px #ffffff;
	border-top:solid 1px #ffffff;
	padding:5px 0 0 10px;
	color:#7e96a8;
	background-image:url(../images/bar_background.gif);
	background-repeat:repeat-x;
	height:23px;
	width:990px;
}
.tagline
{
    font-weight:bold;
    float:left;
}
#biscuit
{
	display:inline;
	margin-left:20px;
	font-size:11px;
	color:#205f54;
	float:left;
}
#biscuit a
{
	color:#e07310;
}
#language
{
	float:right;
	margin-right:5px;
}
#language img
{
	border:solid 1px #cccccc;
	margin-right:5px;
}
#searchform
{
	float:right;
	padding:0;
	margin:0 5px 0 0;
	/*border:solid 1px black;*/
}
.txtSearch
{
	border:solid 1px #707f8c;
	padding-left:3px;
	/*height:12px;*/
	margin:0;
	color:#7e96a8;
	font-size:11px;
	width:150px;
}
.btnSearch
{
	border:solid 1px #707f8c;
	background-color:#e3ebee;
	color:#707f8c;
	font-weight:normal;
	font-size:11px;
	margin:0;
	/*height:12px;*/
    padding:0 10px 0px 10px;
}
/*-----------------------------------------------------------------------*/
/*--formatting for navigation-----*/
#navbar
{
	width:130px;
	float:left;
	background-color:#f2f5f7;
	margin:0;
	padding:0;
	/*padding-top:12px;*/
}
#navbar ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	border-bottom:solid 1px #ffffff;
}

#navbar ul li
{

	font-weight:bold;
	font-size:12px;	
}
#navbar li a
{	
	width:125px;
	display:block;
	color:#ffffff;
	background-color:#919da7;
	text-decoration:none;	
	border-top:solid 1px #ffffff;
	border-left:solid 0px #91afbd;
	padding:5px 0px 5px 5px;
	cursor:pointer;
}
#navbar li a:hover
{	
	background-color:#c4d8df;
}
.link
{
	padding-left:5px;
}
#subnav ul
{
	list-style:none;
	list-style-type:none;
	border:none;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	border-right:solid 1px #919da7;
}
#subnav ul li
{
	font-size:11px;
	font-weight:bold;
	background-image:none;
	border-left:none;
	border-top:none;
	background-color:#ffffff;
	border-bottom:solid 1px #91afbd;
}
#subnav ul li a
{
	color:#999999;
	background-color:#ffffff;
}
#subnav ul li a:hover
{
	color:#ffffff;
}

#address
{
	background-color:#b2bec9;
	font-size:11px;
	padding:10px 2px 12px 10px;
	color:#314f68;
	border-top:solid 20px #cfd4d8;
}
#address a
{
	color:#314f68;
	text-decoration:underline;
}

/*------------------------------------------------------------------------*/
#doc_body
{
	width:855px;
	float:left;
	background-image:url(../images/nav_background.gif);
	background-repeat:repeat-y;


}
#content
{
	width:675px;
	padding:15px 20px 10px 10px;
	text-align:left;
	float:right;

}

#content li
{
	line-height:1.5;
	color:#666666;
}
#content h1
{
	color:#df700b;
	font-size:21px;
}
#content h2
{
	color:#336699;
}
#content h3
{
	font-size:14px;
	color:#2b4463;
	line-height:1.2;
}

/*------------------------------------------------------------------------*/
/*--formatting for footer-----*/
#footer
{
	width:675px;
	text-align:center;
	margin:40px 0 20px 150px; 
}
#footer img
{
	text-align:center;
	
}
#footer p
{
	border:solid 1px #cccccc;
	font-size:11px;
	color:#aaaaaa;
	background-image:url(../images/clear.gif);
	padding:5px 0 5px 0;
	margin:0;
}
	
/*------------------------------------------------------------------------*/
#adverts
{
	/*height:100%;*/
	width:144px;
	float:right;
	padding-top:15px;
	text-align:center;
}
.mapnav
{
	margin-bottom:5px;
}
.mapnav a img
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:solid 1px #707f8c;
}
.mapnav h3
{
	padding:2px 0px 2px 0px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:12px;
	margin:0px 0px 0px 0px;
}
.empty
{
	clear:both;
}
.non_link_color
{
	color:#666666;
}
.non_link_color:hover
{
	text-decoration:none;
	color:#e0670c;
}
/*------------------------------------------------------------------------*/
/*--formatting for home page-----*/

.top_homepage_boxes
{
    float:left;
	border:solid 1px #707f8c;
	width:218px;
	background-image:url(../images/box_background.jpg);
	background-repeat:repeat-x;
	color:#707f8c;
	height:190px;
}
#typeapproval
{
}
#typeapproval h3
{
	padding:2px 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:0px 0px 10px 0px;
	height:30px;	
}
#typeapproval h3 a
{
	padding:2px 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:0px 0px 10px 0px;
	height:30px;	
}
#typeapproval h4
{
	font-size:12px;
	margin:0px 5px 0px 5px;	
}

#forum
{
	margin-right:3px;
}
#forum h3
{
	padding:2px 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:0px 0px 10px 0px;
	height:30px;	
}
#forum h3 a
{
	padding:2px 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:0px 0px 10px 0px;
	height:30px;	
}
#forum h4
{
	font-size:12px;
	margin:0px 5px 0px 5px;	
}
.enter
{
	float:right;
	color:#fd7300;
	vertical-align:middle;
	margin-right:5px;
	margin-top:20px;
}
.enter a
{
	color:#e0660a;
	font-weight:bold;
}

#about
{
    width:220px;
	margin-right:3px;
	border:none;
}
#about h3
{
	padding:0 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:130px 0px 0px 0px;
	height:30px;
}
#about h3 a
{
	padding:2px 0px 0px 5px;
	background-color:#707f8c;
	color:#ffffff;
	font-size:21px;
	margin:130px 0px 0px 0px;
	height:30px;
}
.column_one
{
	float:left;
	width:220px;
	padding:0px 3px 0px 0px;
}
.section
{
	float:left;
	width:220px;
	padding:0px 3px 0px 0px;
}
.column_two
{
	float:left;
	width:220px;
	padding:0px 3px 0px 0px;
}
.title
{
	background-color:#df700b;
	color:#ffffff;
	font-size:14px;
	padding:2px 2px 2px 7px;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	height:23px;
	vertical-align:middle
}
.title p
{
	display:inline;
	color:#ffffff;
}
.title img
{
	float:right;
}
#channel_name
{
	display:block;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	background-color:#9dabb7;
	padding:3px;
	margin-bottom:10px;
}
.entry
{
	background-color:#ececec;
	color:#475764;
	font-size:11px;
	padding:2px 10px 2px 10px;
	margin:5px 0px 0px 0px;
}
h4
{
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
h4 a
{
	color:#df700b;
	background-image:url(../images/more_arrow.gif);
	background-position:35px 3px;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
	font-size:11px;
}
/*------------------------------------------------------------------------*/
/*--formatting for the forum-----*/
.forum_table
{
	border: 0px solid #480B62;
	font-size: 13px;
}
.forum_td_header
{
	color:#314f68;
	font-weight:bold;
	font-family:tahoma;
	background-color:#abc9d3;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:5px;
}
.forum_td_detail
{
	font-weight: bold;
	font-size: 11px;
	padding:3px;	
}
.forum_reply_td
{
	color:#314f68;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #FFFFFF;
	background-color:#abc9d3;
}
.forum_reply_text
{
	background-color: white;
	border: 1px solid #FFFFFF;
	color : #333399;
	font-family: arial;
	font-size: 11px;
}
/*------------------------------------------------------------------------*/
/*--formatting for the general news section-----*/
#general_news
{
	text-align:left;
	background-color:#ffffff;
}
#general_news h1
{
	display:block;
	padding:2px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background-color:#707f8c;
	text-align:center;
	margin-bottom:5px;
}
#general_news p
{
	line-height:1.2;
	font-size:11px;
	margin:7px 0 7px 0;
}
#general_news .article
{
	border-bottom:dashed 1px #e0670c;
}
/*------------------------------------------------------------------------*/
.news_story
{
    background-color:#ececec;
    padding:3px 10px 10px 10px;
    margin-top:5px;
}
.news_story p
{
    color:#475764;
    font-size:11px;
    margin:0;
    padding:0 0 8px 0;
    line-height:1.3;
}
.news_story a
{
    font-size:12px;
    font-weight:bold;
}
.news_wrapper
{
    float:left;
}
/* -- map navigation page styles ---------------------------------------------------*/
.navigation_map
{
    width:452px;
    float:left;
}
.office_links
{
    width:210px;
    float:right;
}



/*--rules for the fading images on homepage-----*/
#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/

		
		background-color:#fff;

		position:relative;	/* Never change this value */
		
		
	}
	.imageInGallery{		
		width:220px;
		height:130px;
		background-color:#fff;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}