/* STANDARD STYLES */

h1
{
	font-size: 14px;
	color: #10338f;
}

h3
{
	font-size: 12px;
	color: #10338f;
}

p
{
	font-size: 11px;
	line-height: 15px;
	margin: 5px 0 5px 0;
	color: #646464;
}

label
{
	font-size: 11px;
	color: #646464;
}

a
{
	text-decoration: none;
	color: #ff881a;
}

a:hover,
a.hi
{
	text-decoration: underline;
}

img
{
	border: 0;
}

ul li
{
	color: #646464;
	font-size: 11px;
}

ul.liststyle-none
{
	list-style: none;
	padding-left: 0;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/*Hides from IE-mac \*/
.clearfix { height: 1%;}
.clearfix{display: block;}
/* End Hide from IE-mac*/

/* PAGE STYLES */

body
{
	background: #081e57;
	background-position: 0px 800px;
	margin: 0;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
}

div#wrapper
{
	background: url('../images/body_bg.gif') repeat-y #ffffff;
	background-position: 972px 0px;
	padding: 0 23px 0 0;
	margin: 0 auto 0 auto;
	width: 972px;
}

/* 	HEADER STYLES */

	div#wrapper div#header
	{
		float: left;
		margin: 0;
		padding: 0;
	}
		
		div#wrapper div#header div#header-images
		{
			float: left;
			padding: 0;
			margin: 0;
			height: 181px;
		}
		
			div#wrapper div#header img#logo
			{
				padding: 8px 4px 0 24px;
				float: left;
				margin: 0;
			}
			
			div#wrapper div#header img#centre
			{
				padding: 0 0 0 31px;
				margin: 0;
			}
			
			div#wrapper div#header img#content-top
			{
				padding: 0;
				margin: 0;
			}
		
		div#wrapper div#header div#nav-bar
		{
			width: 972px;
			background: #0d3192;
		}
				
			div#wrapper div#header div#nav-bar a
			{
				color: #ffffff;
			}
		
			div#wrapper div#header div#nav-bar div#main-nav
			{
				float: left;
				background: #0d3192;
			}
			
				div#wrapper div#header div#nav-bar div#main-nav ul
				{
					float: left;
					list-style: none;
					font-size: 12px;
					padding: 0 95px 0 20px;
					margin: 0;
				}
				
					div#wrapper div#header div#nav-bar div#main-nav ul li
					{
						float: left;
						display: inline;
						color: #ffffff;
						border: solid #ffffff;
						border-width: 0 1px 0 0;
						padding: 3px 18px 3px 18px;
					}
					
					div#wrapper div#header div#nav-bar div#main-nav ul li.last,
					div#wrapper div#header div#nav-bar div#home-nav ul li.last
					{
						border: 0;
					}
					
					div#wrapper div#header div#nav-bar div#main-nav ul li.hi
					{
						background: #a47a0e;
					}
					
			div#wrapper div#header div#nav-bar div#home-nav
			{
				float: left;
				background: #25458e;
				width: 271px;
			}
			
				div#wrapper div#header div#nav-bar div#home-nav ul
				{
					float: left;
					list-style: none;
					font-size: 12px;
					padding: 0 0 0 3px;
					margin: 0;
					width: 135px;
				}
				
					div#wrapper div#header div#nav-bar div#home-nav ul li
					{
						float: left;
						display: inline;
						padding: 3px 8px 3px 27px;
						border-width: 0 1px 0 0;
						
					}
					
					
/* 	HOME PAGE STYLES */

	div#wrapper div#content-homepage
	{
		float: left;
	}
	
		div#wrapper div#content-homepage div#top-row
		{
			background: #758ac1;
			float: left;
		}
			
			div#wrapper div#content-homepage div#top-row div#banner
			{
				float: left;
				width: 354px;
			}
			
				div#wrapper div#content-homepage div#top-row div#banner h3
				{
					color: #f6f403;
					font-weight: normal;
					font-size: 14px;
					padding: 10px 30px 5px 30px;
					margin: 0;
				}
				
				div#wrapper div#content-homepage div#top-row div#banner p
				{
					padding: 0;
					margin: 0 30px 5px 30px;
					font-size: 12px;
					color: #ffffff;
				}
		
			div#wrapper div#content-homepage div#top-row img#middle-centre
			{
				float: left;
				background: none;
			}
			
			div#wrapper div#content-homepage div#top-row div#sign-up
			{
				width: 271px;
				float: left;
			}
			
				div#wrapper div#content-homepage div#top-row div#sign-up h3
				{
					color: #f6f403;
					font-weight: normal;
					font-size: 14px;
					padding: 10px 30px 5px 30px;
					margin: 0;
				}
				
				div#wrapper div#content-homepage div#top-row div#sign-up p
				{
					padding: 0;
					margin: 0 30px 0 30px;
					font-size: 12px;
					color: #ffffff;
					line-height: 13px;
				}
				
		div#wrapper div#content-homepage div#main div#left-col
		{
			float: left;	
			width: 308px;
			padding: 0;
			margin: 15px 20px 0 25px;
		}
					
			div#wrapper div#content-homepage div#main div#left-col h1
			{
				padding: 0;
				margin: 0;
			}
					
		div#wrapper div#content-homepage div#main div#middle-col
		{
			float: left;
			width: 350px;
		}
		
			div#wrapper div#content-homepage div#main div#middle-col div#useful
			{
				float: left;
				background: #c5d6e0;
				font-size: 12px;
				padding: 20px 0 55px 25px;
				width: 324px;
			}
			
				div#wrapper div#content-homepage div#main div#middle-col div#useful h3
				{
					margin: 0 0 5px 0;
				}
				
				div#wrapper div#content-homepage div#main div#middle-col div#useful ul
				{
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
					div#wrapper div#content-homepage div#main div#middle-col div#useful ul li
					{
						padding: 2px 0 2px 0;
					}
			
				
		div#wrapper div#content-homepage div#main div#right-col,
		div#wrapper div#content div#right-col
		{
			float: right;
			background: url('../images/newsletter_bg.gif') no-repeat #ffffff;
			width: 238px;
			margin: 25px 0px 0px 30px;
			padding-bottom: 15px;
		}
		
			div#wrapper div#content-homepage div#main div#right-col img#signup,
			div#wrapper div#content div#right-col img#signup
			{
				padding: 25px 0 0 110px;
				float: left;
			}
			
			
/* 	CONTENT PAGE STYLES */
	
	div#wrapper div#content
	{
		width: 972px;
		float: left;
		background: url('../images/content_bg.jpg') no-repeat #ffffff;
		background-position: 269px 0;
		min-height: 492px;
		height: auto !important;
		height: 492px;
	}
	
		div#wrapper div#bonus
		{
			float: left;
			margin-top: 90px;
			background: url('/images/extra_bg.gif') repeat-y 2px 0px;
		}
	
		div#wrapper div#content div#main
		{
			float: left;
			padding: 0 30px 40px 30px;
			width: 440px;
			margin: 0 0 0 198px;
			min-height: 362px;
			height: auto !important;
			height: 362px;
		}
		
		div#wrapper div#content div#right-content
		{
			float: left;
			padding: 0 0 0 20px;
			width: 200px;
		}
	
			div#wrapper div#content div#right-content ul
			{
				list-style: none;
				padding: 0;
				font-size: 11px;
			}
				
				div#wrapper div#content div#right-content ul li
				{
					padding: 0 0 2px 0;
				}
				
		div#wrapper div#content div#main ul
		{
			font-size: 12px;
		}
		
		
		div#wrapper div#content div#main div#register-form
		{
			float: left;
		}
		
			div#wrapper div#content div#main div#register-form form
			{
				float: left;
				width: 400px;
				padding-top: 20px;
			}
			
				div#wrapper div#content div#main div#register-form form div.form-row
				{
					margin-bottom: 10px;
				}
			
				div#wrapper div#content div#main div#register-form form label
				{
					float: left;
				}
				
				div#wrapper div#content div#main div#register-form form span.mandatory-field
				{
					color: #ff0000;
				}
				
				div#wrapper div#content div#main div#register-form form input
				{
					float: right;
					margin-top: 10px;
				}
				
				div#wrapper div#content div#main div#register-form form div.captcha span#sub
				{
					float: left;
					font-size: 12px;
					color: #646464;
					width: 150px;
					clear: left;
				}
				
				div#wrapper div#content div#main div#register-form form div.captcha label
				{
					margin-top: 0;
					float: left;
				}
				
				div#wrapper div#content div#main div#register-form form div.captcha span input
				{
					float: right;
					margin-top: 0;
					clear: right;
				}
				
				div#wrapper div#content div#main div#register-form form div.captcha span.captcha-img
				{
					float: right;
					margin-top: -20px;
				}
				
				input#submit
				{
					margin-top: 5px;
					clear: right;
				}

/* 	FOOTER STYLES */
	div#wrapper div#footer
	{
		float: left;
		background: #e6e6e6;
		width: 952px;
		padding: 0 0 60px 20px;
	}
	
		div#wrapper div#footer p,
		div#wrapper div#footer a
		{
			margin-top: 10px;
			color: #909291;
			font-size: 10px;
		}