html, body {
margin: 0 auto;  
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background-image: url(http://digitalstudio.calvin.edu/weblogs/servant_speaking/bg_blue.gif);

/* background-image: url(http://digitalstudio.calvin.edu/weblogs/servant_speaking/bg.gif);*/
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
margin-top: 2px;
margin-bottom: 2px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font-family: Arial, Helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
border: 0px;
}

a { text-decoration: underline; background-color: transparent;}
a:link { color: #333;}
a:visited { color: #000033;}
a:hover  { color: #999;}
a:active, a:focus { color: #666699; background-color: #ffffcc;}





/* ----------------------------- CONTENT'S WRAPPER ----------------------------- */
#wrapper {
margin: 0px auto;
width: 800px;
border-right: 1px solid #999;
border-left: 1px solid #999;
background-color: #fff;
color: #333;
}




/* ----------------------------- HEADER ----------------------------- */
#header {
background: #777;
height: 158px;
border-bottom: 1px solid #999;
foat: left;
text-align: center;
padding-bottom: 20px;
}

.headertext{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 23px;
margin-bottom: 20px;
margin-top: 7px;
width: 820px;
float: right;
color: #999;
}

.spacer {
clear: both;
}

.spacernobreak {
float:left;
width:580px;
height:15px;
}

#content {
float: right;
width: 790px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
padding-left:3px;
padding-top: 3px;
color: #666;
}





/* ----------------------------- SIDE BAR ----------------------------- */

#sidebar {
font: arial;
float: left;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 5px;
padding-bottom: 10px;
width: 180px;
background: transparent;
color: #333;
text-align: left;
border-right: 1px dashed #ccc;
}

.sidetitle {
margin: 9px 0px 0px 0px;
letter-spacing: 0.09em;
font-weight: bold;
background: transparent;
color: #cc9933;
}

.submit {
background-color: #fff;
font-family: Arial, Verdana, Sans-serif;
font-weight: normal;
letter-spacing: .1em;
padding: 1px 3px 1px 3px;
margin-top: 6px;
margin-bottom: 4px;
text-transform: uppercase;
color: #000;
}




/* ----------------------------- CONTENT ----------------------------- */

.body-content {
float: right;
width: 576px;
padding: 0px 5px 5px 5px;
}


.videosm{
float: right;
width: 320px;
padding: 3px;
padding-bottom: 6px;
margin-bottom: 3px;
margin-right: 4px;
text-align: center;
border:1px solid #999;
}

.mediametasm{
float: right;
width: 255px;
padding: 3px;
margin-bottom: 3px;
margin-right: 2px;
}

.questions{
float: right;
width: 583px;
padding: 3px;
margin-bottom: 3px;
margin-left: 2px;
margin-right: 4px;
border:1px solid #999;
}

.title {
font-weight: bold;
background: transparent;
color: #555;
}

.date {
font-weight: normal;
background: transparent;
color: #666;
}

.posted {
margin-bottom: 30px;
font: lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.categorylist {
float: right;
width: 590px;
padding: 3px;
padding-bottom: 6px;
margin-bottom: 3px;
margin-right: 4px;
}

.mainsubcat {
font-weight:bold;
}

#help {
background-color:#fff;
margin:5px 5px 5px 5px;
width: 475px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
padding-left:3px;
padding-top: 3px;
color: #666;
}

/* ----------------------------- FOOTER ----------------------------- */

.footer {
margin: 0px;
height: 12px;
width:779px;
padding: 5px 10px;
background: #fff;
color: #333;
letter-spacing: 0.09em;
border-top: 1px solid #999;
float: left;
}

.footerleft {
text-align: left;
float:left;
}

.footerright {
text-align: right;
float:right;
}






/* ----------------------------- NAV CONTAINER ----------------------------- */
#navcontainer { 
	width: 230px;
	float: left;
	padding-left: 4px;
	margin-top:-10px;
}
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
	display: block;
	padding: 3px;
	padding-left: 18px;
	width: 230px;
	background-color: #B1CBE4;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #666;
}

#navcontainer a:link, #navlist a:visited {
	color: #666;
	text-decoration: none;
}

#navcontainer a:hover {
	background-color: #6699cc;
	color: #ffffff;
	text-decoration: underline;
}