﻿html {
	overflow-y: scroll;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px; 
}
 
body {
	padding-top:10px;
	margin:0px auto;
	text-align:center;
}

img {
	border: 0px;
}
a {
	color: #324282;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

/*------------------------------------------------------*/

#header_banner {
	margin:0px auto;
	text-align:left;
	border:0px #000000 solid;
	height: 100px;
	width:700px;
}

#header_banner h3{
	font-size:18px;
	font-style:italic; 
	padding-left:70px;
	margin:0px;
}

/*------------------------------------------------------*/

#header_nav{
	margin:5px 0px 5px 0px;
	height:30px;
	background-color: #125FBC;
	text-align:center;
}

#header_nav ul{
	margin:0px;
	padding:5px 0px 5px 0px;
	border:1px solid #125FBC;
	vertical-align: middle;
}

#header_nav li{
	list-style-type: none;
	display: inline;
	font-weight:bold;
	font-size: 14px; 
	padding:0px 10px 0px 10px ;
}

#header_nav a{
	padding:6px 27px 7px 27px ;
	color: #FFFFFF;
	border-left: 1px solid #125FBC;
	border-right: 1px solid #125FBC;
	text-decoration: none;
}

#header_nav a:hover{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #60A0F0;
	text-decoration: underline
}

/*------------------------------------------------------*/

#content {
	border-left:1px #BBB dashed;
	border-bottom:1px #BBB dashed;
	border-right:1px #BBB dashed;
	text-align: left;
	width:700px;
	margin:0px auto 0px auto;
}

#content h3 {
	margin:0px;
	width:260px;
	border-bottom: 2px solid #125FBC;
}

#content h4 {
	margin:0px;
	font-style:italic; 
}

#content p {
	margin-left: 10px;
}

#content h3:first-letter {
	font-size:150%; 
	font-family:Verdana;
}


#content_container {
	margin: 10px 15px;
	background-color:#F9FCF8;
	padding:10px 15px 10px 15px;
}
/*------------------------------------------------------*/

#footer {
	border-top: 1px solid #60A0F0;
	width:700px;
	text-align:center;
	font-size: 10px; 
	margin:10px auto 10px auto;
}

#footer ul{
	margin:10px 0px 0px 0px;
	padding:0px;
}

#footer li{
	padding-left:20px;
	padding-right:20px;
	list-style-type: none;
	display: inline;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer p{
	margin:2px;
}

/*------------------------------------------------------*/
.cssform {
	width:450px;
}

.cssform p{
	width:450px;
	margin: 0px 0px 0px 10px;
	padding: 6px 0px 6px 0px;
	border-top: 1px dashed #808080;
}

.cssform label{
	padding: 6px 10px 0px 0px;
	width:150px;
}

.cssform input{
}

.cssform textarea{
	width:400px;
	height: 150px;
}


.formbutton{
 	float: right;
	cursor:pointer;
	border:outset 1px #82bf00;
	font-weight:bold;
	padding: 1px 2px;
	color:#FFFFFF;
	background-color:#82bf00;
}

/*------------------------------------------------------*/

#acgroovemusiclist-left {
	width:310px;
	float:left;
	margin-right:20px;
}

#acgroovemusiclist-right {
margin:0px;
	width:290px;
	background-color: #CAFFB0;
	padding:10px;
	float:right;
}

#acgroovemusiclist-rightbottom {
	width:290px;
	padding:10px;
	float:right;
	margin-top:20px;
}