﻿/* -- RESET --------- */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
	
}

/* -- END RESET ----- */







body { background-color:#F5F5F5; }

ul	{ list-style-type: none;}



img { text-align: center;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.right {
    display: block;
    margin-left: auto;
    margin-right: 0;
}

img.left {
    display: block;
    margin-left: 0;
    margin-right:auto;
}


hr {border:0; width:100%;background-color:#4B6A89 ; height:1px}

h2 {font-size:16px; color:#4B6A89; }

h3 {font-size:14px; color:#4B6A89;}


table	{ table-layout: fixed; border-collapse:collapse; border:0; }
th 		{ border:none; }
td 		{ width:50%; border:none; }


ul.bullets_list {list-style-position:outside; list-style-type:circle; }

li.spc_l { margin: 0.5em 0; }

.blue {	color: #003399;	font-style: italic; padding:10px 0px;}

/* define link behaviour */
a:link		{color:#4B6A89;}
a:visited	{color:#666666;}
a:active	{color:#4B6A89;}
a:hover		{color:#808080;}
a:focus		{color:#4B6A89;}






/* --- INDIVIDUAL DIV BEHAVIOUR --- */


#wrapper { width: 900px; margin: 10px auto; background:#fff; }



/* FOR TOP NAVIGATION BAR PROPERTIES */

#topnav { background:#fff; clear: both; padding:5px 0px 5px 0px; 
	border-width: 1px; border-bottom-width:1px; border-bottom-color:#4B6A89;  border-bottom-style: solid;  }
#topnav ul 		{  list-style-type: none; text-align: center; } /*text-align: center; */
#topnav ul li 	{ display: inline; }
#topnav ul li a { text-decoration: none; padding: 5px 40px;	color: aqua; background-color:#fff; }

#topnav a:link		{color:#4B6A89;}
#topnav a:visited	{color:#4B6A89;}
#topnav a:active	{color:#4B6A89;}
#topnav a:hover		{color:#ffffff; background-color:#4B6A89}
#topnav a:focus		{color:#4B6A89;}

/* --------------------------------- */



#subbanner{ background:#fff; padding:10px 10px;}

#content { width: 580px; background:#fff; float: left; padding:0px 0px 0px 10px; 
	min-height: 600px; height: 100%;}

#content_centre { width: 650px; background:#fff; padding:0px 105px 20px 105px; 
	}

#content a {text-decoration:none;}

#content_wide {width:860px; background:#fff; float: left; padding:0px 20px 20px 20px;
	min-height: 600px; height: 100%;}

.vskip_div {padding:15px 0px 0px 0px; clear:both; }

.narrow_content_r {width:400px; float:right; padding:0px;}
.narrow_content_l {width:400px; float:left; padding:0px;}


/*#content_wide table {margin:auto;}*/


#rightside {background:#fff; width: 300px; float: right; padding:5px;}
#rightside img {display:block; margin:auto;}

#footer { clear: both; width: 100%;	text-align: center;	background-color:#fff; padding:5px 0px; 
	border-width: 1px; border-top-width:1px; border-top-color:#4B6A89;  border-top-style: solid;font-size:10px;	}

#map_canvas { width: 650px; height: 300px; }



/* Hard css reset (should find some css reset):

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	border:0;
}


 */
