/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: September 2007
CONTACT: heidi@soundwebsolutions.net

NOTES: 
****************************/

/* COLORS

#124662; /*DARK BLUE*/ /*
#9DB7C4; - LIGHT BLUE
#B38465; - COPPER
*/


/******************************* GENERAL STYLINGS *************************/
* {
margin:0;
padding:0;
}

img {
border:0;
}


/****************************** SPECIFIC STYLINGS *********************/

#container {
position:relative;
width:800px;
height:100%;
margin:37px auto 25px auto;
background-image:url(../images/bg-pages_03.jpg);
background-image:url(/images/bgBodyNew_02.jpg);
background-position:top right;
background-repeat:no-repeat;
}

#header {
border-bottom:none;
border-right:none;
height:85px;
height:235px;
height:175px;
width:800px;
position:relative;
left:-1px; /* needed to line up image with border */
z-index:10; /*so that the navigation doesn't drop behind the secondary nav in IE*/
}
#header img { /* this is the flash image */
position:absolute;
top:71px;
left:1px;
}
#header h1 img { /*this is the logo */
position:absolute;
top:-32px;
left:2px;
z-index:2;
}
#header-content-col {
float:right;
clear:right;
width:178px;
padding:2px 18px 2px 10px;
height:329px;
}
#header-content-col #links{
padding-top:40px;
height:126px;
width:178px;
}


#header-content-col p img {
position:relative;
margin:0; /* to counteract previous margin settings */
margin-left:-23px;
left:17px;
top:1px;
margin-right:-1px;
width:203px;
}


#content {
float:right;
width:100%;
min-height:356px; /* height of Flash object */
min-height:180px;
margin-top:0px;
z-index:5; /* to prevent the top navigation from dropping behind the secondary in IE*/
}



#buttonsTextResizing input{
float:right;
margin-right:10px;
width:37px;
margin-top:10px;
}
#buttonsTextResizing label {
text-align:right;
float:right;
color:#ffffff;
min-width:30px;
margin-right:10px;
margin-top:2px;
}


#main-content {
float:right;
width:565px;
min-height:356px; /* height of Flash object */
min-height:180px;
margin-top:-80px;
margin-top:-2px;
padding-right:15px;
margin-bottom:20px;
}
#main-content h1 {
margin-left:13px;
width:99%;
}


#main-content h2 {
margin-top:.4em;
margin-bottom:.1em;
margin-left:13px;
width:99%;
}
#main-content h3 {
/*margin-top:-.2em;*/
display:block;
margin-left:13px;
margin-bottom:.3em;
margin-top:.3em;
width:99%;
}


#main-content h5{
font-size:20pt;
margin-left:13px;
font-family:papyrus;
width:99%;
}

#main-content h6{
font-size:14pt;
margin-left:13px;
font-family:papyrus;
width:99%;
}

#main-content p {
margin-left:13px;
padding-bottom:10px; /* PADDING IS USED INSTEAD OF MARGIN TO PREVENT GAP IN #main-content BACKGROUND */
/*width:470px;*/
}
#main-content address {
margin-left:13px;
padding-bottom:10px; /* PADDING IS USED INSTEAD OF MARGIN TO PREVENT GAP IN #main-content BACKGROUND */
/*width:470px;*/
}
#main-content ul {
list-style:outside;
list-style-type:square;
margin-left:30px;
margin-top:5px;
margin-bottom:10px;
clear:left;
/*width:470px;*/
}


#main-content .caption {
width:263px;
float:right;
background-color:#124662; /*DARK BLUE*/
color:#ffffff;
padding-bottom:8px;
margin:5px;
padding:8px; /* for the text caption */
}
#main-content .caption img {
margin:-8px; /*to make up for the padding for the text*/
margin-bottom:5px;
width:276;
}

#main-content img { 
float:right;
margin:5px;
border:0px solid #124662; /*DARK BLUE*/
}



#main-content table img {
float:none;
width:90%;
}

#main-content table {
margin-top:1em;
clear:left;
margin-left:13px;
}
table .title {
background-color:#124662; /*DARK BLUE*/
}
#main-content table .title a {
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding-right:10px;
}
#main-content table .title a:hover {
text-decoration:underline;
}





#main-content object {
/*margin-left:13px;*/
}

/********************************* LAYOUT STYLING FOR FOOTER ****************/
#footer {
background-color:#124662; /*DARK BLUE*/
border-right:1px solid #124662;
border-left:2px solid #ffffff;
border-top:2px solid #ffffff;
height:40px;
width:798px;
position:relative;
clear:both;
left:-1px; /* needed to line up image with border */
margin-bottom:-20px;
}
#footer ul {
margin-right:10px;
margin-top:7px;
}
#footer li {
list-style:none;
float:left;
padding:1px 5px 0 30px;
}

#footer #left {
float:left;
}
#footer #right {
float:right;
}
#footer img {
}

/******************* CREDIT ***************/
#credit {
margin:0px auto;
width:800px;
}
#credit h1, #credit h1 a{
position:relative;
padding:0;
bottom:-12px;
float:left;
}
#credit h1 a {
width:100%;
}


/******************** OTHER STYLING *****************/
.spaceAbove {
margin-top:3em;
}

.center {
text-align:center;
}
#main-content .center img {
float:none;
}