*
{
margin: 0;
padding: 0;
}
html
{
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
body
{
width: 100%;
height: 100%;
min-height: 100%;
min-width: 800px;
background-image: url(/images/bg_body.jpg);
background-repeat: repeat;
position: relative;
}
/* column container */
.colmask
{
position: relative;
clear: both;
float: left;
width: 100%;
min-height:100%;
overflow: hidden;
}
/* blog style 3 column settings */
.blogstyle .colmid
{
float: left;
width: 200%;
margin-left: -200px;
/* Width of right column */
position: relative;
right: 100%;
height: 100%;
min-height: 100%;
}
.blogstyle .colleft
{
float: left;
width: 100%;
margin-left: -200px;
/* Width of centre column */
height: 100%;
min-height: 100%;
}
.blogstyle .col1wrap
{
float: left;
width: 50%;
padding-bottom: 1em;
/* Centre column bottom padding. Leave it out if it's zero */
height: 100%;
min-height: 100%;
}
.blogstyle .col1
{
margin: 36px 216px 0 426px;
/* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position: relative;
left: 100%;
overflow: hidden;
height: 100%;
min-height: 100%;
}
.blogstyle .col2
{
float: right;
width: 170px;
/* Width of left column content (left column width minus left and right padding) */
position: relative;
left: 185px;
/* Width of the left-had side padding on the left column */
height: 100%;
min-height: 100%;
top: 226px;
}
.blogstyle .col2b
{
float: right;
width: 170px;
/* Width of left column content (left column width minus left and right padding) */
position: relative;
left: 166px;
/* Width of the left-had side padding on the left column */
height: 100%;
min-height: 100%;
top: 226px;
}
.blogstyle .col3
{
float: right;
width: 170px;
/* Width of right column content (right column width minus left and right padding) */
position: relative;
left: 715px;
height: 100%;
min-height: 100%;
top: 226px;
}
/* holy grail 3 column settings */
.holygrail .colmid
{
float: left;
width: 200%;
margin-left: -200px;
/* Width of right column */
position: relative;
right: 100%;
height: 100%;
min-height: 100%;
}
.holygrail .colleft
{
float: left;
width: 100%;
margin-left: -50%;
position: relative;
left: 400px;
/* Left column width + right column width */
height: 100%;
min-height: 100%;
}
.holygrail .col1wrap
{
float: left;
width: 50%;
position: relative;
right: 200px;
/* Width of left column */
height: 100%;
min-height: 100%;
}
.holygrail .col1
{
margin: 18px 210px;
/* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position: relative;
left: 200%;
min-height: 550px;
height: 100%;
top: -16px;
}
.holygrail .col2
{
float: right;
/* This overrides the float:left above */
width: 170px;
/* Width of left column content (left column width minus left and right padding) */
position: relative;
right: 5px;
/* Width of the left-had side padding on the left column */
margin-top: 30px;
height: 100%;
min-height: 100%;
}
.holygrail .col3
{
float: right;
/* This overrides the float:left above */
width: 170px;
/* Width of right column content (right column width minus left and right padding) */
margin: 0 45px 0 0;
/* Width of right column right-hand padding + left column left and right padding */
position: relative;
left: 50%;
height: 100%;
min-height: 750px;
}
/* holy grail wide 3 column settings */
.holygrailwide .colmid
{
float: left;
width: 200%;
margin-left: -300px;
/* Width of right column */
position: relative;
right: 100%;
height: 100%;
min-height: 100%;
}
.holygrailwide .colleft
{
float: left;
width: 100%;
margin-left: -50%;
position: relative;
left: 500px;
/* Left column width + right column width */
height: 100%;
min-height: 100%;
}
.holygrailwide .col1wrap
{
float: left;
width: 50%;
position: relative;
right: 200px;
/* Width of left column */
height: 100%;
min-height: 100%;
}
.holygrailwide .col1
{
margin: 18px 210px;
/* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position: relative;
left: 200%;
height: 100%;
min-height: 550px;
}
.holygrailwide .col1 p { margin: 0 100px 15px 10px; }
.holygrailwide .col2
{
float: right;
/* This overrides the float:left above */
width: 170px;
/* Width of left column content (left column width minus left and right padding) */
position: relative;
right: 5px;
/* Width of the left-had side padding on the left column */
margin-top: 30px;
height: 100%;
min-height: 100%;
}
.holygrailwide .col3
{
float: right;
/* This overrides the float:left above */
width: 270px;
/* Width of right column content (right column width minus left and right padding) */
margin-right: 45px;
/* Width of right column right-hand padding + left column left and right padding */
position: relative;
left: 50%;
padding: 110px 0 0 0;
height: 100%;
min-height: 100%;
}
.header
{
clear: both;
float: left;
width: 100%;
background-image: url(/images/bg_header.jpg);
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
}
#logo
{
margin: 0px;
padding: 0px;
z-index: 2000;
position: absolute;
float: left;
left: 22px;
top: 6px;
border: 0px;
}
#promo2
{
margin: 0;
display: inline;
float: right;
position: absolute;
right: 0px;
width: 308px;
height: 68px;
background: url(/images/bg_searchbox.jpg);
}
#nav
{
display: block;
float: left;
z-index: 100;
position: relative;
}
#promo
{
margin-top: 147px;
margin-left: auto;
margin-right: auto;
width: 775px;
text-align: center;
height: 0px;
}
#promosub
{
margin-top: 146px;
margin-left: auto;
margin-right: auto;
width: 775px;
text-align: center;
height: 0px;
}
#tagline
{
display: block;
width: 277px;
height: 10px;
background: url("/images/tagline2.gif") no-repeat 0 0;
text-align: center;
z-index: 1;
left: 50%;
right: 50%;
position: absolute;
top: 122px;
}
#tagline:hover
{
background-position: 0 -10px;
}
#tagline span
{
display: none;
}
#phototer
{
float: left;
clear: both;
position: relative;
margin: 5px 20px 10px 20px;
}
#ter_img_marker
{
padding: 20px 0 15px 0;
margin-left: auto;
margin-right: auto;
width: 83px;
}
.stretch
{
position: absolute;
top: 11px;
left: -5px;
width: 15px;
height: 100%;
min-height: 100%;
float: left;
z-index: -2;
}
.stretch img
{
width: 100%;
height: 100%;
min-height: 100%;
}
.mural
{
position: absolute;
right: 0;
width: 376px;
float: right;
clear: both;
}
.mural img
{
width: 500px;
height: 145px;
}
.floatbox
{
float: left;
width: auto;
}
.sidebox
{
margin: 0 auto;
/* center for now */
width: 19em;
/* ems so it will grow */
background: url(/images/div.gif) no-repeat top left;
}
.boxhead { margin: -15px 0 0 0; }
.boxhead h3
{
margin: 0;
padding: 20px 0px 5px 16px;
}
.boxbody ul
{
margin: 0;
padding: 5px 30px 80px 16px;
text-indent: 0;
}
.sidebox ul
{
padding-left: 30px;
margin-left: 1px;
border: none;
outline: none;
list-style-image: url(/images/bullet_subnav.gif);
font-family: Helvetica, Arial, sans-serif;
line-height: 1.22em;
font-size: 1.05em;
}
.sidebox li { padding-bottom: 5px; }
#footer
{
clear: both;
float: left;
width: 100%;
background: url(/images/bg_footer.jpg) repeat-x;
height: 45px;
position: relative;
margin: 0;
bottom: 0;
}
#footer a
{
font-family: Georgia, New York, Palatino, Times New Roman, Times, serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 14px 0 0 21px;
color: #E4A328;
float: left;
}
#footer a:hover
{
background: #E4A328;
color: #892a1e;
}
#copyright
{
text-align: right;
margin: 14px 21px 0 0;
font-family: Georgia, New York, Palatino, Times New Roman, Times, serif;
font-size: 11px;
color: #E4A328;
font-weight: bold;
}