/* CSS Document */

HTML {   overflow: -moz-scrollbars-vertical;}

body{
text-align: center;
margin-top:0;
margin-left:0;
margin-right:0;
}

.container {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
width:998px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

p {
margin-top:0;
margin-bottom:0;
}

h1{
font-size:180%;
margin-top:0px;
color:#006a80;
}

.copy h2{
font-size:120%;
margin-bottom:0px;
}

.panel h2 {
margin-top:0;
padding-top:12px;
font-size:180%;
}

.panel h3 {
margin-top:0;
margin-bottom:0;
color:#B9D300;

font-size:100%;
}

.panel p {
margin-top:0;
}

h3.prices {
color:#FFF;
}



.project {

}


.banner{
float:left;	/*remove if things go askew*/
width:100%;
/*margin-bottom:25px;*/
margin-bottom:7px;
height:176px;
background-image:url(../css_images/banner.gif);
background-repeat:repeat-x;
}


.banner_top{
position:relative;
height:120px;
width:998px;
}

.logo{
float:left;
width:230px;
height:90px;
left: 10px;
position: absolute;
top: 15px;
}

.logo span {
display:none;
}

.logo a {
height: 90px;
left: 0px;
position: absolute;
top: 0px;
width: 230px;

}


.contact
{
	color:#C4184A;
	font-weight:bold;
	font-size:1.3em;
	margin-top:65px;
	margin-right:12px;
}

.contact a {
	text-decoration:none;
	color:#C4184A;
}

/*Navigation*/


.main_nav{
float:left;
/*margin-top:0;*/
margin-top:-1.8em;
margin-bottom:0;
margin-left:0;
padding-left:0;
line-height:1.8em;
height:1.8em;
/*background-color:#c4184a;*/
/*width:998px;*/
width:100%;
}


.main_nav li, .sec_nav li {
list-style: none;
display: inline;
color:#FFFFFF;
padding:0;
margin-left:-5px;
padding-left:5px;
padding-right:5px;
margin-bottom:0;

}


li.highlight {
padding-left:0px;
padding-right:0px;


}

li.highlight a {
padding-top:4px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
background-color:#006A80;
line-height:1.8em;
height:1.8em;

}

.sec_nav  {
/*border:8px solid #fff;
margin-top:8px;*/
}

.sec_nav li {
border-left: 1px solid #fff;

background-color:#006a80;

}

.sec_nav{
margin-top:8px;
float:left;
margin-left:0;
padding-left:0;
background-color:#006a80;
width:998px;
height:1.8em;

}



#main_first, #sec_first {
border-left: none;
margin-left:10px;
}


.main_nav a, .footer a{
color:#FFFFFF;
text-decoration:none;
}

.main_nav a:hover, .footer a:hover{
text-decoration:underline;
}

.main_nav li.highlight {
/*background-color:#006A80;
padding-top:4px;
padding-bottom:4px;
padding:4px;*/
}

.main_nav a:hover, .footer a:hover{
/*color:#025597;*/
}


.main_nav li.highlight a{
/*color:#025597;*/
}

.main_nav li.highlight ul.sec_nav li a{
color:#fff;
}

.main_nav li.highlight ul.sec_nav li a:hover{
/*color:#025597;*/
}

.main_nav li.highlight ul.sec_nav li.highlight a{
/*color:#025597;*/
}

.nav_path{
font-size:12px;
}


.content {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
/*border:1px solid #ccc;*/
float:left;
}

.content p {
margin-bottom:10px;
}

.copy {
float:left;
/*width:48%;*/
width:475px;
padding-left:20px;
padding-top:15px;
padding-bottom:10px;
padding-right:10px;
}

.copy a {
color:#006a80;
}

#projects .copy, #volunteering .copy {
float:left;
width:960px;
}

#home .copy {
/*height:400px;*/
}

.image, .panel {
float:right;
/*width:48%;*/
width:475px;
padding-right:15px;
}


.footer{
float:left;

padding-top:5px;
padding-bottom:5px;
/*margin-right:15px;*/
background-color:#B9D300;

margin-top:5px;
width:100%;
text-align:right;

/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}

.footer span {
color:#fff;
padding-right:15px;
font-weight:bold;
}




/*Panel styles*/

.panel {
position:relative;
padding-right:10px;
}

