/*specify blanket rules for all elements*/
body {
margin: 30px;
background: #333399 url("images/background.gif") repeat;
}

/*italicize text*/
em {
font-style: italic;
font: 'Lucida Grande', Verdana, sans-serif;
}

p {
font: 16px 'Lucida Grande', Verdana, sans-serif;
line-height: 1.5em;
color: #333399;
}

#content img {
border: solid #54639B 4px;
}

/*this is the main container for the page*/
#container {
padding: 15px;
width: 800px;
height: auto;
margin: 50px auto;
background: #fff;
border: solid #EDBF4C 4px;
}

/*This is the masthead*/
#masthead {
font: bold 20px 'Lucida Grande', Verdana, sans-serif;
text-align: center;
display: block;
background: url("images/branding.gif") no-repeat;
width: 812px;
height: 191px;
padding: 35px 0 0 0;
margin: 0 0 0 -6px;
}

/* this is the main navigation */
#nav ul {
list-style-type: none;
margin: -40px 0 0 10px;
width: 125px;
padding: 5px 0 0 0;
}

#nav ul a:link, #nav ul a:visited, #nav ul a:active {
display: block;
width: 125px;
height: 125px;
padding: 0 0 10px 0;
}

/*This places the link image in the center of the link box*/
#summary a:link, #summary a:visited, #summary a:active, 
#page a:link, #page a:visited, #page a:active,
#order a:link, #order a:visited, #order a:active,
#resources a:link, #resources a:visited, #resources a:active,
#about a:link, #about a:visited, #about a:active,
#home a:link, #home a:visited, #home a:active{
display:block;
text-decoration: none;
width: 100px;
height: 100px;
padding: 0 0 5px 0;
text-align: center;
} 

#home a:link, #home a:visited, #home a:active{
background: url("images/home.gif") no-repeat center center;
}

#home a:hover{
background: url("images/homeh.gif") no-repeat center center;
}

#summary a:link, #summary a:visited, #summary a:active{
background: url("images/summary.gif") no-repeat center center;
}

#summary a:hover{
background: url("images/summaryh.gif") no-repeat center center;
}

#page a:link, #page a:visited, #page a:active{
background: url("images/page.gif") no-repeat center center;
}

#page a:hover{
background: url("images/pageh.gif") no-repeat center center;
}

#order a:link, #order a:visited, #order a:active{
background: url("images/order.gif") no-repeat center center;
}

#order a:hover{
background: url("images/orderh.gif") no-repeat center center;
}

#resources a:link, #resources a:visited, #resources a:active{
background: url("images/resources.gif") no-repeat center center;
}

#resources a:hover{
background: url("images/resourcesh.gif") no-repeat center center;
}

#about a:link, #about a:visited, #about a:active{
background: url("images/about.gif") no-repeat center center;
}

#about a:hover{
background: url("images/abouth.gif") no-repeat center center;
}


/*this is the content*/
#content {
float: right;
font: bold 16px 'Lucida Grande', Verdana, sans-serif;
border: solid #fff 4px;
border-style: double;
width: 74%;
padding: 0;
margin-top: -40px;
}
/*This is the cover of the booklet*/
#cover {
float: right;
text-align: center;
padding: 10px;
}


/*this is the resource page*/

.resources p {
line-height: .5em;
}

.resources h3 {
font: bold 16px 'Lucida Grande', Verdana, sans-serif;
}

.resources a {
display: block;
text-decoration: none;
padding: 5px;
width: 250px;
background: #fff;
font: bold 16px 'Lucida Grande', Verdana, sans-serif;
border: solid #cc3300 2px;
color: #000;
}

/*this is the order form*/
#form {
margin: 10px 0 20px -40px;
}

/*This is the footer*/
#footer {
clear: both;
padding: 10px;
font: normal 10px 'Lucida Grande', Verdana, sans-serif;
color: #EDBF4C;
text-decoration: none;
}

#footer a:link, #footer a:visited, #footer a:active{
color: #EDBF4C;
display: inline;
}

#footer a:hover{
color: #54639B;
line-height: 1.5em;
}