html, body {
width:100%;
height:100%;
margin:0;
padding:0;
background:#181411 url(../images/design/sitebg.jpg) repeat-x;
}

.clear {
clear:both;
}

#wrapper {
width:980px;
min-height:100%;
margin:0 auto -72px;
padding:0;
background: #181411 url(../images/design/st_lawrence1_framebg.jpg) no-repeat top center;
}

#leftCol {
float:left;
width:315px;
height:auto;
margin:0;
padding:0;
}

.chromestyle {
position:relative;
float:right;
width:auto;
height:auto;
margin:75px 0 15px;
padding:0;
}

.chromestyle ul li {
list-style:none;
margin:0;
padding:0;
cursor:pointer;
}

.chromestyle ul li a {
font-family:Verdana, Arial, Helvetica;
font-size:12pt;
font-weight:500;
color:#FFF;
text-align:right;
text-decoration:none;
letter-spacing:0.1em;
width:200px;
height:30px;
margin:0;
padding:6px 0 0 10px;
display:block;
}

.chromestyle ul li a:hover {
color:#FFF;
}

.dropmenudiv {
position:relative;
display:none;
width:210px;
margin:2px 0 0;
padding:0;
cursor:default;
}

.dropmenudiv a {
font-family:Verdana, Arial, Helvetica;
font-size:10pt;
font-weight:500;
color:#fdb927;
text-align:right;
text-decoration:none;
letter-spacing:normal;
width:208px;
margin:0 0 10px 0;
padding:0;
display:block;
}

.dropmenudiv a:hover {
color:#fdb927;
font-weight:700;
}

#rightCol {
float:right;
width:659px;
height:auto;
margin:0;
padding:0;
}

#globalNav {
clear:both;
width:649px;
height:25px;
margin:36px 0 0 0;
padding:8px 0 0;
text-align:right;
}

#globalNav a {
font-family:Verdana, Arial, Helvetica;
font-size:10pt;
font-weight:700;
color:#352d25;
text-decoration:none;
margin:0;
padding:0 14px;
}

#globalNav a:hover {
color:#635346;
}

#promoCell {
float:right;
width:200px;
height:314px;
margin:5px 0 9px 5px;
padding:0;
}

#promo1 a {
display:block;
clear:right;
width:200px;
height:118px;
margin:0 0 3px;
padding:0;
background:url(../images/design/promo_tiles.png) 0 0;
}

#promo2 a {
display:block;
clear:right;
width:200px;
height:98px;
margin:0 0 3px;
padding:0;
background:url(../images/design/promo_tiles.png) 0 196px;
}

#promo3 a {
display:block;
clear:right;
width:200px;
height:99px;
margin:0 0 3px;
padding:0;
background:url(../images/design/promo_tiles.png) 0 99px;
}

#promo1 a:hover {
background:url(../images/design/promo_tiles.png) 200px 0;
}

#promo2 a:hover {
background:url(../images/design/promo_tiles.png) 200px 196px;
}

#promo3 a:hover {
background:url(../images/design/promo_tiles.png) 200px 99px;
}

#slideshow {
position:relative;
float:right;
width:449px;
height:298px;
margin:23px 0 9px 0;
padding:0;
background-color:#fdb927;
box-shadow:3px 3px 4px #535758;
-webkit-box-shadow:3px 4px 6px #535758;
-moz-box-shadow:3px 3px 4px #535758;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#001312, offX=2, offY=2, positive=true);
}

#slideshow IMG {
position:absolute;
top:5px;
left:5px;
z-index:8;
width:439px;
height:288px;
opacity:0.0;
filter:alpha(opacity=0);
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
filter:alpha(opacity=100);
}

#slideshow IMG.last-active {
z-index:9;
}

#sidebar {
float:right;
clear:both;
max-width:300px;
height:auto;
margin:0 0 10px;
padding:10px;
text-align:center;
}

#content {
clear:both;
max-width:654px;
height:auto;
margin:0 0 0 7px;
padding:0 0 10px 0;
background-image: url(../images/design/content_bgtile.png);
background-repeat:repeat-y;
}

table.page {
width:600px;
height:auto;
margin:0 auto 25px;
padding:0;
}

table.page img {
/*width:300px;*/
border:none;
}

table.page .scorecard {
/*width:600px;*/
border:none;
}

