/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: October 2006
CONTACT: heidi@soundwebsolutions.net

NOTES: absolute positioning
****************************/

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

img {
border:0;
}


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

#container {
position:relative;
width:760px;
height:100%;
margin:3px auto;
border:1px solid gray;
background-image:url(../images/BG_04.jpg);
background-repeat:no-repeat;
background-position:top;
}

#header {
width:100%;
height:210px;
}


#navigation {
background-image:url(../images/BG_10.jpg);
background-repeat:repeat-x;
width:560px;
height:30px;
border:1px solid gray;
margin:-80px 40px 0px 92px;
padding-left:20px; /* SAME AS PADDING FOR a */
}
#navigation ul {
list-style-type:none;
/*width:17%; EMs ALLOW FOR EASIER RESIZING*/
float:left;
margin:0px;
padding:0px; /*PADDING & MARGIN SET TO 0 AS DIF. BROWSERS USE THIS TO CREATE THE INDENT*/
}
#navigation li {
position:relative;  /*THIS CREATES A PARENT CONTAINING BLOCK FOR THE DROP-DOWN LIST ITEMS*/
}
#navigation a {
display:block; /*FOR HORIZONTAL MENU*/
margin:0px;
padding:7px 20px 6px 20px;
}
#navigation a:hover {
background-image:url(../images/BG-ROLL_10.jpg);
}
/*#navigation ul ul {
position:absolute; /*BUT WITHIN ITS PARENT ELEMENT (the last element w/position, <html> by default*/
/*top:100%;
left:0px;
width:100%;
background-color:#990000;
background-color:#4c3600; /*brown*/
/*z-index:500;
padding-top:4px;
padding-bottom:4px;
}
#navigation ul ul:hover #navigation ul ul li:hover {
color:black;
background-color:#AC975A;
}
div#navigation ul ul, div#navigation ul li:hover ul ul { /*SEPARATE FOR VISUAL EASE*/
/*display:none;
}
div#navigation ul li:hover ul, div#menu ul ul li:hover ul {
display:block;
}
*/

#content {
margin:40px 50px 0px 50px;
}
#content img {
border:3px solid #CCCCCC;
float:right;
width:200px;
margin:0 0 10px 10px;
}


#footer {
height:102px;
background-image:url(../images/BG_07.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#footer a {
float:right;
margin:82px 20px 0 8px;
}

#footer #left a {
float:left;
margin-left:10px;
}

/********************************** OTHER STYLINGS ***************************/

.line {
width:100%;
border-top:1px dotted gray;
clear:both;
}

/******************* CREDIT ***************/
#credit {
margin:0 auto 0 auto;
width:760px;
}
#credit h1, #credit h1 a{
position:relative;
padding:0;
}