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

P, TD, TH, DL, BODY, BLOCKQUOTE, PRE, DIV, OL, UL  {
	font-size : 10pt;
	color: #CCCCCC;
}

html, body {
	margin: 0;
	padding: 0;
        /* These next two get rid of that small grey border around the page in IE */
        border: 0;
        outline: 0;
	height: 100%;
	background: #5e5e5e url(/images/background.jpg) repeat-x;
	scrollbar-base-color: #5e5e5e;
}  

SMALL  {
	font-size : 8pt;
	color: #aaaaaa;
}

/* Links */
a:link, a:visited {
	color: #FFFFFF;
}
a:hover, a:active {
	color: #FFFFFF;
}
/* Links for Nav bar */
a:link.nav, a:visited.nav {
	color: #0188fe;
	text-decoration: none;	
	display: block;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	text-transform: uppercase;
}
a:hover.nav, a:active.nav {
	color: #FFFFFF;
	background-color: #0188fe;
	border-radius: 4px;
}
/* Links for Button */
a:link.button, a:visited.button {
	color: #0188fe;
	background-color: #444444;
	text-decoration: none;	
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-radius: 5px;
}
a:hover.button, a:active.button {
	color: #FFFFFF;
	background-color: #0188fe;
}

.header_home {
	background: #000000 url(/images/header-home.jpg) no-repeat;
}
.header_inside {
	background: #000000 url(/images/header-inside.jpg) no-repeat;
}

H2, .heading2  {
   	font-family : Georgia, "Times New Roman", serif;
	font-size: 18pt;
	font-weight: normal;
	color: #0188fe;
}
  
H3, .heading3  {
   	font-family : Georgia, "Times New Roman", serif;
	font-size: 14pt;
	font-weight: normal;
	color: #0188fe;
}
  
H4, .heading4, .hvmusic_headline  {
   	font-family : Georgia, "Times New Roman", serif;
	font-size: 12pt;
	font-weight: normal;
	color: #0188fe;
}
  
.page_data {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 25px;
}

hr {
	border: none;
        color: #0188fe;
	background-color: #0188fe;
	height: 1px;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
}
ul.align, ol.align {
	margin-top: 2px;
	margin-left: 18px;
	margin-bottom: 2px;
}

.align_right {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
}

.align_left {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.question {
	color: red;	
	font-weight: bold;
}


.photo_border {
        border: 2;
        border-style: solid;
        border-color: #034c9b;
}
/* /For displaying listing tables */


.quote {
   	font-family : Georgia, Arial, Helvetica, sans-serif;
  	font-size : 12pt;
}
.quoter, .quoter i {
  	font-size : 9pt;
        color: #957360;
	text-align: right;
	margin-top: 5px;
	margin-right: 4px;
}
/* For displaying headings on forms */
/* class="form" is the normal text */
.form {
        font-weight: normal;
}
/* class="form_required" is for required fields */
.form_required {
        font-weight: bold;
}
/* class="form_error" is for error fields */
.form_error {
        color: red;
        font-weight: bold;
}

/* Adding display:block to the images seems to remove the 5PX bottom padding */
/* that we get on images in <td>s with HTML5 doctype                         */
/* But only do this for images within <td>s.                                 */
td img {
        display: block;
}