div.block {
clear:both;
margin:0;
padding:5px 0;
}

hr {
width:100%;
border:#B3B2AF solid 1px;
}

h1 {
font-family:Verdana, Arial, Helvetica;
font-size:16pt;
font-weight:500;
color:#2c5985;
margin:5px 0 10px 0;
padding:0;
}

h2 {
font-family:Verdana, Arial, Helvetica;
font-style:normal;
font-size:14pt;
font-weight:500;
color:#73614C;
margin:0;
padding:0;
}

p.header1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
font-style:italic;
color:#73614C;
margin:0;
padding: 0 0 4px 0;
}

p.header2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#181411;
margin:0;
padding: 0 0 4px 0;
}

p.header3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#181411;
text-align:left;
margin:0;
padding: 0 0 2px 0;
}

p, p.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#181411;
letter-spacing:normal;
line-height:15pt;
margin:0 0 10px 0;
padding:0;
}

p.sptext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#181411;
letter-spacing:normal;
line-height:15pt;
margin:0;
padding:0;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#2c5985;
text-decoration:none;
margin:0;
padding:0;
}

a:hover {
text-decoration:underline;
}

p.contactHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#73614C;
margin:0;
padding: 0 0 4px 0;
}

p.address {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#181411;
letter-spacing:normal;
line-height:17pt;
margin:0;
padding:0;
}

span.number {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
font-style:normal;
color:#181411;
letter-spacing:normal;
margin:0;
padding:0;
}

span.email {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
font-style:normal;
color:#27719F;
letter-spacing:normal;
margin:0 0 0 12px;
padding:0;
}

ul {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:500;
font-style:normal;
color:#181411;
letter-spacing:normal;
list-style-position:inside;
list-style-type:disk;
margin:10px 0 0 10px;
padding:0;
}

ul li {
margin:0 0 10px 0;
padding:0;
}

table.rates {
width:600px;
height:auto;
margin:0 auto 10px;
padding:0;
table-layout:auto;
border-spacing:5px;
}

td.rateslabel,td.rates {
margin:0;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#333;
background-color:#F1EAD4;
}

td.rateslabel {
width:300px;
text-align:left;
}

td.rates {
width:50px;
text-align:center;
}

td.ratestop {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:10pt;
color:#181411;
text-align:center;
}

td.ratestop:first-child {
text-align:left;
}

form {
width:auto;
height:auto;
margin:0;
padding:5px;
}

table.reg_form {
margin:0 auto;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#181411;
background-color:#D1DFDF;
}

input[type="text"] {
padding:3px;
margin:0;
width: 150px;
border:none;
background-color:#FFF;
}

input[type="password"] {
padding:3px;
margin:0;
width: 150px;
border:none;
background-color:#FFF;
}

select {
padding:3px;
margin:0;
width: 150px;
border:none;
background-color:#FFF;
}

textarea {
padding:3px;
margin:0;
width:150px;
height:200px;
border:none;
background-color:#FFF;
}

input[type="submit"] {
color:#333;
margin-top:5px;
float:right;
width:150px;
}

td.createaccount {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:500;
color:#130c08;
margin:0 auto;
padding:5px 0;
}

a.createaccount:link,a.createaccount:visited {
color:#2c5985;
font-size:9pt;
text-decoration:none;
}

a.createaccount:hover {
text-decoration:underline;
}

img {
border:none;
}

div.map {
width:100%;
height:auto;
text-align:right;
margin:0 auto;
padding:0;
}

div.map a {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
color:#2c5985;
text-decoration:none;
}

div.map a:hover {
text-decoration:underline;
}


#bottomCap {
margin:0 0 0 7px;
padding:0
}

#bottomWrapper {
position:relative;
bottom:0;
clear:both;
width:100%;
height:70px;
margin:0;
padding:0;
background-color:#251f1a;
border-top:2px solid #41372d;
}

table.footer {
width:960px;
height:70px;
margin:0 auto;
padding:0;
}

td.footerLeft {
width:810px;
height:70px;
margin:0;
padding:15px 0;
}

td.footerRight {
width:150px;
height:70px;
margin:0;
padding:0;
}

a.footer {
font-family:Verdana, Arial, Helvetica;
font-size:9pt;
font-weight:500;
color:#fed6a9;
text-decoration:none;
margin:0 18px 0;
padding:0;
}
