/* thevillardstoo.net Stylesheet 2007 */
/*-----General Styles - Default Styles-----*/
html, body{
	background:#e1e1e1;
	text-align:center;
}
p{margin:0px 0px 20px 0px;padding:0px 10px 0px 0px;}
img{border:0px;margin:0px;padding:0px;}
h1{font-size:12px;color:#666666;margin:0px 0px 10px 0px;padding:0px;}
h2{font-size:14px;margin:0px;color:#264798;}
h3{font-size:12px;margin:0px 0px 0px 10px;color:#000;}


/*-----Form IDs and Classes-----*/
#container{margin:0px auto 0px auto;width:790px;}
.newsltr{
	margin:0px;
	padding:0px;
	width:220px;
}
.newsltr form{
	margin:0px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
.newsltr form h1{
	font-size:12px;
	color:#666666;
	margin:0px 0px 10px 0px;
	padding:0px;
}
label{
	float:left;
	width:30%;
	padding-left:10px;
}
input{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.button{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:5px 25px 0px 0px;
	float:right;
}

/*-----Layout IDs and Classes-----*/
#head{
	background:url('../img/head.gif') top left no-repeat;
	width:790px;
	height:145px;
	text-align:left;
}
#body #head-bottom{
	background:url('../img/head-bottom.gif') top left no-repeat;
	width:750px;
	height:140px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}
#body #head-bottom img{
	float:right;
}
#body{
	background:#fff url('../img/body.gif') repeat-y;
	width:790px;
	min-height:600px;
	height:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#body div{
	padding:0px;
	margin:0px;
}
#body #content{
	margin:0px;
	padding:10px 0px 0px 0px;
	width:790px;
	background:url('../img/body.gif') repeat-y;
}
#body #content #leftnav{
	float:left;
	background:url('../img/lnav_bg.gif') no-repeat top left;
	height:462px;
	width:230px;
	margin:0px 0px 0px 6px;
	padding:0px;
	text-align:left;
	display:block;
}
#body #content #leftnav img{
	padding:20px 0px 10px 25px;
}
#body #content #rcontent{
	float:left;
	margin:0px;
	padding:10px 0px 0px 20px;
	width:490px;
}
#body #content #rcontent img{
	margin:0px;
	padding:0px;
}
#body #content #rcontent p{
	margin:0px;
	padding:15px 10px 5px 10px;
}
#body #content #rcontent p span{
	text-align:right;
	display:block;
	padding:10px 20px 0px 0px;
}
#body #content #media{
	padding:0px 0px 0px 25px;
}
#news{
	min-height:280px;
	height:auto !important;
	height:280px;
	width:220px;
	padding:0px 5px 0px 0px;
	margin:0px;
	border-bottom:0px dashed #999999;
}
#news ul{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}
#news ul li{
	margin:0px;
	padding:1em;
	font-size:11px;
}
#news ul li p{
	margin:0px;
}
#news ul li span{
	text-align:right;
}
#footer{
	background:url('../img/footer.gif') top left no-repeat;
	width:790px;
	height:26px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	text-align:center;
}
#footertext{
	width:790px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	padding:10px 0px 0px 0px;
	text-align:center;
}


/*-----Navigation IDs and Classes-----*/
#nav{
	list-style:none;
	margin:0px;
	padding:0px;
	background:url('../img/nav-bg.gif') no-repeat;
	width:504px;
	height:44px;
	position:relative;
	text-align:left;
	top:101px;
	left:240px;
}
#nav li{
	float:left;
}
#nav li a{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3D3D3D;
	text-decoration:none;
	display:block;
	height:44px;
	text-align:center;
	line-height:44px;
}
#nav #home a{
	width:126px;
}
#nav #blog a{
	width:126px;
}
#nav #media a{
	width:125px;
}
#nav #about a{
	width:124px;
}
#nav #home a:hover, .sel{
	background:url('../img/nav-bg.gif') 1px 44px;
	color:#fff;
}
#nav #blog a:hover, .sel2{
	background:url('../img/nav-bg.gif') -126px 44px;
	color:#fff;
}
#nav #media a:hover, .sel3{
	background:url('../img/nav-bg.gif') -252px 44px;
	color:#fff;
}
#nav #about a:hover, .sel4{
	background:url('../img/nav-bg.gif') -377px 44px;
	color:#fff;
}
#h-subnav{
	width:490px;
	text-align:center;
	padding:0px 0px 0px 20px;
	margin:0px;
}
#h-subnav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#h-subnav ul li{
	float:left;
	padding:10px 40px 0px 10px;
	margin:0px;
}

/*-----Hyperlink Styles-----*/
#nav .sel a, #nav .sel2 a, #nav .sel3 a, #nav .sel4 a{color:#fff;}

a:link{color:#264798;text-decoration:underline;}
a:visited{color:#4186d7;text-decoration:none;}
a:hover, a:active{text-decoration:underline;color:#666666;}

#news ul li p a{font-size:12px;font-weight:bold;text-decoration:none;color:#264798;margin:0px;}
#news ul li p a:hover{color:#264798;text-decoration:underline;}
#news ul li span a{font-size:12px;font-weight:bold;text-decoration:none;color:#666666;display:block;}
#news ul li span a:hover{color:#666666;text-decoration:underline;}

#footertext a:link, #footertext a:visited{color:#555555;text-decoration:none;}
#footertext a:hover, #footertext a:active{color:#555555;text-decoration:underline;}

/*-----Custom IDs and Classes-----*/
.slogan{
	text-align:center;
}
.blue{
	color:#264798;
}
.sepR{
	margin:0px;
	padding:0px;
}
#info{
	width:490px;
	padding:0px;
	margin:0px;
	display:block;
	height:auto;
}
#info #blogInfo{
	display:none;
	color:#264798;
	padding:0px;
	margin:0px;
}
#info #stuffInfo{
	display:none;
	color:#264798;
	padding:0px;
	margin:0px;
}
#info #aboutInfo{
	display:none;
	color:#264798;
	padding:0px;
	margin:0px;
}
#info #genrInfo{
	display:block;
	color:#000;
	padding:0px;
	margin:0px;
	font-style:italic;
}
.gallery{
	width:120px;
	min-height:120px;
	height:auto !important;
	height:120px;
	background:url('../img/media-photo.gif') top left no-repeat;
	float:left;
	text-align:center;
}
.gallery span{font-size:12px;font-weight:bold;color:#264798;position:relative;top:40px;}
.gallery img{position:relative;top:8px;}
#media .gallery{display:block;margin-right:10px;padding-right:5px;}

.video{
	width:120px;
	min-height:120px;
	height:auto !important;
	height:120px;
	background:url(../img/media-video.gif) top left no-repeat;
	float:left;
	text-align:center;
}
.video span{font-size:12px;font-weight:bold;color:#264798;position:relative;top:5px;}
.video img{position:relative;top:0px;}
#media .video{display:block;margin-right:10px;padding-right:5px;}

#sitemap{list-style:none;margin:0px;padding:0px 0px 0px 50px;font-weight:bold;}
#sitemap li{padding:10px 0px 5px 50px;}
#sitemap li ul{list-style:url('../img/map.gif');font-weight:normal;}
#sitemap li ul li{margin:0px;padding:2px 0px 2px 0px;}
.member{
	background:url('../img/bracket.gif') top left no-repeat;
	min-height:118px;
	height:auto !important;
	height:118px;
}
.member p{background:transparent;margin-left:35px;margin-bottom:10px;padding-top:5px;}

/*Misc Hacks*/
/* for Internet Explorer */
/*\*/
* html #body {
height: 500px;
}
/**/
