/* CSS Document */

* {
margin:0;
padding:0;
}

body {
text-align:center;
font: 12px/18px "Lucinda Grande", Verdana, sans-serif;
background:#999999;   /* light grey */
color: #FFFFFF;    /* white colored font */
}

a:link, a:visited {
color: #E2B439;    /* gold */
}

a:hover {
color:#FFFFFF;
}

#page {
margin: 0 auto;
width: 960px;
height: 560px;
background:url(../images/entire_bkgd_graphic.gif) no-repeat;
text-align:left;
}

#header {
height: 50px;
}

#header p {
float:left;
padding: 24px 24px 15px 34px;    /* top right bottom left */
font-size: 2em;
line-height:1em;
color:#FFCC00;  /* rectifier yellow */
}

#header ul {
padding-top: 30px;
padding-right: 38px;
text-align:right;
list-style:none;
}

#header li {
display:inline;
margin: 0 16px;
}

#header li a {
font-size:1.25em;
line-height:1em;
text-decoration:none;
color: #FFFFFF;
}

#header li a:hover {
color: #E2B439;  /* rectifier yellow */
}

#content {
float:left;
width: 960px;
margin:0;
border:0;
padding: 24px 34px 15px 34px;    /* top right bottom left */
}

#content p {
padding:0 50px 0 0;
}

#content-primary {
float: right;
width:526px; 
margin:0;   /*  the column is 528px + 24px + 24px = 576px overall -- 576px + 372px = 960px */
}

#content-secondary { 
float:right;
width:374px;
margin:24px;   /* the column is 324px + 24px + 24px = 372px overall -- 576px + 372px = 960px */
border-right-color:#E2B439;
border-right-style:dashed;
border-right-width:thin;
}

#footer {
clear: right;
height:25px;
font-size:.9em;
line-height:1em;
color:FFFFFF;
}

#footer a:link, #footer a:visited {
color: FFFFFF;
}

#footer p {
padding: 10px 24px 24px 5px;
color:#CCCCCC;
}

.clear {
clear:both;
}