body { color: #bbb; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.25; background-color: #313131; }
h1 { color: #d6d6d6; font-size: 115%; line-height: 1.25; text-decoration: none; }
h2 { color: #e8b34c; font-size: 150%; font-family: "times new roman"; font-weight: bold; font-style: italic; line-height: 1.25; text-decoration: none; }
h3 { color: #e8b34c; font-size: 100%; font-style: italic; text-decoration: none; }
h4 { color: #bbb; font-size: 90%; text-decoration: none; }
h5 { color: #d6d6d6; font-size: 150%; font-family: "times new roman"; font-weight: normal; font-style: italic; line-height: 0.9; }h6 { color: #bbb; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 0.9; }
h7 { color: #bbb; font-size: 150%; font-weight: normal; font-style: italic; line-height: 0.9; }
h8 { color: #d6d6d6; font-size: 70%; font-weight: lighter; line-height: 1.25; text-decoration: none; }
n1 { color: #d6d6d6; font-size: 150%; font-family: "times new roman"; font-weight: normal; font-style: italic; line-height: 0.9; }
p { }
td { }
a:link { color: #d6d6d6; font-size: 100%; font-style: italic; text-decoration: none; }
a:visited { color: #d6d6d6; font-size: 100%; font-style: italic; text-decoration: none; }
a:hover { color: #e8b34c; font-size: 100%; font-style: italic; text-decoration: none; }
a:active {  color: #d6d6d6; font-size: 100%; font-style: italic; text-decoration: none; }
#musicheading { color: #e8b34c; font-size: 150%; font-family: "times new roman"; font-weight: bold; font-style: italic; line-height: 1.00; text-decoration: none; }
#copyright 
		{ padding: 3px 0 0; width: 880px; height: 10px; margin: auto;	font-size: 75%; font-weight: normal; color: #bbb;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu
	{ width: 97px; height: 41px; float: left; background: url(../images/menu.jpg) no-repeat left top; display: block; 
	}

#menu:hover
	{ color: #c1c1c1; background-position: 0 -41px; }
	
/***********
media carousel
***********/
#media
	{ width: 322px; height: 100px; padding: 0; overflow:hidden; }
#media_top .header
	{ background-position: center; float: left; display: block; margin: 0; }
#media_top .media_button
	{ background-image: url(../rotator/scroll.jpg); background-position: center top; display: block; float: left; padding: 0; width: 17px; height: 17px; }
#media_top .media_button_selected
	{ background-image: url(../rotator/scroll.jpg); background-position: center bottom; float: left; }
#media_items
	{ clear: both; width:322px; height:160px; overflow: hidden; }
#media_container 
	{ width: 2500px; height: 100px;}
.media_items_group 
	{ float: left; width:322px;}
#media_items .media_item
	{ display: block; float: left; width: 100px; height: 75px; margin: 0; padding: 0; }
#media_items a:link, #media_items a:active, #media_items a:visited
	{ text-decoration: none; color: #d1d1d0; font-size: 11px; font-weight: bold; line-height: 12px; }
#media_items .media_item a:hover
	{ text-decoration: underline; }
#media_items .media_image
	{ display: block; width: 100px; height: 75px; }
#media_items .media_item a .media_image
	{ background-position: 0 0; }
#media_items .media_item a:hover .media_image
	{ background-position: 0 -77px; }
#media_items .media_title
	{ display: block; text-align: center; width: 100px; }
#media_items a:hover .media_title
	{ text-decoration: underline; }
/* version2 */
#media_items .media_item2
	{ display: block; float: left; width: 100px; margin: 0; padding: 0; }
#media_items .media_item2 a
	{ background-repeat: no-repeat; background-position: 1px 0; display: block; }
#media_items .media_item2 a:link, #media_items .media_item2 a:active, #media_items .media_item2 a:visited
	{ text-decoration: none; color: #1b1b1b; font-size: 11px; font-weight: bold;  }
#media_items .media_item2 a:hover
	{ text-decoration: underline; }
#media_items .media_title2
	{ display: block; width: 100px; }
#media_items a:hover .media_title2
	{ text-decoration: underline; }
/* pictures/media */
#pictures_media
	{ width: 212px; height: 300px; padding: 0; overflow:hidden; }
#pictures_media_top .header
	{ background-position: left top; float: left; display: block; margin: 0; }
#pictures_media_top .media_button
	{ background-image: url(../rotator/scroll.jpg); background-position: center top; display: block; float: left; padding: 0; width: 17px; height: 17px; }
#pictures_media_top .media_button_selected
	{ background-image: url(../rotator/scroll.jpg); background-position: center bottom; float: left; }
#pictures_media_items
	{ clear: both; width:212px; height:290px; overflow: hidden; }
#pictures_media_container 
	{ width: 2500px; height: 150px;}
.pictures_media_items_group 
	{ float: left; width:212px;}
#pictures_media_items .media_item
	{ display: block; float: left; width: 120px; margin: 0; padding: 0; }
#pictures_media_items a:link, #media_items a:active, #media_items a:visited
	{ text-decoration: none; color: #d1d1d0; font-size: 11px; font-weight: bold; line-height: 12px; }
#pictures_media_items .media_item a:hover
	{ text-decoration: underline; }
#pictures_media_items .media_image
	{ display: block; width: 60px; height: 45px; }
#pictures_media_items .media_item a .media_image
	{ background-position: 0 0; }
#pictures_media_items .media_item a:hover .media_image
	{ background-position: 0 -77px; }
#pictures_media_items .media_title
	{ display: block; text-align: center; width: 120px; }
#pictures_media_items a:hover .media_title
	{ text-decoration: underline; }
/* version2 */
#pictures_media_items .media_item2
	{ display: block; float: left; width: 60px; margin: 0; padding: 0; }
#pictures_media_items .media_item2 a
	{ background-repeat: no-repeat; background-position: 1px 0; display: block; }
#pictures_media_items .media_item2 a:link, #media_items .media_item2 a:active, #media_items .media_item2 a:visited
	{ text-decoration: none; color: #1b1b1b; font-size: 11px; font-weight: bold;  }
#pictures_media_items .media_item2 a:hover
	{ text-decoration: underline; }
#pictures_media_items .media_title2
	{ display: block; width: 100px; }
#pictures_media_items a:hover .media_title2
	{ text-decoration: underline; }
#musicfile
	{ width: 361px; height: 72px; float: right; background: url(../image/site/musicfile.png) top left no-repeat; display: block; 
	}
#musicfile:hover
	{ background-position: 0 -72px;}

/* Vertical Accordions*/

.accordion_toggle { color: #bbb; font-size: 90%; display: block; width: 341px; padding: 0 10px; font-weight: normal; line-height: 1.25; background-image: url(images/accordion_toggle.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-decoration: none; height: 25px; outline: none medium; cursor: pointer; margin: 0; border-bottom: 1px solid #1b1b1b; }
		
.accordion_toggle_active { color: #e8b34c; font-size: 90%; line-height: 1.25; background-image: url(images/accordion_toggle_active.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; border-bottom: 1px solid #1b1b1b; }
		
.accordion_content { color: #bbb; font-size: 90%; line-height: 1.25; overflow: hidden; }
			
.accordion_content h2 {margin: 15px 0 5px 10px;}
			
.accordion_content p {padding: 5px 10px 15px;}
.vertical_accordion_toggle { display: block; width: 341px; padding: 0 10px; font-weight: normal; background-image: url(images/accordion_toggle.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-decoration: none; outline: none medium; cursor: pointer; margin: 0; border-bottom-style: solid; }

		.vertical_accordion_toggle_active { background-image: url(images/accordion_toggle_active.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; border-bottom-style: solid; }

		.vertical_accordion_content { overflow: hidden; }

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
			}

			.vertical_accordion_content p {
				padding: 5px 10px 15px;
			}
  			

description {padding: 5px 0 15px;}

#container {margin: 20px auto 0; width: 341px;}
#top_container {width: 341px; margin: 10px auto;}
#bottom_container {clear: both; width: 341px;}
page-top { position: fixed; top: 0; left: 0; width: 100%; border-bottom-style: solid; }

page-sidebar {position: fixed; top: 30px; left: 20px; width: 250px;}

* html .page-sidebar { top: 30px; left: 20px; width: 250px; position:absolute;}

page-title { margin: 0; padding: 0 0 10px; text-align: left; border-bottom-width: 0; }

page-title h1 { margin: 0 0 5px 0;}
	
page-title h2 {	clear: both; font-weight: normal;	margin: 0;}

.page-body {margin: 0 10% 0 315px; width: 341px; padding: 30px 0 20px; text-align: left;}

	.page-footer {margin: 20px  0 0 0; text-align: left; font-size: 10px;}

	.page-body ul, .page-body ol { 
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px;		
	}

	.page-footer p {
		margin: 0;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		margin: 5px 0 15px;
	}
.notice {
	border: solid 3px #ffffbe;
	padding: 10px;
	margin: 0 0 20px;
}
	
	.notice p, 
	.notice p a, 
	li a {
		text-decoration: none;
	}

.navigation { 
	list-style: none; 
	margin: 10px 0 30px 0; 
	width: 200px;
}

	.navigation li { 
		padding: 0; 
		margin: 0; 
	}

	.navigation a, 
	.navigation a:visited {
		display: block;
		padding: 0 10px;
		border-bottom: 3px solid #171b20;
		color: #ffffff;
		background-color: #333333;
		text-decoration: none;
	}

	.navigation a:hover {
		background-color: #454440;
	}

a.page-options {
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #454440;
	margin: 3px 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }		
	p small, 
	li small {
		font-size: 100%;
	}
	
	p em, 
	em {
		
	}

.hidden {
	display : none;
}


pre {
  	padding: 10px;
  	background: #454440;
  	overflow: auto;
	margin: 10px 0;
}

code {
  	color: #ffffff;
  	background: #454440;
  	font-family: Monaco, Courier, monotype;
}


/** RUBY / JAVASCRIPT **/
code span.comment {
	
}

code span.string {
	
}

code span.brackets {
	
}

code span.symbol {
	
}

code span.keywords {
	
}

code span.erb {
	background: #333;
}

code span.symbol {
      
}

/** HTML **/
code.html span.tag {
	color: #fff;
}

code.html span.attribute {
	
}

code.html span.string {
	
}

code.html span.comment {
	
}

code.html span.doctype {
	
}