.pic {
float:left;
position:relative;
left:12px;
top:14px;
z-index:-1;
}

.panel_top {
float:left;
position:absolute;
left:0px;
top:0px;
z-index:1;
width:473px;
height:236px;
}


.panel h2 {
float:left;
position:absolute;
color:#B9D300;
font-weight:bold;
left:20px;
top:0;
z-index:2;
}




.panel_content {
float:left;
position:relative;
left:0px;
/*margin-top:26px;*/
margin-top:23px;
/*background-image:url(/images/panel_content.png);*/
background-image:url(/images/panel_content.gif);
background-repeat:repeat-y;
z-index:2;
width:473px;
/*padding-left:20px;
padding-right:20px;*/
}

.panel_left {
padding-left:15px;
float:left;
width:46%;
color:#fff;
margin-top:0;
}

.panel_right {
padding-left:5px;
padding-right:10px;
float:right;
width:46%;
color:#fff;
margin-top:0;
}


.panel_bottom {
position:relative;
left:0;
top:0;
float:left;
/*background-image:url(/images/panel_bottom.png);*/
background-image:url(/images/panel_bottom.gif);
background-repeat:no-repeat;
width:473px;
height:20px;

}

.intro_boxes {
position:relative;
float:left;
}

#volunteering .intro_boxes, #projects .intro_boxes {
padding-left:15px;
}

#testimonials .intro_boxes {
margin-top:20px;
}

.column_1, .column_2, .column_3, .column_4 {
position:relative;
float:left;
margin-right:12px;
width:230px;
}

.column {

position:relative;
float:left;
margin-right:12px;
width:235px;

}

/*
.intro_boxes {
position:relative;
float:left;
padding-left:15px;
}

.column_1, .column_2, .column_3, .column_4 {
position:relative;
float:left;
margin-right:12px;
width:230px;
}
*/


.image_head {
	float:left;
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
}

.image_head_text {
	position:absolute;
	top:20px;
	left:0px;
	z-index:2;
	color:#FFF;
	font-size:160%;
	text-align:center;
	font-weight:bold;
	width:210px;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.image_head_text a {
	text-decoration:none;
	color:#FFF;
}

.image_head_text a:hover {
	text-decoration:underline;
}

.column_image {
float:left;
position:relative;
left:10px;
top:-10px;
z-index:-1;
}


.column_text {
	float:left;
	position:relative;
	left:10px;
	width:210px;
	padding-bottom:20px;
	height:100px;
}

#testimonials .column_text {
	padding-left:10px;
	height:270px;
}

#home .copy img {
position:absolute;
top:400px;
left:380px;
z-index:3;
}

#confirm .leftcol{


width:20%;

}

#confirm .rightcol{


width:80%;

}



#confirm .project  .rightcol{

font-weight:bold;

}

/*#confirm .project, #confirm .details{

float:left;
margin-bottom:20px;
line-height:1.6em;

}*/

#confirm table {
width:100%;
margin-bottom:20px;
border:0;
}

.bookinfo {
float:right;
margin-top:20px;
width:48%;
}

.bookinfo p {
padding-right:15px;
padding-left:23px;
}

.bookinfo div {
font-size:160%;
margin-bottom:15px;

}

.nextstep {
color:#ccc;
}


div--{
border:1px solid #000;
}


.form_label {
float:left;
width:20%;
text-align:right;

}

.form_field {
float:right;
width:78%;
}

.form_row {
float:left;
width:100%;
padding-top:5px;
padding-bottom:5px;

}

label {
line-height:1.5;
}




/*form styles*/

form.bookform fieldset {
  margin-bottom: 10px;
  width:450px;
}
form.bookform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.bookform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.bookform fieldset ol {
  margin: 0;
  padding: 0;
}
form.bookform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.bookform fieldset fieldset {
  border: none;
  /*margin: 3px 0 0;*/

}
form.bookform fieldset fieldset legend {
  /*padding: 0 0 5px;*/
  font-weight: normal;
	margin-left:-15px;
}
form.bookform fieldset fieldset label {
  display: block;
  width: auto;
  margin-top:-8px;
}

form.bookform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.bookform label {
  width: 140px; /* Width of labels */
}

form.bookform fieldset fieldset label {
  margin-left: 140px; /* Width plus 3 (html space) */
}