/* CSS Document */

body { background-color: #FFFFFF;
text-align: center; /* hack for I.E. to centre everything on the web page */
min-width: 838px; /* hack for Firefox to centre everything on the web page */
 }

#outercontainer {
width: 100%;
margin: 0 auto;
}

#top {
background-image: url(../images/blue_tile.gif);
height: 114px;
}

#container { 
width : 890px;
margin : -114px auto; /* centers everything on web page -114 pulls the main table up vertically */
/* border: 1px #ABA099 solid; */
background-color: #FFFFFF;
text-align: left; /* hack for I.E. to centre everything on the web page */
} 

#top_default {
background-image: url(../images/blue_tile_c.gif);
height: 50px;
}

#container_default { 
width : 790px;
margin : -50px auto; /* centers everything on web page -50 pulls the main table up vertically */
/* border: 1px #ABA099 solid; */
background-color: #FFFFFF;
text-align: left; /* hack for I.E. to centre everything on the web page */
} 

#content_2col {
margin: 2px 0px 0px 240px;  
padding: 0px 2px 0px 35px;
color: #999; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.2em;
}

#left {
float: left;
width: 200px;
margin: 0px; 
padding: 0px 0px 0px 35px;
font-size: .9em;
}


/* float the Scroller to the right of the web page */

#right {
float: right;      
width: 200px;   /* this value must be 200px */
margin: 5px 0px 115px 0px;  /* 115px ensures that the scroller has a bottom border! */  
padding: 0px;
}

#facebook {
	padding-top: 100%;
}

/* Rounded Boxes for Scroller*/

.rounded {
	width: 100%;
	background: #FFFFFF;
	margin: 0 0 10px 0;
}

.rounded * {
	font-family: arial, sans-serif;
	color: black;	
}

.rounded .top {
	background: #FFFFFF url(../images/corners.gif)  0px 0px no-repeat;
	height: 8px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
}

.rounded .top div {
	background: url(../images/corners.gif)  -2992px 0px no-repeat;
	width: 8px;
	height: 8px;
	float: right;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}

.rounded .content {
	border-color: #aba099;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	padding: 0px;	
}

.rounded .content h5, {
	margin: 0px;
	color: #00A0E4;    /* blue for date in scroller */
	text-align: left;
	padding: 0px 5px 0px 5px;	
}

.rounded .content p{
	margin: 0px;
	color: #5F5F5F;    /* grey for text in scroller */
	text-align: left;
	padding: 0px 5px 0px 5px;
}


.rounded .bottom {
	background: url(../images/corners.gif) 0px -8px no-repeat;
	height: 8px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
}


.rounded .bottom div {
	background: url(../images/corners.gif) -2992px -8px no-repeat;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	line-height: 1px;
	font-size: 1px;
	_padding: -1px;
}

/* end of Rounded Boxes for Scroller */

/* left navigation */
td.nav { padding: 4px 2px 8px 30px; background: white url(../images/nav_button.jpg) no-repeat 2px center;}
td.nav a { font-family:  Arial, Helvetica, sans-serif; text-decoration: none; color: #00A0E4; font-weight: normal; font-size: 1em; }
td.nav a:hover {font-weight: normal; text-decoration: underline; color: #5F5F5F; }

/* sub navigation */
td.subnav { padding: 4px 2px 8px 30px;}
td.subnav a { font-family:  Arial, Helvetica, sans-serif; text-decoration: none; color: #5F5F5F; font-weight: normal; font-size: 1em; }
td.subnav a:hover {font-weight: normal; text-decoration: underline; color: #5F5F5F; }



/* The following resolves the issue about the content text being affected by the scrollbar code i.e. the colour and size of font, etc. */

.content_2col {
margin: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
color: #5F5F5F;  
}

.content_2col p {
color: #5F5F5F; 
font-size: 100%;
}


.content_2col H3 { color: #00A0E4; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; } 

/* creates green bullet for lists */
.content_2col ul { color: #95E248; font-size: 90%; }
.content_2col ul span { color: #5F5F5F; } 

H4 { color: #00A0E4; font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 

table.allborders { border-left: solid #ABA099 1px; border-bottom: solid #ABA099 1px;}
table.allborders td { border-top: solid #ABA099 1px; border-right: solid #ABA099 1px; font-size: 80%; color: #5F5F5F; }

table.noborders { font-size: 100%; color: #5F5F5F; }

p.blue {color: #00A0E4; }

p.green {color: #95E248; }

a.hpha { color: #434E52; text-decoration: none; }
a:hover.hpha { color: #000000; text-decoration: underline; }



#footer {
	clear: both;
	border-top: 1px solid #5F5F5F;
	color: #5F5F5F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 20px;
	margin-left: 100px;
	left: 100px;
	padding: 5px 0 0px 0;
	text-align: center;
	width: 80%;
}

.nospace {
    padding: 0;
    margin: 0;
}

.floatleft {
    float: left;
}