/* default declarations */

/*body removes the inherent padding in browsers, sets the default font face, size and color, creates border */

body {
background-color: #fdf7d9;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #004080; 
font-size: 14px;
font-weight: 200;
}


/* p removes default margins and padding around paragraphs and lists */
p, ul, img {  
margin: 0 0 1em 0;
padding: 0;
}

h1 {  
font-size: 20px; 
}

h2 {  
font-size: 18px; 
}

h3 {  
font-size: 16px; 
}
/* should replace this with a class for div with a bottom border and one without */


a {  
color: #004080;
font-weight: 600;
text-decoration: none;

}

a:active {
color: #eaa46f;

}

a:hover {
color: #eaa46f;
}

.bold { 
font-weight: 600; 
}

/* creates the primary container for all objects (creates the outside border effect) */

#maincontainer {
width: 100%;
max-width: 1024px;
float: left;
margin-left: 0px;
margin-right: 80px;
}


/* page title area */

#title {
width: 1024px;
height: 185px;
background-color: #fdf7d9;
}

#title h1 {
margin-left: 15px;  
}

#title img {
float: left;
}

/* local navigation menu on the left */

#left {
float: left;
background-color: #f9f7d9;
width: 169px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
}

#left p {
font-size: 11pt;
margin-right: 10px;
padding-top: 20px;
padding-left: 20px;
}

#currentpage {
color: #a7d4ee;
}



/* active link needs to be this color: color: #a7d4ee; */

 
/* formatting for primary content area */

#wallpaper {
margin-top: 0px;
width: 1025px;
min-height: 542px;
margin-bottom: 0px;
background-repeat: repeat-y;
background-image: url('background.jpg');
padding-bottom: 30px;
}

#content {
background-repeat: no-repeat;
background-image: url('wallpaper.jpg');
max-width: 855px;
margin-left: 169px;
padding-top: 30px;
line-height: 200%;
}

#content p, h1, h2, h3 {
padding-left: 40px;
padding-right: 40px;
}

/* text for blockquote use with div tags on any page, can be more than one*/

#content .quote {
float: right;
width: 300px;
padding-top: 5px;
padding-bottom: 5px;
font-size:  12px; 
margin-left: -10px;
}

p.quotation {
text-align: left;
line-height: 150%;
font-style: italic;
margin-right: -27px;
}

/* text for quotation author, use as class with p tag */

p.byline {
font-weight: 600;
line-height: 110%;
font-style: normal;
text-align: right;
margin-right: -30px;
}


#content ul {
padding-left: 40px;
padding-right: 40px;
margin-left: 20px;
}

#content li {
padding-bottom: 10px;
line-height: 170%;
}

img.floatLeft { 
    float: left; 
    margin-right: 25px; 
}

img.amazon { 
    float: right; 
	vertical-align: text-top;
}

p.buynow {
text-align: right;
font-size: 11px;
font-style: italic;
padding-top: 10px;
margin-top: -25px;
padding-bottom: 30px;
}

/* for multiple items on a page that have the same structure - creates a line to separate from the last item.  Do not use on the last item */

.item {
border-bottom-color: #fdf8da;
border-bottom-style: inset;
border-bottom-width: 3px;
margin-top: 15px;
}



.lastitem {
border-bottom-width: 0px;
margin-top: 15px;
margin-bottom: -25px;
}



/* bottom navigation */

#bottomright { 
height: 43px;
max-width: 855px;
margin-left: 169px;
text-align: center;
background-image: url('footer.jpg');
background-color: #fdf7d9;

}

#bottom { 
clear: both;
}

#bottomleft { 
float: left;
height: 43px;
background-color: #fdf7d9;
width: 169px;
margin-left: 0px;
margin-bottom: 0px;
}

#bottomtext {
padding-top: 20px;
}

#bottomtext a {
font-size: 8pt;
margin-right: 10px;
padding-right: 20px;
}



