/* CSS Document */

/*sets a div to clear any divs above it*/
.clear {clear: both;}
body {padding: 0px; margin: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
background-color: #fff;
	background-image: none;
	}

/*This box contains the main navigation and main page content and the sub navigation*/
#container {margin: 0 0 0 0; width: 100%; padding: 0;}

#menu{background-image:url(../images/columnbackg.gif); background-repeat: repeat-y;}
#topcolumn {width: 760px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; 
 color:#fff; font-size: 70%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#topcolumn ul {padding: 0px; margin: 0px; }

/*This sets the style for the main navigation bars, font size and text alignment*/
#topcolumn ul li {list-style: none; padding: 0px; margin:0px; line-height:145%; display: inline; }

/*This sets the height for the main navigation bars, this is altered by adjusting the top and bottom padding, which is currently set to 5px*/
#topcolumn ul li a {display: block; text-decoration: none;  width: 730px;   padding: 3px 5px 5px 8px; margin:0px 15px 0px 0px}
/*This sets the text colour for the main navigation bars*/
#topcolumn ul li a:link, #topcolumn ul li a:visited, #topcolumn ul li a:active {color: #ffffff;  
border-top: none;margin: 0px;  text-decoration:none;
}

/*This sets the background colour and text colour for the rollover state for the main navigation bars, and also to show what section you are in*/
#topcolumn ul li a:hover{color: #FFCC33;  
border-top: none; margin: 0px; text-decoration:none;}

 
 
 
 


#columnone {float: left; width: 30%; font-size: 70%; padding-top:0px; margin: 10px 0 0 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
/*This sets the padding and margin for the main navigation bars to zero*/
#columnone ul {padding: 0px; margin: 20px 0 0 30px;}

/*This sets the style for the main navigation bars, font size and text alignment*/
#columnone ul li { list-style: none; padding: 0px; margin:0px; line-height:145%; display: inline;}

/*This sets the height for the main navigation bars, this is altered by adjusting the top and bottom padding, which is currently set to 5px*/
#columnone ul li a {display: block; text-decoration: none;  width: 172px;   padding: 3px 5px 5px 8px; margin:0px 15px 0px 0px;  width: 80%;}
/*This sets the text colour for the main navigation bars*/
#columnone ul li a:link, #columnone ul li a:visited, #columnone ul li a:active {color: #666;  
border-top: 1px solid #ccc; margin: 0px;
}

/*This sets the background colour and text colour for the rollover state for the main navigation bars, and also to show what section you are in*/
#columnone ul li a:hover{color: #AD2122;  
border-top: 1px solid #AD2122; margin: 0px; text-decoration:none;}


#columntwo {float: left; background:url(../images/index5.jpg) transparent right top no-repeat; min-height: 500px; width: 70%;}
#columntwo img{}
p.first {color: #CD2222; margin: 0 0 10px 0; font-size: 120%; line-height:190%; letter-spacing:0.03em; font-weight: normal;}
#columnthree {float: left; width: 275px; padding-left:5px;}


/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; margin: 0; padding: 0; overflow: hidden; width: 720px; height: 1px; background: #none;}

/*sets the text size for the h1 text, main heading top right hand corner*/
h1 {font-size: 160%; text-align: right; font-weight: normal; padding: 0.6em 1em 0 0; margin: 0; line-height: 1.1em; color: #FFFFFF;}

/*sets the style for the page heading*/
h2 {font-size: 104%; font-weight: normal; padding: 0px 10px 3px 0; margin: 4px 10px 0px 14px; color: #fff; line-height:160%; letter-spacing:0.03em;}

.alignright {float: right;}

#colorcolumn {margin: 0; padding: 0;}
#colorcolumn h2 {color: #003366; font-family: "Times New Roman", Times, serif; font-size: 225%; margin: 0 0 0 0; padding: 0; line-height: 140%;}
#colorcolumn h2 span.firstword {color: #95A1CE;}

h1 {color: #848484;}
.topBar {background: #fff;}