/* set all main values for page */
body {
margin: 10px;
font: 12px/150% "lucida grand", verdana, arial, sans-serif
text-align: center;
background: #333 url("images/bg.gif") repeat;
color: #f00;
padding: 10px;
}

h3 {
font: bold 14px "lucida grand",verdana, arial, san-serif;
color: #000066;
text-transform: uppercase;
}

p {
font: 12px "lucida grand",verdana, arial, san-serif;
color: #000;
line-height: 1.3em;
margin: 0 0 10px 0;
}

/* container for content */
#container {
width: 730px;
margin: 20px auto 20px auto;
border: 5px solid #fff;
background: #fff url("images/sidebar.gif") repeat-y;
text-align: left;
color: #000;
position: relative;
}

/* top left vertical navigation */
#lnav ul {
list-style:none;
width: 150px;
margin:0;
padding:0;
}

#lnav li {
list-style: none;
text-align: left;
font: bold 12px "lucida grand",verdana, arial, san-serif;
color: #fff;
display: block;
margin: 0;
padding: 4px 5px;
width: 140px;
background: #000066;
border-bottom: 2px solid #fff;
} 

#lnav a {
display: block;
width: 140px;
height: 25px;
line-height: 25px;
color:fff;
border: none;
text-decoration: none;
background: #000066;
}

#lnav a:link {
color: #fff;
}

#lnav a:visited {
color: #ccc;
}

#lnav a:hover {
color: #0099ff;
}

/*this is the branding image containing the two navigation sidebars */
#header {
width: 730px;
height:210px;
background: #000066 url("images/branding.jpg") no-repeat top center;
}

/* top headers for page content */

#contentheader ul {
margin: 0;
padding:0;
width: 730px;
height: 30px;
list-style:none;
}

#contentheader ul li{
font: bold 12px "lucida grand",verdana, arial, san-serif;
color: #fff;
line-height: 30px;
text-align: center;
display: inline;
float: left;
margin: 0;
padding: 0;
background: #000066;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
} 

#contentheader .month {
width: 150px;
padding: 0;
}

#contentheader .features {
width: 430px;
padding: 0;
}

#contentheader .info {
width: 150px;
padding: 0;
}

/*this is the left side bar board list*/

/*this is the board list and members in the news*/
#board, #members {
width: 135px;
padding: 0 5px 0 10px;
}

#board ul{
list-style: none;
padding: 0;
margin: 0;
font: bold 10px "lucida grand",verdana, arial, san-serif;
}

#board li{
margin: 0 0 15px 0;
}

/*this is the "members in the news"*/
#members p {
font-style: italic;
}

/*this is the main content*/
#content {
width: 410px;
position: absolute;
top: 244px;
left: 150px;
padding: 0 10px;
}

#content ul {
list-style: none;
padding: 0;
margin: 0;
font: bold 12px "lucida grand",verdana, arial, san-serif;
}

#content li {
padding: 0 0 10px 0;
}

#content a {
color: #0099ff;
text-transform: uppercase;
text-decoration: none;
}

#content a:hover {
color: #0000ff;
}

#content img {
margin: 0 0 10px 0;
}

/*zoom top link*/
#content a:hover img {
width:100px;
height:100px;
padding: 5px;
z-index: 100;
}

/*top link normal*/
#content img {
width: 50px;
height: 50px;
border: none;
}

/*this is the right sidebar*/

#rightbar {
position: absolute;
top: 244px;
right: 0;
width: 130px;
padding: 0 10px;
}

#rightbar ul, #rightbar ul p {
list-style: none;
padding: 0;
margin: 0;
}

#rightbar li {
margin: 0 0 10px 0;
}

.birthdays {
font: bold 9.4px "lucida grand",verdana, arial, san-serif;
line-height: 1.5em;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}

.birthdays td {
text-decoration: underline;
padding: 0 8px 0 0;
clear: both;
}

#footer {
clear: both;
width: 730px;
height: 20px;
padding: 10px 0 0 0;
display: block;
background: #000066;
font: bold 10px "lucida grand",verdana, arial, san-serif;
color: #fff;
text-align: center;
}

#footer a {
color: #fff;
text-decoration: none;
}

/*this is the ad page*/
#ad {
background: #fff;
}

#ad h3 {
font: bold 18px "lucida grand",verdana, arial, san-serif;
background: #fff;
margin: -5px auto auto auto;
padding: 40px 0 10px 0;
text-align: center;
}

#ad img {
height: 800px;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}