/* Classical Jazz - Left Nav CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {background:#271811 url(../images/body_bg.jpg) left top repeat; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
a {outline:none; color:#568599}
	a:hover {text-decoration:none}

h2 {margin-bottom:15px; font-size:1.75em; font-weight:normal; font-family:Georgia, Times, "Times New Roman", serif; color:#a11d1d}
#sidebar h2 {font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; color:#425c82}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:960px; margin:0 auto; background-color:#fff}

	#header {width:960px; float:left; background:#425c82 url(../images/header_bg.jpg) left top repeat-x}
		#header img {width:128px; height:128px; float:left}
		#header h1 {margin:20px 15px; font-family:Georgia, Times, "Times New Roman", serif; font-size:2em; color:#fff}

	#content_wrapper {width:960px; float:left; background:#fff url(../images/content_wrapper_bg.jpg) left bottom repeat-y}
	
		#sidebar {float:left; display:inline; padding-bottom:25px; width:150px; background-color:#acc8da}
			#navigation {list-style-type:none}
				#navigation li {width:120px; padding:10px 15px; font-size:1.1em; border-top:1px solid #badff0; border-bottom:1px solid #93b8c7; background:#a0c4d4 url(../images/navigation_button.jpg) left top repeat-x}
					#navigation li a {display:block; text-decoration:none; color:#425c82}
						#navigation li a:hover {color:#fff}
			
			/* Category/Group List Styles */
			#group_headline {font-size:1.1em; font-weight:normal; padding:20px 15px 10px 15px; background:url(../images/category_headline_bg.jpg) 15px bottom no-repeat; border-top:1px solid #badff0}
				#group_list {width:120px; margin:0px 15px; font-size:.95em; border-top:1px dashed #92b0c9; border-bottom:1px dashed #d9e6ee}
					#group_list li {width:120px; border-top:1px dashed #d9e6ee; border-bottom:1px dashed #92b0c9}
						#group_list li a {display:block; padding:5px; text-decoration:none; color:#425c82}
							#group_list li a:hover {color:#fff}
			
		#content {float:left; display:inline; width:780px; padding:20px 15px}
			#content p {margin:15px 0; line-height:1.5em}
					
			/* Form Styles */
			input, textarea {width:350px}	
			input#submit {width:auto; font-weight:bold}											
									
#footer {clear:both; padding:15px; width:930px; font-size:.95em; color:#fff; background-color:#839dba}
	#footer a {color:#c6dce4; text-decoration:none}
		#footer a:hover {text-decoration:underline}