/*note a lot of rules here are duplicated in YFS css, as that web site was given it's own unique look!*/

@charset "utf-8";

h4 {
	font-size: 1.2em;}
h3 {
	font-size: 1.5em;}
	
p {line-height: 18px;}	

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #231f20 url(../img_shared/top_banner.gif) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* fix IE centre */
	color: #ffffff;
	height: 830px;
	overflow-x: hidden;}
	
#container {
	width: 800px;  
	margin: 0 auto; 
	text-align: left;} /* fix IE left */

#menu_top {
	margin-top: 30px;
	height: 25px;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;}	
	
#mainContent {
	margin: 0;
	height: 800px;}	
	
#globe {
	position: absolute;
	top: 85px;
	width: 205px;
	height: 205px;}
	
#logo {
	position: absolute;
	top: 85px;
	margin-left: 230px;
	width: 570px;
	height: 70px;
	background: #231f20;
	text-align: right;
	border: 1px solid #A0A0A4;}	
#logo p {
	margin: 10px 0;
	margin-right: 15px;}
#logo p.logoBig {
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: 6px;
	margin-top: 15px;
	margin-right: 8px;}
#logo p.logoSml {
	font-size: 9px;
	font-weight: bold;}	
	
#intro {
	position: absolute;
	top: 170px;
	margin-left: 230px;
	width: 275px;
	height: 120px;
	background: #231f20;
	border: 1px solid #A0A0A4;
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;}
#intro table {
	height: 100%;
	width: 100%;}	
#intro table td {
	text-align: center;}	
	
#pic_top {
	position: absolute;
	top: 170px;
	margin-left: 520px;
	width: 280px;
	height: 120px;
	background: #231f20;
	border: 1px solid #A0A0A4;
	text-align: center;}
	
#flash_menu, #flash_menu_h {
	position: absolute;
	margin-left: 520px;}
#flash_menu	a {
	margin: 2px 15px;}	
	
#logoBR {
	position: absolute;
	top: 646px;
	margin-left: 726px;
	width: 52px;
	height: 100px;}		
	
#content {
	position: absolute;
	top: 305px;
	width: 505px;
	height: 440px;
	border: 1px solid #A0A0A4;
	text-align: left;}	
#content h4 {
	margin: 5px 5px 10px 5px;} 
#content p, #content dl {
	margin: 20px 10px;
	padding: 0;}
#content h4 {margin-bottom: 10px;}
#content img {
	margin: 5px;
	padding: 0;}
#content a.links, dd {
	font-size: 0.9em;}	
dt {
	font-weight: bold;
	margin: 5px 0 0;}

#scroller_container {
	position: absolute;
	top: 305px;
	width: 505px;
	height: 440px;
	border: 1px solid #A0A0A4;
	text-align: left;
	overflow: hidden;} /* note IE8 beta seems to have a bug with this at the moment! 13-03-08 */
#scroller {
	position: absolute;
	width: 500px;}
#scroller h4 {
	margin: 5px 5px 10px 5px;}
#scroller p {
	margin: 20px 10px;}		
#scroller a {
	font-size: 0.9em;}
#scroll_arrows {
	position: absolute;
	top: 755px;
	margin-left: 465px;}
#scroll_arrows img {
	border: none;}

/*all posiitioning info is in unique css*/	
#contact {
	position: absolute;
	top: 175px;}
#contact_footer {
	position: absolute;
	top: 665px;
	width: 800px;}	
#contact_credit {
	position: absolute;
	top: 650px;
	z-index: 1}		
#contact_be, #contact_gn, #contact_rd, #contact_rd_p, #contact_rd_b, #contact_rd_g, #contact_rd_a, #contact_yw, #contact_yco {
	width: 800px;
	position: absolute;
	text-align: right}
#contact_globes_be, #contact_globes_gn, #contact_globes_rd, #contact_globes_rd_p, #contact_globes_rd_a, #contact_globes_rd_b, #contact_globes_rd_g, #contact_globes_yw, #contact_globes_yco {
	position: absolute;
	z-index: 1;
	margin-left: 145px;}	
	
#logo.compaines {
	top: 85px;
	margin-left: 0;
	width: 800px;}	
	
#cmpy_glb {	
	position: absolute;
	top: 75px;
	margin-left: 15px;
	z-index: 1;}
	
a:link, a:visited {	
	color: #ffffff;
	text-decoration: none;}		
	
#scrollTemp {
	position: absolute;
	top: 802px;
	margin: 0 0 0 155px;
	padding: 0;}
	
#forecastClick {
	position: absolute;
	top: 802px;
	margin: 0;
	padding: 0;
	color: #38A12B; 
	font-weight: bold;}
	
a.tempLink:hover {
	color: #38A12B;}	
	
/***********************/

.fltLeft {float: left;}
.fltRight {float: right;}
.fltLeftBold {float: left;
	font-weight: bold;}
.fltClear {clear: both;}
	
.txtBold {font-weight: bold;}
.txtRight {text-align: right;}
.txtRightItalic {text-align: right;
	font-style: italic;}
.txtLeft {text-align: left;}
.txtBoldCntr {font-weight: bold;
	text-align: center;}
.txtCntr {text-align: center;}
.txtBoldUnder {font-weight: bold;
	text-decoration: underline;}
.txtNormal {font-weight: normal;}