/* ============> Reset Styles (from meyerweb.com)  <============= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:					0;
	padding:				0;
	border:					0;
	outline:				0;
	font-size:				100%;
	vertical-align:			baseline;
	background:				transparent;
}

body {
	line-height:			1;
	font-family:			Helvetica,Arial,Verdana,sans-serif;
}

html {
	height:					100.5%;
	min-height:				100.5%;
	}

/*
ol, ul {
	list-style:				none;
}
*/

blockquote, q {
	quotes:					none;
}

/* remember to define focus styles! */
:focus {
	outline:					0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:		none;
}
del {
	text-decoration:		line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		collapse;
	border-spacing:		0;
}
/* end of reset */


/* Site styles */

body{background:#fff; color:#072d49; font-family:arial; text-align:center; font-size:14px;}
a{text-decoration:none;}

	.wrapper{
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}
	
		.header{
			float:left;
			width: 100%;
			margin:20px 0 0;
		}
		
			.logo{
				float:left;
			}

			.atol{
				float:left;
				padding-left:50px;
			}
	
			.social{
				float:right;
				padding-right:100px;
			}
	
			.search{
				float:right;
			}
			
				.search input{
					float:left;
				}
				
				.search input[type=text]{
					border: 1px solid #aaaaaa;
					height: 20px;
					width: 180px;
					margin-right:10px;
				}
			
				.search .number{
					font-size:18px;
					margin-bottom:15px;
				}
		
		.nav{
			float: left;
			background: #d31145;
			width:100%;
			margin-top:20px;
		}
		
			.nav ul{list-style: none; margin-left:-1px;}
			.nav ul li{
				float:left;
				padding:10px 38px;
				border-left:1px solid #fff;
			}
			.nav ul li a{
				color:#fff;
				font-weight:bold;
			}
			.nav ul li a:hover{color:#e4ded5; background-color:#4e2683;}
			
		.landingnav{
			float: left;
			background: #d31145;
			width:100%;
			margin-top:20px;
		}
		
			.landingnav ul{list-style: none; margin-left:-1px;}
			.landingnav ul li{
				float:left;
				width:400px;
				padding:10px 38px;
				border-left:1px solid #fff;
			}
			.landingnav ul li a{
				color:#fff;
				font-weight:bold;
			}
			.landingnav ul li a:hover{color:#e4ded5; background-color:#4e2683;}
	
		.section1{
			float:left;
			margin-top:15px;
		}
		
		.landingsection1{
			float:left;
			margin-top:15px;
			background-repeat:no-repeat;
			background-image: url(../img/LandingImage1.jpg);
			min-height: 350px;
		}
			.landingsec1_1{width: 380px; float:left; padding-left:20px;}
			.landingsec1_2{width: 550px; float:left; margin-left:10px}
		
		.section2{
			float: left;
			margin-top: 15px;
		}
			.sec2_1{width: 480px; float:left;}
			.sec2_2{width: 150px; float:left; margin-left:10px}
			.sec2_3{width: 150px; float:left; margin-left:10px}
			.sec2_4{width: 150px; float:left; margin-left:10px}

			.landingsec2_1{width: 480px; float:left;}
			.landingsec2_2{width: 470px; float:left; margin-left:10px}
			
			.section2 span {
				width: 160px;
				margin:10px 0 0 20px;
				float:left;
			}
			
			.section2 .heading {
				background-color: #d31145;
				color: #fff;
				font-weight: bold;
				font-size: 16px;
				padding:8px 20px;
			}
			
			.section2 .content_text{
				border: 2px solid #e3ddd3;
				overflow: auto;
			}
			
			.section2 .content_text p{
				padding:10px
			}
			
			a.enq{display:block; margin:49px 0 0 20px;}
		
		.footer{
			background: #f8f6f4;
			padding: 20px;
			font-size: 11px;
			line-height: 16px;
			float: left;
			width: 920px;
			height: 180px;
			margin: 15px 0;
			color:#000;
		}
		
			.address{
				float: left;
			}
				
				.address a{color:#000;}
				.address a:hover{text-decoration: underline;}
			
			.baselinks{
				float:right;
			}
				
				.baselinks a{margin-left: 10px;}
				
/* John's extra CSS definitions begin here */

#main			{	
/*	width:518px; */
	width: 728px;
	float:left;
	border:1px solid #cccccc;
	padding:15px;
	margin:0 12px 15px 12px 0px;
	min-height: 453px;
	
						}

#main p	{
	line-height: 140%;
	padding: 10px 0px 10px 0px
	}				
	
#main h3	{
	line-height: 140%;
	padding: 10px 0px 0px 0px
	}

#sidebar				{	
	width:198px;	
	float:left; 
	height: 100%;
	display:none;
	}	

#verticalbuttons	{	
	list-style:none;
	float:right;
	}
							
#main h2	{
	font-family:Arial,sans-serif;
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	color:#333;
	}

#main h2.pagetitle	{
	clear:both;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #cccccc;
	}

#main a{
	color:#000;
	}

#main a:hover{
	text-decoration: underline;
	}

#main label	{
	display: block;
	width: 200px;
	float: left;
	
   }
#main  input, select	{
	width: 280px;
	}
	
#main textarea {
	width: 280px;
	height: 100px;
	overflow: auto;
	
	}	

#main  input.numerical	{
	width: 100px;
	}	

#main  input.button	{
	width: 95px;
	}	
	
#verticalbuttons span {
	width: 180px;
	margin:10px 0 0 20px;
	float:left;
	}
			
#verticalbuttons .heading {
	background-color: #d31145;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding:8px 20px;
	width:148px;
	}
			
#verticalbuttons .content_text	{
	border: 1px solid #e3ddd3;
	overflow: auto;
	width: 186px;
	}
			
#verticalbuttons .content_text p{
	padding:10px
	}

#verticalbuttons .content_image {
	padding-bottom: 13px;
}