* {
padding: 0;
margin: 0;
}

body {
background: #336899 url(../images/hebridean/hebridean-wild-background.png) repeat-x top center;
font: 12px arial, verdana, sans-serif;
text-align: center;
margin: 15px 0 15px;
}

/****** FLOAT HACK ******/
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide */

/****** TRANSPARENCY HACK ******/

img, div#topBanner {
behavior: url(./stylesheets/iepngfix.htc);
}

/****** DEFAULT LINKS/FORMS ******/

a {
color: #000000;
}

a:hover {
color: #FF0000;
}

/****** MAIN MENU ******/

ul#mainMenu, ul#subMenu {
list-style-type: none;
}

ul#mainMenu {
margin-top: 10px;
}

ul#mainMenu li {
display: inline;
margin: 0 12px 0 12px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}

ul#subMenu li {
display: inline;
margin: 0 15px 0 15px;
color: #ffffff;
font-size: 10px;
}

ul#mainMenu li a:link, ul#mainMenu li a:visited, u#mainMenu li a:active, ul#subMenu li a:link, ul#subMenu li a:visited, u#subMenu li a:active {
color: #ffffff;
text-decoration: none;
}

ul#mainMenu li a:hover, ul#subMenu li a:hover {
color: #ff0000;
}

/****** STRUCTURE  ******/

div#contentContainer {
margin: 0 auto;
width: 795px;
}

div#topBanner {
background: url(../images/hebridean/hebridean-wild-banner.png) no-repeat top center;
width: 795px;
height: 51px;
}

div#mainSplash {
background: url(../images/hebridean/hebridean-main-splash.png) no-repeat top center;
width: 795px;
height: 202px;
margin-top: 5px;
}

div#content {
height: 500px;
padding: 8px;
background: #E0E0E0 url(../images/hebridean/content-background.png) no-repeat bottom right; 
overflow: auto;
text-align: left;
}

/****** TOOLBOX ******/
p {
margin-top: 15px;
}

p.start {
margin-top: 0px;
}

div.filler {
height: 109px;
}

/****** GLOBAL ******/

h1 {
font: 20px arial, verdana, sans-serif;
color: #000000;
font-weight: bold;
clear: both;
}

h2 {
font: 16px arial, verdana, sans-serif;
color: #000000;
font-weight: bold;
margin: 10px 0 5px 0;
clear: both;
}

h2.center {
text-align: center;
}

p {
margin: 15px 0 15px 0;
font: 12px arial, verdana, sans-serif;
}

span.italic {
font-style: italic;
}

img.right {
border: 1px solid #000000;
float: right;
margin: 5px 0 5px 5px;
}

img.left {
border: 1px solid #000000;
float: left;
margin: 5px 5px 5px 0;
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
margin-top: 5px;
}

table {
width: 100%;
}

td {
padding: 5px 0 0 5px;
}

td.right {
text-align: right;
}

td.center {
text-align: center;
}

td.left {
text-align: left;
}

span.bold {
font-weight: bold;
}

p.center {
text-align: center;
}

input, textarea {
width: 250px;
border: 1px solid #000000;
padding: 2px;
}

div#content ul {
position: relative;
list-style-type: decimal;
margin-left: 30px;
margin-bottom: 5px;
}

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}

.red {
color: #ff0000;
}

.green {
color: #009933;
}

.footer {
margin: 10px auto 10px auto;
color: #ffffff;
}

.footer a {
color: #fff;
}