/* CSS Document */

/* body
----------------------------------------------------------*/
	body {
		width:900px;
		margin-left:auto;
		margin-right:auto;
		font-size:100%;	
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color: #000000;
		background-color:#ffffff;
		}
		
/* Turn off any default image borders
---------------------------------------------------------*/
	:visited img {
		border:0;
		}
		
	:link img {
		border:0;
		}
		
	a img {
		border:0;
		}
		
/* Removes dotted outline on buttons in firefox
---------------------------------------------------------*/
	a {
		outline:none;
		}
		
/* Set all default margins and padding to zero
----------------------------------------------------------*/
	* {
		padding:0;
		margin:0;
		}
		
		
/* Headings
----------------------------------------------------------*/
	h1 {
		font-size: 160%; font-weight: normal; margin:20px 0 15px 0; padding: 0; color:#005366;
		}
		
	h2 {
		font-size: 110%; font-weight: normal; margin:20px 0 0 0; padding: 0; color:#453c3d;
		}
		
	h3 {
		font-size: 100%; font-weight: normal; margin:25px 0 5px 0; padding: 0;
		}
		
	h7 { 
		font-size: 85%; font-weight: normal; margin:25px 0 5px 0; padding: 0;
		}
		
	h6 { 
		font-size: 85%; font-weight: normal; margin:25px 0 5px 0; padding: 0;
		}
		
	h5 { 
		font-size: 85%; font-weight: normal; margin:25px 0 5px 0; padding: 0;
		}
		
	h4 { 
		font-size: 85%; font-weight: normal; margin:25px 0 5px 0; padding: 0;
		}
		
	#home h1 {
		margin:5px 10px 0 10px; color:#005366;
		}
		
	#home h2 {
		font-size: 80%; font-weight: normal; margin:0 0 10px 0; padding:2px 5px 2px 5px; color:#FFFFFF; background:#e34738 url('red_grad_bkg.jpg') repeat-x 50% bottom;
}
		
	#home h3 {
		font-size: 80%; font-weight: normal; margin:0 0 10px 0; padding:2px 5px 2px 5px; color:#FFFFFF; background:#027089 url('red_grad_bkg.jpg') repeat-x 50% bottom;
}
		
/* Paragraphs
----------------------------------------------------------*/
	p {
		font-size:70%;
		line-height:16px;
		text-align:left;
		}
		
	#home p {
		margin:10px 10px 5px 10px;
		}
		
	.newsLastItem {
		font-size:85%;
		color:#333333;
		padding-bottom:20px;
		}
		
	#home #footer_text p {
		font-size:55%;
		padding:0 0 0 30px;
		margin:0;
		}

		
	#footer_text p {
		font-size:55%;
		padding:0 0 0 30px;
		margin:0;
		}

		
