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

html {
height: 100%;
}

body {
color: #fff;
font-family: Verdana, Arial,'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande';
font-size: 12px;
height: 100%;
background: url(../images/bg.gif);
margin-top:20px;
width:860px;
margin:20px auto;
position:relative;
}

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

h1:hover { color:#FFF; }

h1 span {
color: #fff;
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-left:275px;;
width: 535px;
padding:4px 6px 6px 6px;
background-color:#FFF;
min-height:700px;

}

#top_container {
width: 480px;
height: 130px;
margin: 10px auto 10px auto;
}

#bottom_container {
clear: both;
width: 500px;
}

#footer{
width:860px;
height:90px;
background: url(../images/footer.gif) no-repeat;

}

.page-header {
	margin: 0 auto 0 auto;
	height:153px;
	width:860px;
	background: url(../images/header.jpg) no-repeat top right #455761;
}

.page-top {	
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 10px;
background-color: #6cf;
border-bottom: 5px solid #555;
}

.page-sidebar { 
position:relative;	
width: 250px; 
height:378px;
float:left;
background: url(../images/content_left.gif) no-repeat top right;
line-height: 1.3em;
}

* html .page-sidebar { 
position:relative;	
width: 250px; 
height:378px;
float:left;
background: url(../images/content_left.gif) no-repeat top right;
line-height: 1.3em;
}

.thankyou{font-size:1.5em; color:#000; font-weight:bold; margin:20px;}

.page-sidebar p {padding:10px 0px 0px 0px;}

.page-sidebar h2 {font-size:1.4em; color:#faf7c9;}

.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 {
position:relative;
width:860px;
background: url(../images/sitebg.gif);
}

.page-footer {
margin: 20px 0 0 0;	
text-align: center;
font-size: 10px;
color:#455761;
}

.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: #333;
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: #faf8e0;
}


h2 {
text-align: left;
font-weight: normal;
font-size: 18px;
color: #455761;
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;
}



.hidden {
display : none;
}



/*
Vertical Accordions
*/

.accordion_toggle {
display: block;
height: 27px;
width: 515px;
background: url(../images/accordion_toggle.jpg) no-repeat top right #CCC;
padding: 0 10px 0 10px;
line-height: 27px;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 10px;
color: #666;
border-bottom: 1px solid #FFF;
cursor: pointer;
margin: 0 0 0 0;
letter-spacing:2px;
text-transform:uppercase;
}

.accordion_toggle:hover {color:#FFF; background: url(../images/accordion_toggle_active.jpg) no-repeat top right #455761;}

.accordion_toggle_active {
background: url(../images/accordion_toggle_active.jpg) no-repeat top right #455761;
color: #FFF;
border-bottom: 1px solid #666;
}

.accordion_content {
background-color: #fff;
color: #666;
overflow: hidden;
width:515px;
}

.accordion_content img {border:1px solid #8b8b89;}

.accordion_content h2 {
margin: 15px 0 5px 10px;
color: #455761;
font-size:16px;
}

.accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}

.vertical_accordion_toggle {
display: block;
width: 500px;
background: #CCC;
padding: 0 10px 0 10px;
line-height: 30px;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 9px;
color: #666;
border-bottom: 1px solid #FFF;
cursor: pointer;
margin: 0 0 0 0;
letter-spacing:2px;
text-transform:uppercase;
}
.vertical_accordion_toggle:hover {background:#9cb5c3; color:#FFF;}

.vertical_accordion_toggle_active {
background: #9cb5c3;
color: #FFF;
border-bottom: 1px solid #666;
}

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

.scroll  {
height:250px; width:515px; overflow:auto; margin:5px 0 10px 0;
}


/*
Horizontal Accordion
*/

.horizontal_accordion_toggle {
/* REQUIRED */
float: left;	/* This make sure it stays horizontal */
/* REQUIRED */

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 {
/* REQUIRED */
height: 100px;	/* We need to define a height for the accordion as it stretches the width */
float: left;	/* This make sure it stays horizontal */
/* REQUIRED */

overflow: hidden;
background-color: #ffffff;
color: #444444;
}

.horizontal_accordion_content p {
width: 860px;
line-height: 150%;
padding: 5px 10px 15px 10px;
}


/* Container styling*/
#horizontal_container {
margin: 20px auto 20px auto;
width: 860px;   
height: 100px;
}


.nested_vertical {
margin: 10px auto 20px auto;
width: 860px;
}

.spacer_1 { margin-top:3px; }
.spacer_2 { margin-top:6px; }
.spacer_3 { margin-top:9px; }

.padding15{padding:15px;}