@charset "utf-8";

/*
Generics
*/

body, html {
margin: 0px auto;
}

body, html {
background-color: #ffffff;
background-image: url("../images/bg-tile-dark.jpg");
background-position: left top;
background-repeat: repeat-x;
color: #ffffff;
font-family: Arial,Helvetica;
font-size: 84%;
}

p {
margin: 15px 2px;
}

h1 {
margin: 5px 2px 8px 2px;
}

img {
border: 0;
}

/*
Containers
*/

#CommonOuter {
width: 980px;
margin-left: auto;
margin-right: auto;
}

#CommonHeader {
height: 80px;
}

#logo {
float: left;
width: 330px;
height: 50px;
padding: 15px 10px;
}

#contact {
float: right;
width: 510px;
height: 50px;
font-size: 180%;
color: #ffffff;
font-weight: bold;
text-align: right;
padding: 15px 10px;
}

#contact a:link,  #contact a:visited, #contact a:active {
color: #ffffff;
text-decoration: none;
}

#contact a:hover {
color: #FFCC00;
}

#CommonUpperSpacer {
height: 4px;
background-image:url(../images/CommonUpperSpacer.gif);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 2px;
}

#CommonSplash {
height: 250px;
}

#CommonNavi {
height: 40px;
background-image:url(../images/CommonNavi.jpg);
background-position: left top;
background-repeat: repeat-x;
margin: 10px 0px;
padding-left: 20px;
}

#CommonNavi ul {
list-style-type: none;
margin: 0;
padding: 5px 0px;
}

#CommonNavi ul li {
color: #ffffff;
display: block;
float: left;
margin-right: 25px;
}

#CommonNavi li, #CommonNavi li a {
float: left;
color: #ffffff;
float: left;
display: block;
font-size: 130%;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#CommonNavi li a:hover {
color: #FFCC00;
}

#CommonMain {
clear: both;
height: auto;
}

#CommonMainLeft {
float: left;
width: 313px;
height: 250px;
background: url(../images/transparency.png) repeat scroll 0 0 transparent;
margin: 10px 10px;
}

.CommonMainLeftInner {
text-align: justify;
font-size: 130%;
color: #ffffff;
padding: 5px 8px;
}

#CommonMainLeftTall {
float: left;
width: 313px;
height: 500px;
background: url(../images/transparency.png) repeat scroll 0 0 transparent;
margin: 10px 10px;
}

.CommonMainLeftTallInner {
text-align: center;
font-size: 130%;
color: #ffffff;
padding: 5px 8px;
}

.CommonMainLeftInner a:link,  .CommonMainLeftInner a:visited, .CommonMainLeftInner a:active {
color: #ffffff;
text-decoration: none;
}

.CommonMainLeftInner a:hover {
color: #FFCC00;
}

#ComonMainRght {
float: right;
width: 636px;
height: 250px;
background: url(../images/transparency.png) repeat scroll 0 0 transparent;
margin: 10px 10px 10px 0px;
}

.CommonMainRightInner {
text-align: center;
font-size: 130%;
color: #ffffff;
padding: 5px;
}

#ComonMainRghtTall {
float: right;
width: 636px;
height: 500px;
background: url(../images/transparency.png) repeat scroll 0 0 transparent;
margin: 10px 10px 10px 0px;
}

.CommonMainRightTallInner {
text-align: justify;
font-size: 130%;
color: #ffffff;
padding: 5px;
}

#ComonMainRghtContact {
float: right;
width: 636px;
height: 600px;
background: url(../images/transparency.png) repeat scroll 0 0 transparent;
margin: 10px 10px 10px 0px;
}

.CommonMainRightContactInner {
text-align: center;
font-size: 130%;
color: #333333;
padding: 5px;
}

#ComonMainCentreBottom {
float: left;
width: 980px;
background: url(../images/transparency-20.png) repeat scroll 0 0 transparent;
margin-bottom: 0px;
}

.CommonMainCentreBottomInnerLeft {
float: left;
width: 630px;
text-align: justify;
font-size: 130%;
padding: 8px;
}

.CommonMainCentreBottomInnerRight {
float: right;
width: 313px;
text-align: center;
padding: 8px;
}

.CommonMainCentreBottomInnerRight img {
margin-bottom: 7px;
}

#CommonLowerSpacer {
clear: both;
height: 4px;
background-image:url(../images/CommonLowerSpacer.gif);
background-position: left top;
background-repeat: no-repeat;
margin: 2px 0px 10px 0px;
}

#CommonFooter {
clear: both;
height: 110px;
text-align: center;
color: #0066FF;
font-size: 100%;
}

#CommonFooter a:link,  #CommonFooter a:visited, #CommonFooter a:active {
color: #0066FF;
text-decoration: none;
}

#CommonFooter a:hover {
color: #FFCC00;
}

/*
Google Maps Stuff
*/

div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}

ul#basewords { width:980px; margin:auto; list-style:none }
ul#basewords li { float:left; margin-right:8px; color:#0066FF }
ul#basewords strong { font-weight:normal }