/* Links 
----------------------------------------------------------*/
	a {
		text-decoration: none; color:#005366;
		}
	
	a:active {
		text-decoration: underline;
		}
		
	a:focus {
		text-decoration: underline;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
	/*News items*/
	.news a {
		text-decoration: none; color:#005366; font-weight:bold;
		}
	
	a:active {
		text-decoration: underline;
		}
		
	a:focus {
		text-decoration: underline;
		}
		
	.news a:hover {
		text-decoration: underline;
		}
		
	.newsDate {
		font-size:85%;
		color:#333333;
		}
		
		
/* images aligned left
---------------------------------------------------------*/
 	.leftAlignedImage {
		float:left;
		clear:right;
		margin:0 15px 5px 5px;
		border:1px solid #d0d2d2;
		}
		
/* images aligned right
---------------------------------------------------------*/
 	.rightAlignedImage {
		float:right;
		clear:left;
		margin:0 5px 5px 15px;
		border:1px solid #d0d2d2;
		}
		
/* Common Classes
---------------------------------------------------------*/
	.clr {
		clear:both; height: 0.1px; font-size: 0; line-height: 0;
		}
		
	ul{
		font-size:70%;
		padding:0 0 0 30px;
		list-style:none;
		}
		
	li{
		background:url('red_bullet.jpg') no-repeat left center;
		padding:0 0 0 25px;
		}
	
		
/* Site template items START here
----------------------------------------------------------------------------------------------------*/

	/* Container for entirer site*/
	#site_container {
		width: 100%;
		height:100%;
		background-color:#FFFFFF;
		}
		
	/* Container for entirer site*/
	#top_bar {
		width: 100%;
		height:100px;
		background-color:#FFFFFF;
		}


	/* logo*/		
	#logo {
		float:left;
		clear:right;
		margin:20px 0 0 0;
		}
		
	#strapline {
		float:right;
		margin:33px 0 0 0;
		}
		
	#strapline p{
		text-align:right;
		font-size:160%;
		line-height:25px;
		color:#a0aab0;
		margin:0;
		}
		
	/* Generic nav: Home | Do it Online | etc...*/
	#primary_nav {
		clear:both;
		float:left;
		height:auto;
		width:100%;
		background:#027089 url('red_grad_bkg.jpg') repeat-x 50% bottom;
		}

	#primary_nav ul{
		list-style-type:none;
		text-align:left;
		padding:0 0 0 0;
		}
		
	#primary_nav ul li a{
		text-decoration: none;
		color:#FFFFFF;
		font-size:120%;
		font-weight:normal;
		color:#FFFFFF;
		padding:3px 20px 2px 20px;
		line-height:23px;		
	}
	
	#primary_nav ul li a:focus {
		text-decoration:underline;
		}

	#primary_nav ul li a:hover {
		text-decoration:underline;
		}

	/* IE7 fix for page zoom*/			
	#primary_nav li{
		display:inline-block;
		}
		
	#primary_nav li{
		display:inline;
		background:none;
		padding:0;		
		}
		
	/* Highlighting the current page*/

	#primary_nav #primary_active a {
		color:#D5D9DB;
		}
				
	.coloured_bar {
		clear:both;
		float:left;
		height:20px;
		width:100%;
		background:#a4aeb2 url('black_grad_bkg.gif') repeat-x 50% bottom;
		}
		
	/* footer text */
	#footer_text {
		clear:both;
		float:left;
		width:900px;
		padding:0 0 10px 0;
		}
		
	#footer_text ul{
		list-style-type:none;
		text-align:left;
		padding:0 0 0 0;
		}
		
	#footer_text ul li a{
		text-decoration: none;
		font-size:100%;
		padding:0 15px 0 15px;
		line-height:0;
		border-right:1px solid #005366;	
	}
	
	#footer_text ul li a:focus {
		text-decoration:underline;
		}

	#footer_text ul li a:hover {
		text-decoration:underline;
		}

	/* IE7 fix for page zoom*/			
	#footer_text li{
		display:inline-block;
		}
		
	#footer_text li{
		display:inline;
		background:none;
		padding:0;		
		}
		
	#footer_text .firstFooterItem {
		border-left:1px solid #005366;
		}

		
	#footer_text .lastFooterItem {
		border-right:none;
		}
		
	/*homepage content */
	#content_container {
		clear:both;
		float:left;
		height:auto;
		width:100%;
		margin:10px 0 0 0;
		}
		
	.content_left {
		float:left;
		clear:right;
		height:auto;
		width:600px;
		}
		
	.content_right {
		float:right;
		height:auto;
		width:293px;
		}
		
	.panel {
		border:1px solid #a0aab0;
		border-bottom:none;
		height:auto;
		width:auto;
		margin:0 0 0 0;
		padding:0;
		background-color:#ffffff;
		}
		
	.panelA {
		border:1px solid #a0aab0;
		border-bottom:none;
		height:540px;
		width:auto;
		margin:0 0 0 0;
		padding:0;
		background-color:#ffffff;
		}

	.panelabout {
		border:1px solid #a0aab0;
		border-bottom:none;
		height:760px;
		width:auto;
		margin:0 0 0 0;
		padding:0;
		background-color:#ffffff;
		}

	.rounded_panel_corners {
		height:10px;
		background:#f8f8f8 url('round_corner_bkg.jpg') repeat-x;
		margin:0 0 7px 0;
		}
		
	.rounded_corner_left{
		float:left;
		clear:right;
		height:10px;
		width:10px;
		background:url('round_corner_left.gif') no-repeat;
}
		
	.rounded_corner_right{
		float:right;
		height:10px;
		width:10px;
		background:url('round_corner_right.gif') no-repeat;
}
		
	#content_banners {
		clear:both;
		float:left;
		width:100%;
		}
		
	.bottomBanner {
		padding:0 0 0 3px;
		margin:7px 0 10px 0;
		}
		

		
