body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#99cccc;
		background-position: top center;
		border:0px;

   }
   
   
	/* Header styles */
    #header {
		margin:0;
		padding:0;
        clear:both;
        float:left;
        width:100%;
		height:125px;
    }
	
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	
	
	
	
	
#layout_container {
	position:relative;	
	margin:0 auto;
	padding:0;
	width:1000px;
	
	height:1400px;
	
	background-image: url(../Images/home_fair.jpg) ;
	background-position: top center;
	background-repeat:no-repeat;
	overflow: hidden;
	
}




	
	
	/* column container */
	.colmask {
		margin:0;
		padding:0; 
		
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
		
	}
	.col1,
	.col2,
	.col3 {
		
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	
	.col1 {height:1000px;}
	
	
	/* 3 Column settings */
	.threecol {
				/* right column background colour */
	}
	.threecol .colmid {
		right:25%;				/* width of the right column */
		
	}
	.threecol .colleft {
		right:36%;				/* width of the middle column */
		
	}
	.threecol .col1 {
		width:36%;				/* width of center column content (column width minus padding on either side) */
		left:100%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:39%;				/* Width of left column content (column width minus padding on either side) */
		left:25%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	
	
	.threecol .col3 {
		width:20%;				/* Width of right column content (column width minus padding on either side) */
		left:61%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	
	
	
	#leftcoulumncontent{
	padding-top:1px;
		
	
	padding-left:120px;
	}
	
	#centercoulumncontent{
	padding-top:1px;
		
	
	padding-left:20px;
	}
	
	#rightcoulumncontent{
	padding-top:30px;
	margin-top:20px;
	margin-right:22px;
	
	
	
	padding-left:20px;
	}
	
	
	
	
	#footer {
        clear:both;
        float:left;
        width:100%;
		
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	
	
	#layout_top_nav {

	height:28px;
	padding-right:16px;
	margin-top:28px;
	padding-bottom:16px;
}



/* top nav */



	
	
	
.top_nav {
	
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F0EFE8;
}

.top_nav a {
	color:#F0EFE8;
	display:block;
	margin:3px 0;
	padding:0 8px;
	border-right:1px solid #F0EFE8;
}

.top_nav a:hover {
	color:#e4c100;
}
	
.top_nav ul {
	
	list-style:none;
}
	
.top_nav ul li {
	float:left;
	background-color:#336699;
}

.top_nav li.begin {
	padding-left:5px;
	background:#336699 url(../Images/top_begin.gif) top left no-repeat;
}

.top_nav li.end {
	padding-right:5px;
	background:#336699 url(../Images/top_end.gif) top right no-repeat;
}
	
.top_nav li.end a {
	border:none;
}



#layout_mandate {
	
	margin-top: 30px;
	padding-right:3px;
	height:250px;
	
	
}

p.mandate {
	font-size:12px;
	line-height: 20px;
	color: #99cccc;
}





#layout_links_left {
		position:absolute;
		left:145px;
		top:285px;
		
		right:35px;
		
	
	
	
}

p.layout_links_left {
	margin:10px;
	padding:0;
	font-size:15px;
	
	color: #336666;
	text-align:center;
	font-weight:bold;
	
	
}

p.layout_links_left a{
	
	color: #336666;
	
	
}


p.layout_links_left a:hover{
	
	color: #CCCC00;
	
	
}





#layout_calendar {
		position:absolute;
		left:145px;
		top:420px;
		
		right:35px;
	
		height:70px;
	
	
}

p.calendar {
	margin-top:40px;
	margin-left:14px;
	padding:0;
	font-size:16px;
	line-height: 13px;
	color: #336666;
	letter-spacing:1px;
	
	font-weight:bold;
}


p.calendar a{
	
	color: #336666;
	text-decoration:none;
	
	

}


p.calendar  a:hover{
	
	color: #CCCC00;
	
	
}



#layout_newsletter {
		position:absolute;
		left:145px;
		top:510px;
		
		right:35px;
		
		height:105px;
	
	
}

p.newsletter {
	margin-top:10px;
	margin-left:17px;
	margin-bottom:5px;
	padding:0;
	font-size:16px;
	line-height: 13px;
	color: #336666;
	letter-spacing:2px;
	font-weight:bold;
}


p.newsletter_links  a{
	
	color: #336666;
	font-size:11px;
	margin-top:0px;
	margin-left:17px;

}



p.newsletter_links  a:hover{
	
	color: #CCCC00;
	
	
}











#layout_address {
		margin-top:450px;
		
		text-align:right;
	
	
}

p.address {
margin-right:5px;
	font-size:12px;
	line-height: 20px;
	color: #003366;
}
























#layout_photo_gallery {
		margin-right:20px;
		margin-top:64px;
	
	
	
	
}

#photo_image {
padding:0;
margin-top:21px;
margin-left:40px;
}

p.photo_gallery {
padding:0;
margin:0;
text-align:right;
font-weight:bold;
	font-size:16px;
	letter-spacing:3px;
	color:#FFFFFF;
}



#layout_interactive {
padding:0;
margin-top:15px;
	position:absolute;
		
		top:300px;
		height:220px;
		left:30px;
		right:8px;
		
}





#interactive_image {
padding:0;

	position:absolute;
		
		top:10px;
		
		left:25px;
	
}


#interactive_links {
padding:0;

	position:absolute;
		
		top:40px;
		bottom:50px;
		
		left:200px;
		right:10px;
		
	
}


#interactive_links a:hover{
color:#0099FF;
		
	
}




#interactive_footer {
padding:0;

	position:absolute;
		
		top:170px;
		bottom:20px;
		
		left:25px;
		right:100px;
		
	
}


p.bubble_links {
padding:0;
margin-top:8px;
margin-bottom:0;
text-align:right;
font-weight:bold;

	font-size:13px;
	
	
}

p.bubble_links a {
color:#000000;
	
	
}

p.bubble_footer {
padding:0;
margin:0;
text-align:left;

	font-size:18px;
	letter-spacing:3px;
	
}




#layout_news {
	position:absolute;
		
		top:560px;
		height:210px;
		left:30px;
		right:8px;
		
		
	
	
	
	
}


#news_image {
padding:0;

	position:absolute;
		
		top:15px;
		
		left:25px;
	
}




#news_links {
padding:0;

	position:absolute;
		
		top:40px;
		bottom:50px;
		
		left:200px;
		right:10px;
		
	
}


#news_footer {
padding:0;

	position:absolute;
		
		top:175px;
		bottom:20px;
		
		left:25px;
		right:100px;
		
	
}




p.webcam_header {
padding:0;
margin-top:10px;
margin-bottom:10px;
text-align:left;
font-weight:bold;

	font-size:11px;
	
	
}


p.webcam {
padding:0;
margin-top:10px;
margin-bottom:10px;
text-align:left;


	font-size:11px;
	
	
}

img.webcam a { color:color: #336666;}




p.right_side_header {
padding:0;
margin-top:25px;
margin-bottom:10px;
text-align:left;
font-weight:bold;

	font-size:10px;
	
	
}


p.right_side_links {
padding:0;
margin-top:10px;
margin-bottom:10px;
text-align:left;
font-weight:bold;

	font-size:10px;
	
	
}



p.right_side_links a {
color: #336666;
	
}

p.right_side_links  a:hover{
	
	color:#333333;
	
	
}