/* CSS Document */

body {

	margin: 0px;
	padding: 0px;
	background-color: #b7b088;
	font: 0.9em Lucida, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;

}

a:link {
	text-decoration: none;
	color: #038bad;
	
}

a:visited {
	text-decoration: none;
	color: #038bad;
	
}
a:hover {
	text-decoration: underline;
	color: #3c2f0f;
	
}
a:active {
	text-decoration: none;
	
}

#uberWrapper {
padding: 0px 0px 0px 0px;
margin-top: 10px;
width: 868px;
margin-right: auto;
margin-left: auto;
position:relative;
}

#wrapper {
height: 700px;
padding: 0px 0px 0px 0px;
background: url(../vocalcom2008/images/creem_01.jpg) no-repeat #eae19b;
border: 1px solid #643608;
}

#left {
width: 280px;
float: left;

}


#right {

width:570px;
float: right;
}

.whiteSubTitle {
color: #FFFFFF;
font-size: 22px;
padding-left: 16px;
font-weight: bold;
}

#nav {
font-size: 0.8em;
width: 110px;
float: left;
padding: 0px 8px 0px 8px;
}

#nav ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#nav ul li a
{
height: 19px;
display: block;
padding: 2px 8px 2px 8px;
text-align: left;
text-decoration: none;
}

#nav ul li a:hover
{
padding: 1px 7px 1px 7px;
border: 1px  solid #643608;
background-color: #b7b088;
color: #643608;
}

#content {
float: left;
width: 420px;
margin-right: 20px;
height: 510px;
overflow: auto;
line-height: 1.35em;

}

#content td {
font-size: 0.8em;
}

#content h3 {
color: #643608;
font: 1.2em Lucida, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 0px;
margin-top: 0px;
}

#content h4 {
color: #643608;
font: 1em Lucida, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 0px;
margin-top: 0px;
margin-bottom: -8px;
}

#footer {
float: right;
}