/* 
---------------------
Page
---------------------
*/

body {
margin: 0px;
padding: 0px;
background: url(http://sheltonchamber.org/themes/chamber/images/bg.jpg) repeat-x #35658D;
margin-top: 50px;
}

#page {
position: relative;
width: 798px;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.75em;
}



/* 
---------------------
Header
---------------------
*/

#logo {
text-indent: -10000px;
background: url(http://sheltonchamber.org/themes/chamber/images/header.jpg) no-repeat center top;
width: 798px;
height: 172px;
display: block;
z-index: 2;
margin: 0px;
padding: 0px;
position: relative;
margin-left: -15px
}

#shoplocal {
display: block;
width: 180px;
height: 40px;
position: absolute;
top: 50px;
right: 55px;
background: transparent;
z-index: 10;
}

#home {
display: block;
width: 230px;
height: 140px;
position: absolute;
top: 0px;
left: -15px;
background: transparent;
z-index: 10;
}

#permalinks {
position: absolute;
left: 8px;
top: 148px;
width: 468px;
height: 22px;
background: transparent;
z-index: 10;
}

#permalinks a {
font-size: 15px;
padding-right: 12px;
font-weight: normal;
font-family: verdana, sans-serif;
color: #305377;
}

#permalinks a:hover {
color: #98012C;
}

#search {
position: absolute;
right: 45px;
top: 140px;
z-index: 10;
}

#headspace {
position: relative;
font-size: 10px;
right: -4px;
background: #760728;
height: 28px;
width: 760px;
}


/* 
---------------------
Content
---------------------
*/

#central {
width: 768px;
float: left;
margin-top: -38px;
padding-top: 20px;
}

.left-sidebar {
background: url(http://sheltonchamber.org/themes/chamber/images/bgleftbar.jpg) repeat-y #fff;
}

.right-sidebar {
background: url(http://sheltonchamber.org/themes/chamber/images/bgrightbar.jpg) repeat-y #fff;
}

.no-sidebar {
background: url(http://sheltonchamber.org/themes/chamber/images/bgnobar.jpg) repeat-y #fff;
}

#body, #sidebar {
padding: 10px;
}

#body {
float: left;
}

.body-nobar {
width: 720px;
}

.body-sidebar {
width: 500px;
}

#sidebar {
width: 220px;
float: left;
}

h1, h2, h3, h4 {
font-weight: normal;
}

#body h1, #body h2, #body h3, #body h4 {
color: #014A8E;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
color: #98012C;
}

.spacer {
clear: both;
}


/* 
---------------------
IFrame Fix
---------------------
*/

/*
After much study I have found the iframe to be unfixable without access the the CSS file on the chambermaster server.
*/


/* 
---------------------
Footer
---------------------
*/

#footer {
font-size: 10px;
position: relative;
left: 0px;
width: 768px;
height: 40px;
background: url(http://sheltonchamber.org/themes/chamber/images/footer.jpg) repeat-y #f0f0f0;
padding-top: 5px;
padding-bottom: 5px;
text-indent: 10px;
text-align: center;
clear: both;
}