/* CSS Document */

/*	Global	
---------------------------------------------------------------------------------------------------------------------------*/

h1 {font-size : 14px; font-weight: normal; color: #12ad2a; margin: 20px 0px 20px 0px; display: inline; } 

h2 {font-size : 13px; font-weight: bold; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }  

h3 {
	color: #696b69;
	font-size: 13px;
	margin: 0px 0px 0px 10px;	
}

h4 {
	color: #12ad2a;
	font-size: 14px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	color: #696b69;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	display: inline;	
}

h6 {font-size : 11px; font-weight: normal; } 

html , body { font-size: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#0077a1; height: 100%; } 



/*	Top Level Container (Logo Etc)
---------------------------------------------------------------------------------------------------------------------------*/

#top_container {
	width: 994px;
	height: 115px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}



#logo_telephone_container {
	width: 985px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}



#logo {
	width: 175px;
	height: 105px;
	float: left;
	padding: 5px 0px 0px 0px;
}


#telephone {
	width: 140px;
	height: 39px;
	float: right;
	padding: 5px 0px 0px 0px;
}



#btm_grey_container_bg {
	width: 100%;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}




/*	Home Focus Content Container
---------------------------------------------------------------------------------------------------------------------------*/

#focus_container {
	width: 630px;
	height: 335px;
	float: left;
	background: url(/img/layout/flash_bg.jpg) top left repeat;
	margin: 10px 0px 0px 10px;
}


#flash {
	width: 620px;
	height: 327px;
	float: left;
	padding: 4px 0px 0px 5px;
}






/*	Main Content Area
---------------------------------------------------------------------------------------------------------------------------*/

#container_main_content_top {
	width: 994px;
	height: 13px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/top_white_bg.gif) top left repeat;
}



#container_main_content {
	width: 994px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/middle_white_bg.gif) top left repeat;
}


#container_main_content_bottom {
	width: 994px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/bottom_white_bg.gif) top left repeat;
}



#welcome_text_container {
	padding: 10px 10px 0px 0px;
	margin: 10px 0px 10px 25px;
	width: 370px;
	height: auto;
	float: left;
	position: relative;
	display: block;
	color: #666666;
	font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; 
	font-size: 0.7em;
	line-height: 150%;
	clear:left;
}

welcome_text_container a:link, a:visited {
font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; font-weight: normal; text-decoration: underline; color: #0077A1; } 
welcome_text_container a:hover, a:active {
font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; font-weight: normal; text-decoration: none; color: #0077A1; } 





/*	Home - Services Area
---------------------------------------------------------------------------------------------------------------------------*/

#services_home_container {
	float: left;	
	width: 313px;
	height: 340px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 20px;
	font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; 
	color: #666666;
	font-size: 0.7em;
	line-height: 130%;
	background: url(/img/layout/services_for_business_bg.gif) top left repeat;
	clear:both;
}




#services_home ul {
        list-style-type: none;
        width: 255px;
		padding: 42px 0px 0px 40px;
		margin: 0px 0px 0px 0px;
		font: "Verdana",Arial,Tahoma,Verdana,Georgia;
		color: #666666;
		clear:both;
} 

#services_home li {
        margin: 4px 0px 4px 0px;
		padding: 0px;
		color: #666666;
		font: "Verdana",Arial,Tahoma,Verdana,Georgia;
		border-bottom: 1px dashed #999999;
		line-height: 130%;
}

#services_home li a { 
        color: #666;
        display: block;
        font: "Verdana",Arial,Tahoma,Verdana,Georgia;
		font-size: 11px;
		line-height: 150%;
        padding: 3px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
}

 * html #services_home li a {  /* make hover effect work in IE */
	width: 255px;
	margin: 0px 0px 0px 0px;
	color: #666;
}


 * html #services_home li {  /* spacing issue in IE */
        margin: 8px 0px 4px 0px;
}

#services_home li a:hover {
        background-color: #34697c;
		font: "Verdana",Arial,Tahoma,Verdana,Georgia;
		color: #FFF;
		
}


#services_home img {
		float: left;
		padding:2px 0px 2px 0px;
		margin: 0px 5px 0px 2px;
		border: none;
}




/*	Newsfeed Section
---------------------------------------------------------------------------------------------------------------------------*/


#newsfeed{
	font-family: "Verdana",Arial,Tahoma,Verdana,Georgia;
	font-size:11px;
	line-height: 150%;
	width: 320px;
	height: 300px; 
	color: #666666;
	float: left;
	margin-top:10px;
	margin-bottom:0px;
	padding: 10px 15px 10px 15px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
}
#newsfeed h2{
	padding:5px;
}
#newsfeed a{
	color:white;
}
#newsfeed img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.newsfeed_title{
	display:block; 
	font-weight:bold;
}
#newsfeed p{
	padding:0px;
	margin:10px 0px 0px 0px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #newsfeed p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#newsfeed p a{
	float:right;
}
#newsfeed_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}




#more_news_container {
		float: left;
		width: 308px;
		height: 24px;
		padding: 0px 0px 0px 0px;
		margin: 0px 5px 0px 2px;
		border: none;
		background: url(/img/layout/more_news_bg.jpg) top left repeat;
		font-family: "Verdana",Arial,Tahoma,Verdana,Georgia;
		font-size:11px;
}


#more_news_container img {
		float: left;
		padding: 5px 150px 2px 5px;
		margin: 0px 5px 0px 0px;
		border: none;
}

#more_news_text {
		float: right;
		width: 200px;
		height: 20px;
		padding: 0px 0px 0px 0px;
		margin: 0px;

}


/*	Home - Featured Area
---------------------------------------------------------------------------------------------------------------------------*/

#featured_content_container {
	width: 210px;
	height: 300px;
	padding: 10px 10px 0px 10px;
	float: left;
}



/*	Clear
---------------------------------------------------------------------------------------------------------------------------*/

#clear {
	clear: both;
}




/*	Footer	
---------------------------------------------------------------------------------------------------------------------------*/

	
#footer_text_container {
margin-left:auto;
margin-right:auto;
padding: 0px 0px 20px 0px;
width: 994px;
height: 24px;
background: url(/img/layout/footer_bg.gif) top left repeat;
padding: 0px 0px 0px 0px;
clear:both;
}

	
#footer_text {
float: right;
font-family: "Verdana",Arial,Tahoma,Verdana,Georgia;
font-size : 11px; 
font-weight: normal; 
color: #FFFFFF;
width: 369px;
height: 24px;
padding: 3px 0px 0px 20px;
margin: 0px 6px 20px 0px;
}

#footer_text a:link, footer_text a:visited {
font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; font-weight: normal; text-decoration: underline; color: #FFFFFF; } 
#footer_text a:hover, footer_text a:active {
font-family: "Verdana",Arial,Tahoma,Verdana,Georgia; font-weight: normal; text-decoration: none; color: #FFFFFF; } 





/*---------------------------------------------------------------------------------------------------------------------------*/