*, html, body { margin: 0 0 0 0; padding: 0 0 0 0; }

html { height: 100%; }

body { background: #171b20; color: #ffffff; font-family: 'Lucida Grande', Verdana, Arial; font-size: 12px; height: 100%; }

h1 { color: #96BF55; font-size: 20px; font-weight: normal; margin: 5px 0 5px 0; text-align: left; }

h1 span { color: #ffffff; font-size: 20px; font-weight: normal; margin: 5px 5px 5px 0; text-align: left; }

.description { font-size: 12px; line-height: 18px; color: #ffffbe; padding: 5px 0 15px 0; }

#container { margin: 20px auto 0 auto; width: 700px; }

#top_container { width: 680px; height: 130px; margin: 10px auto 10px auto; }
	
#bottom_container { clear: both; width: 700px; }
	
.page-top {	
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 10px;
   background-color: #09f;
   border-bottom: 5px solid #444444;
}

.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 0; text-align: left; }

.page-title h1 { margin: 0 0 5px 0; }
	
.page-title h2 { clear: both; font-size: 100%; color: #FF9; font-weight: normal; margin: 0; }

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

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

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

.page-body ul li, .page-body ol li { 
   padding: 0; 
   margin: 0 0 5px 0; 
   color: #cccccc;
   line-height: 140%;
   font-size: 100%;		
}

.page-footer p { margin: 0; }

.page-title h1 span {
   text-align: left;
   font-weight: normal;
   font-size: 100%;
   color: #ffffff;
   margin: 5px 0 15px 0;
}
	
a, a:link, a:visited { color: #09f; }

h2 { text-align: left; font-weight: normal; font-size: 150%; color: #09f; margin: 5px 0 15px 0; }

h2 span { clear: both; font-size: 70%; color: #FF9; }
	
.notice { border: 3px solid #ffffbe; padding: 10px; color: #ffffff; background-color: #09f; margin: 0 0 20px 0; }
	
.notice p, .notice p a, li a { color: #ffffff; 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;
   height: 25px;
   line-height: 25px;
   padding: 0 10px 0 10px;
   border-bottom: 3px solid #171B20;
   color: #ffffff;
   background-color: #333333;
   text-decoration: none;
}

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

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

a.page-options:hover, a.page-options:focus { color: #fff; background: #09F; }
		
p small, li small { color: #09F; font-size: 100%; }
	
p em, em { color: #ffffff; }

.hidden { display : none; }

pre { font-size: 11px; padding: 10px; background: #000000; overflow: auto; margin: 10px 0 10px 0; }

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

code span.comment { color: #BD48B3; }

code span.string { color: #99FF00; }

code span.symbol { color: #6BCFF7; }

code span.keywords { color: #FF8400; }

code span.erb { background: #333; }

code span.symbol { color: #07DFFC; }

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

code.html span.attribute { color: #FFD500; }

code.html span.string { color: #99FF00; }

code.html span.comment { color: #999; }

code.html span.doctype { color: #D7FF80; }

/* Vertical Accordions */
.accordion_toggle {
   display: block;
   height: 30px;
   width: 680px;
   background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
   padding: 0 10px 0 10px;
   line-height: 30px;
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;
   outline: none;
   font-size: 12px;
   color: #000000;
   border-bottom: 1px solid #cde99f;
   cursor: pointer;
   margin: 0 0 0 0;
}
	
.accordion_toggle_active { 
   background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f; 
   color: #ffffff;
   border-bottom: 1px solid #f68263;
}
		
.accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }
			
.accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }
			
.accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; }
			
.vertical_accordion_toggle { 
   display: block;
   height: 30px;
   width: 600px;
   background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
   padding: 0 10px 0 10px;
   line-height: 30px;
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;
   outline: none;
   font-size: 12px;
   color: #000000;
   border-bottom: 1px solid #cde99f;
   cursor: pointer;
   margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
   background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
   color: #ffffff;
   border-bottom: 1px solid #f68263;
}

.vertical_accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }

.vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; }

.vertical_accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; }
  			
/* Horizontal Accordion */
		
.horizontal_accordion_toggle {
   float: left;	
   display: block;
   height: 100px;
   width: 30px;
   background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
   color: #ffffff;
   text-decoration: none;
   outline: none;
   border-right: 1px solid #cde99f;
   cursor: pointer;
   margin: 0 0 0 0;
}
		
.horizontal_accordion_toggle_active {
   background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
   border-right: 1px solid #f68263;
}
		
.horizontal_accordion_content {
   height: 100px;	
   float: left;	
   overflow: hidden;
   background-color: #ffffff;
   color: #444444;
}
			
.horizontal_accordion_content p { width: 450px; line-height: 150%; padding: 5px 10px 15px 10px; }
					
#horizontal_container { margin: 20px auto 20px auto; width: 680px; height: 100px; }
    
#vertical_nested_container { margin: 20px auto 20px auto; width: 620px; }
*html #vertical_nested_container { margin: 20px auto 20px auto; width: 620px; float: none; }