body {
        margin:0;
        padding:10px 10px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
	background-color: white;
	color: black;
}

a {color:#4A7DB6;text-decoration:none;}
a:hover {background-color:#4A7DB6;color:white;text-decoration:none;}

h1 {font-size: 150%;text-align:center;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

.center {text-align:center;}
p.first {font-weight:bold;}
p.byline{font-size:60%;padding-top:20px;padding-bottom:15px;}
img {margin:15px;}
.picture {float:left; padding:10px; text-align:center;}
span.quote {display:inline-block; margin:5px; padding: 5px; text-align:justify;width:15em; float:right; border:1px solid black;}

#logo {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	height:180px;
	width:478px;
	background:transparent url(../images/header.jpg) no-repeat;	
	z-index:1; 
}
#logo:hover {background-color:transparent;}

	/* header styles */
#header {
	width:100%;
	height:90px;
	padding:0;
	background-color:#B0C50E;
	font-family:"Times New Roman", Times, Serif;
}

#header h1 {
	padding-top:20px;
	padding-right:20px;
	font-size:18pt;
	font-weight:normal;
	float:right;
	color:white;
	text-align:right;

}
#container {
	padding-left:0;
	padding-right:414px;
	overflow:hidden;
	position:relative;
}

#content {
	float:left;
	position:relative;
	width:100%;
 	padding:90px 10px 20010px 10px;  /* X + padding-bottom */
  	margin-bottom: -20000px;  	/* X */
	border-left: 112px solid #4A7DB6;
}

#menu {
	float:left;
	position:relative;
	width:272px;
	margin-right:-414px;
	background-color:#ECCD01;
 	padding:30px 5px 20010px 5px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}
#menu ul li a:hover, ul li a:hover {background-color: #336;color: #fff;}
#menu ul li a
{
	color: #336;
	background-color:#ECCD01;
	display: block;
	text-decoration: none;
	padding: 0;
}
#menu ul, #menu ul li
{
	color: #336;
	margin: 0;
	padding: 2px 10px;
	list-style-type: none;
	display: block;
}
#menu ul li img {margin-left:-20px;}

#menu h1 {font-size:70%; font-weight:normal;text-align:right; padding:1px 5px;}

#menu hr {padding-bottom:1px;margin-bottom:0;}

#menu p {color: red;padding:20px;}

.widget {text-align:center; margin-left:auto;margin-right:auto;}
.widget table {margin-left:auto;margin-right:auto;}

.videocontainer {margin:10px;padding:0;border:0px;background-color:black;color:white;width:640px;height:704px}
.videolist {margin:0;width:640px;overflow-X:hidden;	overflow-Y:auto;height:315px;background-color:black;}
.videoentry {margin:2px;padding:2px;background-color:#202020;height:101px;}
.videothumb {margin:0;padding:0;float:left;width:130px;height:97px;}
.videotitle {margin:5px 2px 5px 140px; font-family:sans-serif;font-size:small;height:97px;overflow:auto;}


#footer {
	padding:1em 2% 2em 2%;
	text-align: center;
	font-size:80%;
	color: #999;
	position:relative;
	clear:both;
}