/* Sub page layout START here
----------------------------------------------------------------------------------------------------*/
		
	#sub_content_container {
		float:left;
		clear:right;
		width:480px;
		height:auto;
		margin:0 0 0 10px;
		padding:0 10px 30px 10px;
		}
	
	/* secondary nav */	
	#secondary_nav {
		float:left;
		clear:right;
		width:200px;
		height:auto;
		}

	#secondary_nav ul{
		list-style-type:none;
		text-align:left;
		padding:20px 0 0 0;
		}
		
	#secondary_nav li{
		margin-bottom:1px;
		background:#FFFFFF url('secondary_nav_marker.jpg') repeat-y left 50%;
		padding:0;
		}
		
	#secondary_nav ul li a{
		text-decoration: none;
		color:#000000;
		font-size:120%;
		font-weight:normal;
		padding:0 20px 0 25px;
		display:block;
		border:1px solid #a0aab0;
		line-height:30px;
		border-left:none;
	}
		
	#secondary_nav ul li a:focus {
		background:url('secondary_nav_marker.jpg') repeat-y left 50%;
		text-decoration:underline;
		}
		
	#secondary_nav ul li a:hover {
		background:url('secondary_nav_marker.jpg') repeat-y left 50%;
		text-decoration:underline;
		}
		
	/* Highlighting the current page*/
	#secondary_nav #secondary_active a {
		color:#FFFFFF;
		background:#005366 url('secondary_nav_marker.jpg') repeat-y left 50%;
		}
		
	/* tools column */
	#tools_column {
		float:right;
		width:180px;
		height:370px;
		background:url('grey_gradient_divider.gif') no-repeat left top;
}
		
	#tools_column ul{
		list-style-type:none;
		text-align:left;
		padding:20px 0 0 0;
		}
		
	#tools_column li{
		margin-bottom:1px;
		background:url('red_arrow.gif') no-repeat left 50%;
		padding:0;
		}
		
	#tools_column ul li a{
		text-decoration: none;
		color:#005366;
		font-size:120%;
		font-weight:normal;
		padding:0 10px 0 25px;
		line-height:30px;
	}
		
	#tools_column ul li a:focus {
		text-decoration:underline;
		}

	#tools_column ul li a:hover {
		text-decoration:underline;
		}

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

	/* tools column */
	#summary_column {
		float:right;
		width:280px;
		height:370px;
		background:url('grey_gradient_divider.gif') no-repeat left top;
}
		
	#tools_column ul{
		list-style-type:none;
		text-align:left;
		padding:20px 0 0 0;
		}
		
	#tools_column li{
		margin-bottom:1px;
		background:url('red_arrow.gif') no-repeat left 50%;
		padding:0;
		}
		
	#tools_column ul li a{
		text-decoration: none;
		color:#005366;
		font-size:120%;
		font-weight:normal;
		padding:0 10px 0 25px;
		line-height:30px;
	}
		
	#tools_column ul li a:focus {
		text-decoration:underline;
		}

	
	#tools_column ul li a:hover {
		text-decoration:underline;
		}

	
/* Sub page layout FINSHES here
----------------------------------------------------------------------------------------------------*/