/*----- HTML ELEMENTS -----*/

* {
margin: 0;
padding: 0;
}

body {
background: #fff;
color: #777;
font-size: 10pt;
font-family: tahoma, arial,"trebuchet ms", sans-serif;
}

p{
line-height: 1.6em;
}

br.clear {
clear: both;
}

.clear {	
clear: both;
}

img {
border: 0;
}

em {
color: #3589d2;
font-weight: bold;
}

/*----- HEADERS -----*/

h1,h2,h3,h4 {
font-weight: normal;
letter-spacing: -1px;
}

h1 {
padding: 0 8px 6px 0;
color: #0075bb;
font: normal 22px "Lucida Grande" , "Lucida Sans Unicode", arial, helvetica, sans-serif;
margin: 12px 0 0 12px;
}

h2 {
padding: 0 8px 6px 0;
color: #0075bb;
font: bold 17px "Lucida Grande" , "Lucida Sans Unicode", arial, helvetica, sans-serif;
margin: 12px 0 0 12px;
}

h3 {
padding: 12px 0 6px 0px;
color: #555;
font: 28px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
}

h4 {
padding: 12px 0 0px 0;
color: #0274bd;
font: 20px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
border-top: 1px solid #efefef;
margin: 12px 0 4px 0;
}

/*----- LINKS -----*/

a{
text-decoration: none;
color: #0075bb;
}

a:hover{
text-decoration: underline;
}

ul.links{
list-style: none;
}

ul.links li{
line-height: 2em;
}

ul.links li.first
{
}

/*----- IMAGES -----*/

.img_right {
float: right; 
margin: 1.5em 0em 12px 0.8em;
padding: 4px;
}

.img_right img {
display: block;
margin: 0;
padding: 2px;
}

.img_left img {
display: block;
margin: 0;
padding: 2px;
}

.img_left {
float: left; 
margin: 6px 18px 0em 10px;
padding: 2px;
}

.hiddenPic {
display:none;
}

/*---------------SITE STRUCTURE - MAIN DIVS -----------------*/

/*----- HEADER -----*/

#header {
width:100%;
height: 258px;
background: #fff;
}

#header_inner {
width: 900px;
height: 258px;
margin: 0 auto;
background: #fff;
padding: 0;
font: normal 1.0em tahoma, sans-serif;
}

#lefthead {
height: 258px;
width: 250px;
float: left;
background: #fff url(images/lefthead.jpg) no-repeat left;
}

#lefthead img {
margin: 100px 0 0 36px;
}

#righthead {
height: 258px;
width: 650px;
float: left;
background: #fff url(images/rightheader.jpg) no-repeat left;
}

/*----- MAIN AREA -----*/

#main {
width: 100%;
background: #fff;
}

#main_inner{
width: 900px;
margin: 0 auto;
background: #fff url(images/thebg.jpg) no-repeat top;
}

/*----- NAVIGATION -----*/

#navigation {
width: 900px;
height: 42px;
margin: 0;
background: transparent;
padding: 0 0 0 9px;
font: normal 12px tahoma, sans-serif;
}

.navi {
float: left;
background:  url(images/nav_bg.png) no-repeat center;
width: 173px; 
margin: 4px 0px 4px 3px;
padding: 4px 0 4px 0;
text-align: center;
}

/*----- LEFT COLUMNS -----*/
		
#leftcolumn {
float: left;
padding: 0 10px 0 0;
width: 350px;
margin: 0px 0px 0px 3px;
background: transparent;
height: 500px;
}

#leftcolumn p {
margin: 0 0 0 12px;
text-align: centre;
font-size: 11px;
color: #666666;
}

#leftcolumn img {
margin: 18px 0 4px 26px;
}

/*----- MAIN COLUMN -----*/

#rightcolumn {
width: 530px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 4px 0px 0;
background: transparent;
}

#rightcolumn p {
color: #333;
font: 13px/18px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
text-align: justify;
padding: 10px 12px 0 12px;
margin: 0 0 12px 0;
}

#rightcolumn table {
color: #333;
font: 13px/18px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
text-align: justify;
padding: 10px 12px 0 12px;
margin-left: 12px;
}

#rightcolumn ul {
color: #333;
font: 13px/18px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
padding: 10px 12px 0 12px;
margin: 0 0 12px 0;}

#rightcolumn li {
color: #333;
font: 13px/18px "Lucida Grande" , "Lucida Sans Unicode" ,arial,"trebuchet ms", sans-serif;
padding-left: 15px;
margin-left: 15px;
}

#buttons {
height: 117px;
width: 530px;
background: transparent;
margin: 0;
}

.spots {
height: 92px;
width: 100px;
float: left;
text-align: center;
margin: 12px 12px 12px 12px;
}

.spots1 {
height: 92px;
width: 100px;
float: left;
text-align: center;
margin: 12px 12px 12px 12px;
}

.spots2 {
height: 92px;
width: 100px;
float: left;
text-align: center;
margin: 12px 12px 12px 12px;
}

.spots3 {
height: 92px;
width: 100px;
float: left;
text-align: center;
margin: 12px 12px 12px 12px;
}

.maintable {
color: #333;
padding: 0 0 0 14px;
}

.maintable td {
vertical-align: top;
padding: 0 0 14px 0;
}

/*----- FOOTER -----*/

#footer {
width: 100%;
background: #fff;
height: 60px;
}

#footer_inner {
width: 900px;
height: 60px;
margin: 0 auto;
background: #fff url(images/footer_bg.jpg) no-repeat left;
padding: 0;
font-size: 8pt;
font-family: arial,"trebuchet ms", helvetica, sans-serif;
}

#footer_inner p {
color: #333;
padding: 20px 18px 0 0;
text-align: right;
}