/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: January 2008
CONTACT: heidi@soundwebsolutions.net

NOTES: Styling for the layout of the pages.  Organized by the following manner: General Stylings, Stylings by Div Sections & Other Stylings
****************************/


/* COLORS
color:#000033; /*DARK PURPLE*/    /*
*/
/******************************* GENERAL STYLINGS *************************/
* {
margin:0;
padding:0;
}

img {
border:0;
}
table {
margin-left:20px;
margin-right:20px;
background-color:white;
width:94%;
}
td, th {
padding:2px 4px 2px 0;
}
th {
background-color:#000033; /*DARK PURPLE*/
}

/******************** STYLINGS BY DIV SECTIONS ********************/

#container {
position:relative;
width:80%;
min-width:800px;
max-width:1000px;
background-image:url(../images/backgroundLine.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#3F5D8D;/*gray blue*/
background-color:#669999; /*sea green*/
background-color:#3B5064; /*gray blue*/
height:100%;
margin:20px auto 50px auto; 
}

#header {
height:10px;
width:100%;
position:relative;
z-index:10;
}
#header img { /*this is the logo*/
position:absolute;
top:-8px;
top:-15px;
left:0;
left:22px;
left:16px;
}



#content {
background-image:url(../images/backgroundTransparent.jpg);
/*float:right;*/
position:relative;
border-left:1px solid white;
border-right:1px solid white;

margin:-148px 30px 20px 0;
margin-top:-10px;
margin-bottom:0px;
padding-bottom:20px;
width:60%;
width:70%;

padding-top:139px;
min-height:350px;
min-height:20em;
left:27%;
top:0;
z-index:4;
}
#content h1 {
height:41px;
border-bottom:1px solid #000033; /*DARK PURPLE*/
margin:0;
padding-left:20px;
position:relative;
/*margin-top:-60px;*/
}
#content h2 {
padding:10px 20px 0px 20px;
background-color:#ffffff;
clear:both;
}
#content h3 {
padding:10px 20px 0px 20px;
background-color:#ffffff;
}
#content p {
padding:10px 20px;
background-color:#ffffff;
}
#content ul {
background-color:#ffffff;
list-style:outside;
list-style-type:square;
margin-left:45px;
margin-bottom:10px;
width:470px;
}
#content ul ul{
padding:0px 0px;
background-color:#ffffff;
}
#content a {
padding-left:5px;
}
#content .leftImg {
width:145px;
float:left;
margin-right:10px;
}
#content .leftImg p {
float:left;
clear:none;
width:145px;
padding:0;
padding-left:5px;
}
#content .leftImg img{
float:left;
margin-right:10px;
width:145px;
margin-bottom:3px;
}

#content p img {
clear:none;
float:right;
margin:0 0 10px 15px;
}
#content #whiteBackground {
background-color:white;
padding-bottom:10px;
}
#content #whiteBackground h2{
clear:right;
}
/********************************* LAYOUT STYLING FOR ROW OF MEMBER COMMUNITIES ***********/
#communities {
display:none;
width:100%;
float:right;
clear:both;
max-height:75px;
position:relative;
padding-top:20px;
margin-bottom:10px;
border-top:1px solid #000033;
}
#communities span {
float:left;
padding-right:7%;
}


#communities #valdez {
margin-left:20px;
}
#communities #whittier {
}
#communities #cordova {
}
#communities #glennallen {
}
#communities #mccarthy {
padding-right:0%;
}

/********************************* LAYOUT STYLING FOR FOOTER ****************/
#footer {
width:100%;
min-width:800px;
max-width:1000px;
position:relative;
float:left;
clear:both;
background-color:#000033;
top:15px;
top:0;
}
#footer ul {
position:relative;
margin:0px auto;
text-align:center;
width:21em;
width:25em;
}
#footer li {
list-style:none;
float:left;
position:relative;  /*THIS CREATES A PARENT CONTAINING BLOCK FOR THE DROP-DOWN LIST ITEMS*/
padding:10px 20px;
}


#footer li:hover {
border:1px solid #E5A1A9; /*light pink*/;
padding:9px 19px;}



/****************************** OTHER STYLINGS *********************/
#credit {
clear:both;
margin:0px auto;
width:100%;
font-style:italic;
}
#credit h1 a{
position:relative;
padding:0;
float:right;
margin-right:10px;
}

.FloatRight {
float:right;
text-align:right;
}