* { margin:0; padding:0;}
body { background:#e8ebe4 url(../images/bkgraidient.png) /*url(../images/site_wrapper.gif)*/ 0 43.5% repeat-x; font-size:100%; line-height:1em; font-family:Arial, tahoma; color:#5e5d5d; text-align:center;}

h1, h2, h3, h4 {color:#790000;}
a { color:#790000;}
/*in_line*/
input, select, textarea { vertical-align:middle; font-family:Arial; color:#626262;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a:hover{text-decoration:none;}
.menu a{ text-align:center; margin:0; padding-left:50px; color:#333;}/*I added this to isolate the menu ankers (links) from the rest of the web site as they are not images color:#790000;}*/
.column { float:left;}
.clear, .col-list, .row-box, .heade-content, .line , .content-indent-left{ width:100%; overflow:hidden;}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:55px;}

#banner {margin-top:-50px; margin-bottom:-334px; margin-left:0; padding:0;}/*I added this div*/

.border-left{background:#ffffff url(../images/border_left.gif) 0 0 repeat-y;}
.border-left-top{background:url(../images/border_left_top.gif) 0 0 no-repeat;}
.border-right{ background:url(../images/border_right.gif) top right repeat-y;}
.border-right-top{background:url(../images/border_right_top.gif) top right no-repeat;}
.main-indent{ margin:0 0 0 22px; width:824px;}
/*header*/
.menu{ background:url(../images/menu2.png) 0 0 repeat-x; height:50px; text-indent:17px; padding:20px 0 27px 0;}/*added the padding and modified the height*/
.menu img{ margin:21px 15px 0 0;}
.logo{ background:url(../images/logo_bg.jpg) 0 0 no-repeat; height:332px;}/*this height pushes down the content(original height 332px*/
.logo img{ /*width:269px; height:174px;*/ margin:86px 0 0 43px;}
.heade-content { color:#15130f; font-size:0.75em; line-height:1.5em;}
.heade-content a{ color:#790000;}
.heade-content ul{ padding:10px 0 0 29px;}
.heade-content li a{ color:#15130f !important; background:url(../images/marker.gif) 0 6px no-repeat; padding:0 0 0 10px; text-decoration:none; line-height:1.25em;}
.heade-content li a:hover{ color:#616d91 !important; background:url(../images/marker.gif) 1px 6px no-repeat;}
.heade-content .col-1{ background:#eaf4e1;}
.heade-content .col-2{ background:#e1ecee;}
.heade-content .col-3{ background:#ece9dd;}
.heade-content .indent-col{ padding:18px 0 10px 22px;}
.heade-content .indent-col-1{ padding:18px 0 9px 16px;}
.heade-content .indent-col-2{ padding:18px 0 9px 17px;}
.heade-content .indent-text{ padding:11px 24px 27px 18px;}
.heade-content .indent-text1{ padding:9px 24px 27px 29px;}
.heade-content .title{ display:block}

/*footer*/
.footer{ background:#f2f1ea url(../images/footer_backdrop.png)/*#f2f1ea*/ 0 0 repeat-x; padding:20px 31px 20px 31px; text-indent:36px; font-size:11px; color:#9c9581;}
.footer a{ color:#790000;}

/*Added this-->*/.usr_psswrd {float:right;}
/*---------------------------------drop down menu--------------------*/
#navilinks {
	margin: 0;
	padding: 0;
	}

.headlink {
	font-size:16px;
	}
	
#dropdown, #dropdown ul {
	font-size:12px;
	list-style: none;
	}

#dropdown, #dropdown * {
	padding: 0;
	margin: 0;}

#dropdown li.headlink {
	float: left;
	margin-top: 0;
	margin-left: 0px; 
	text-align: center;
	}
	
.last { 
	background-color:#EDEBE0;
	width:264px; 
	border-right: 0 solid #ffffff;}/*little border of the last main link of the main lab (MEMEBERS ONLY)*/
.frst {
	background-color: #E6F2DC;
	width:264px;
	border-left: 0 solid #ffffff;}
.mddl {
	background-color:#E0EBED;
	width:264px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;}

#dropdown li.headlink a {
	display: block;
	margin:0;
	padding: 5px;
	text-decoration: none;
	}

#dropdown li.headlink ul { 
	width: 240px;
	margin: 0;
	display: none; 
	border: none;
	text-align: left;
	}

#dropdown li.headlink:hover ul { 
	display: block;
	}

#dropdown li.headlink ul li a { 
	padding: 2px;
	height: 100%;
	}

#dropdown li.headlink ul li a:hover { 
	text-decoration:underline;
	}

#dropdown a {
	color:#790000;/*(#333)main nav font colour*/
	}

#dropdown ul li a:hover {
	text-decoration: none;
	background-color:#E8EBE4;
	}

#dropdown li.headlink {
	background-color: #E8EBE4;}/*main nav bkg colour

/*--------- background color for subnav--------- */
#dropdown li.headlink ul {
	background-color: #F2F1EA;
	padding-bottom: 3px;
	}

#dropdown ul {
	position: absolute;
	z-index: 500;
	}

/*---------------------------------content---------*/
.splash_welcome { margin-top:-200px;}


.on-top {
	position:relative;
		z-index:2;
}

#cont_img {
	float:left;
	
	margin:30px 0 0 70px;
}

#cont_img1 {
	float:left;
	
	margin:0 0 20px 70px;
}

.title3 {
	float:right;
}

.title4 {
	float:left;
	padding-left:10px;
}

#last_list {
	float:left;
	margin:-60px 0 0 20px;
	}
.logo1{float:left;}
/*----------------youth accordion -------------*/

.accordion,.adult_accordion,.hist_accordion  {
	width: 100%;
	margin-bottom:0;
	margin-left:0;
	padding:0;
	float: left;
	
	/* -- Added by Steve -- */
	position: relative;
    z-index: 1;
	/* -------------------- */
		
	
	border-bottom: 1px solid #E8EBE4;
}
.accordion h4 {
	background: /*#F2F1EA*/#E6F2DC url(arrow-square.gif) no-repeat right -51px;
	margin: 0;
	padding: 5px 20px 5px 10px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.accordion h4:hover,.hist_accordion h4:hover,.adult_accordion h4:hover,.donate_accordion h4:hover {
	background-color: #ffffff;
}
.accordion h4.active,.hist_accordion h4.active,.adult_accordion h4.active,.donate_accordion h4.active {
	background-position: right 5px;
}
.accordion p,.donate_accordion p,.adult_accordion p,.hist_accordion p {
	font-size: 12px;
	background: #ffffff;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}


/*---------------- accordion------------*/

.hist_accordion h4 {
	background: #F2F1EA url(arrow-square.gif) no-repeat right -51px;
	margin: 0;
	padding: 5px 20px 5px 10px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

/*-------------------adult accordion---------------------*/

.adult_accordion h4 {
	background: /*#F2F1EA*/#E0EBED url(arrow-square.gif) no-repeat right -51px;
	margin: 0;
	padding: 5px 20px 5px 10px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

/*------------------------------donate accordion--------------------*/
.donate_accordion {
	width: 50%;
	margin-top:5px;
	margin-right:-25px;
	margin-bottom:20px;
	float: left;
	border-bottom: 1px solid #E8EBE4;
}

.donate_accordion h4 {
	background: /*#F2F1EA*/#EDEBE0 url(arrow-square.gif) no-repeat right -51px;
	margin: 0;
	padding: 5px 20px 5px 10px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

/*-----------------end of accordions-------------------------------------------------*/
/*--------------------------------------slide shows------------------------------*/
#slideshow{
	height:350px;
	margin-top:20px;
	
	/* -- Added by Steve -- */
	position: relative;
    z-index: 0;
	/* -------------------- */
		
}

#slideshow IMG {
    position:absolute;
	top:0;
	right:250px;
    z-index:27;
    opacity:0.0;
}

#slideshow IMG.active,#slideshow2 IMG.active,#slideshow3 IMG.active,#slideshow4 IMG.active {
    z-index:30;
    opacity:1.0;
}

#slideshow IMG.last-active,#slideshow2 IMG.last-active,#slideshow3 IMG.last-active,#slideshow4 IMG.last-active {
    z-index:29;
}

/*-----------------slideshow2--------------*/

#slideshow2{
    position:relative;
    
	height:0;
	margin-top:20px;
	padding:1px;
}

#slideshow2 IMG {
    position:absolute;
	top:-370px;
	right:86px;
    z-index:27;
    opacity:0.0;
}

/*-----------------slideshow4--------------*/

#slideshow3{
    position:relative;
    
	height:150px;
	margin-top:0;
	padding:0;
}

#slideshow3 IMG {
    position:absolute;
	top:-209px;
	right:250px;
    z-index:27;
    opacity:0.0;
}

/*-----------------slideshow4--------------*/

#slideshow4{
    position:relative;
    
	height:0;
	margin-top:-150px;
	padding:0;
}

#slideshow4 IMG {
    position:absolute;
	top:-209px;
	right:86px;
    z-index:27;
    opacity:0.0;
}

/*#slideshow2 IMG.active{
    z-index:30;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:29;
}*/

/*----------------------------end of slide shows-----------------------*/
.copy {font-size:14px;}/*I added this to style the paragraphs that seemed have a very small font*/

.content{ padding:35px 0 31px 0; font-size:0.75em; line-height:1.5em;}
.br{ display:block;}
.line{ background:url(../images/line.gif) 0 18px repeat-x; height:36px; display:block;}


.content .title{ display:block; margin-bottom:23px; margin-top:4px;}
.content .img-left{ float:left; margin:0 0 0 0;}
.extra-list li a{ background: url(../images/extra-list.gif) 0 5px no-repeat; padding:0 0 0 14px; color:#6e7864; text-decoration:none; font-size:1.375em; font-weight:normal; line-height:1.5em;}
.extra-list li a:hover{ /*background:url(images/extra-list.gif) 1px 5px no-repeat;*/ color:#15130f;}
/*I added the extra list1 for the bullet list in the about*/
.extra-list3 li { /*background:url(images/extra-list.gif) 1px 5px no-repeat;*/ background: url(../images/extra-list.gif) 0 5px no-repeat; padding:0 0 0 14px; }
/*I added the extra list1 for the bullet list in the about*/
.extra-list1 li { background: url(../images/extra-list.gif) 0 5px no-repeat; padding:0 0 0 14px; color:#6e7864; text-decoration:none; font-size:1em; font-weight:normal; line-height:1.5em;}
.extra-list2 li { background:url(../images/link-3.gif) 0 5px no-repeat; padding:0 0 0 14px; color:#6e7864; text-decoration:none; font-size:1em; font-weight:normal; line-height:1.5em;}
.extra-list4 li { background:url(../images/link-3.gif) 0 5px no-repeat; padding:0 0 0 14px; color:#6e7864; text-decoration:none; font-size:1em; font-weight:normal; line-height:1.75em;}
.content .col-1 .indent-text{ padding:0 0 0 21px;}
.width-1{ width:76px;}
.width-2{ width:101px;}
.width-3{ width:51px;}
.button{ display:block; font-weight:bold !important;}
.button a{ display:block; height:19px; text-align:center; color:#ffffff; font-weight:bold; text-decoration:none; font-size:0.937em;}
.button a:hover{ text-decoration:underline;}
.button-1{ background:#790000 url(../images/button-1-border.gif) top right no-repeat;}
.button-1 a{ background:url(../images/button-1-border.gif) 0 0 no-repeat;}
.button-2{ background:#2d2d2d url(../images/button-2-border.gif) top right no-repeat;}
.button-2 a{ background:url(../images/button-2-border.gif) 0 0 no-repeat; position: relative; z-index: 3;}
.link{ background:url(../images/link.gif) 0 6px no-repeat; padding:0 0 0 10px; color:#72875e; font-weight:bold;}
.link:hover{background:url(../images/link.gif) 1px 6px no-repeat;}
.indent-bot{ display:block; margin:0 0 25px 0;}
.link-1{ background:url(../images/link-1.gif) center left no-repeat; padding:0 0 0 8px; color:#15130f}
.link-1 a{ font-weight:bold; color:#15130f;}
.title-top{ margin-top:35px !important;}
.link-top{ display:block; margin:15px 0 0 0;}
/*Added this for the about page contact info*/
.box1{ display:block; background:#f3f7f6;}
/*-------------------------------------------------*/
.box{ background:#f3f7f6;}
.box h1{ display:block; height:56px; background:url(../images/bull.gif) 0 0 no-repeat;}
.box h1 img{ position:absolute; margin:19px 0 0 58px;}
.box-indent{ padding:9px 15px 16px 17px;}
.box-bg{ background:#eef3f2; padding:17px 11px 16px 22px;}
.list-2 li a{ background:url(../images/list-2.gif) 0 5px no-repeat; padding:0 0 0 21px; color:#2a2a2a; font-weight:bold; line-height:1.75em;}
.list-2 li a:hover{background:url(../images/list-2.gif) 1px 5px no-repeat; }
.indent-text1{ padding:0 0 0 14px;}
.link-bot{ display:block; margin-bottom:4px;}
.text dt{ color:#790000; text-decoration:underline; padding-bottom:5px;}
.text dd{ padding-bottom:17px;}
.extra-right{ padding-right:25px !important;}
.extra-right1{ padding-right:15px !important;}
.link-2{ font-size:1.06em;}
.indent-top{ display:block; margin-top:13px;}
.indent-top1{ display:block; margin-top:10px;}
.content .title1{ display:block; margin-bottom:11px; margin-top:4px;}
.content .title2{ display:block; margin-bottom:16px; margin-top:4px;}
.link-3{ background:url(../images/link-3.gif) 0 5px no-repeat; padding:0 0 0 21px; color:#2a2a2a; font-weight:bold;}
.link-3:hover{ background:url(../images/link-3.gif) 3px 5px no-repeat; }
.link-top1{ display:block; margin-top:4px;}
.link-4{ color:#15130f; font-weight:bold;}
.text-1{ color:#6e7864;}
.text-2, .text-3{ color:#6e7864;}
.text-2 dd{ padding-bottom:5px;}
.text-2 dt{ padding-bottom:15px; text-align:right;}
.indent-none{ padding-bottom:0 !important;}
.col-list{ background:url(../images/col-list.gif) 190px 0 repeat-y;}
.text-3 dt{ font-weight:bold; padding-bottom:2px; font-size:1em;}
.text-3 dd{ padding-bottom:7px;}
.indent-bot1{ display:block; margin-bottom:10px;}
.indent-top-bot{ display:block; margin:16px 0;}
.link-5{ color:#2d2d2d !important;}
.indent-1 span{ float:right; margin-right:7px;}
.text-4{ font-size:1.06em;}
.list-3 li a{ color:#2d2d2d; font-weight:bold; font-size:1.06em; line-height:1.75em;}
.indent-2 span{ float:right; margin-right:45px;}
.indent-2 p{ margin-top:17px;}
.indent-2 { font-weight:normal; font-size:1.06em;}
.indent-text1a{ padding-left:5px;}
.indent-3{ font-size:1.06em;}
.indent-3 p{ padding-top:15px;}


.box-11 .border1-top {background:url(../images/border1_top.gif) repeat-x top #e6f2dc;}
.box-11 .border1-bot {background:url(../images/border1_bot.gif) repeat-x bottom;}
.box-11 .border1-left {background:url(../images/border1_left.gif) repeat-y left;}
.box-11 .border1-right {background:url(../images/border1_right.gif) repeat-y right;}
.box-11 .corner1-top-left {background:url(../images/corner1_top_left.gif) no-repeat left top;}
.box-11 .corner1-top-right {background:url(../images/corner1_top_right.gif) no-repeat right top;}
.box-11 .corner1-bot-left {background:url(../images/corner1_bot_left.gif) no-repeat left bottom;}
.box-11 .corner1-bot-right {background:url(../images/corner1_bot_right.gif) no-repeat right bottom; width:100%; } 

.box-12 .border2-top {background:url(../images/border2_top.gif) repeat-x top #e0ebed}
.box-12 .border2-bot {background:url(../images/border2_bot.gif) repeat-x bottom;}
.box-12 .border2-left {background:url(../images/border2_left.gif) repeat-y left;}
.box-12 .border2-right {background:url(../images/border2_right.gif) repeat-y right;}
.box-12 .corner2-top-left {background:url(../images/corner2_top_left.gif) no-repeat left top;}
.box-12 .corner2-top-right {background:url(../images/corner2_top_right.gif) no-repeat right top;}
.box-12 .corner2-bot-left {background:url(../images/corner2_bot_left.gif) no-repeat left bottom;}
.box-12 .corner2-bot-right {background:url(../images/corner2_bot_right.gif) no-repeat right bottom; width:100%;}

.box-13 .border3-top {background:url(../images/border3_top.gif) repeat-x top #edebe0;}
.box-13 .border3-bot {background:url(../images/border3_bot.gif) repeat-x bottom;}
.box-13 .border3-left {background:url(../images/border3_left.gif) repeat-y left;}
.box-13 .border3-right {background:url(../images/border3_right.gif) repeat-y right;}
.box-13 .corner3-top-left {background:url(../images/corner3_top_left.gif) no-repeat left top;}
.box-13 .corner3-top-right {background:url(../images/corner3_top_right.gif) no-repeat right top;}
.box-13 .corner3-bot-left {background:url(../images/corner3_bot_left.gif) no-repeat left bottom;}
.box-13 .corner3-bot-right {background:url(../images/corner3_bot_right.gif) no-repeat right bottom; width:100%;}


/*================== index.html ==================*/
#page1 .content .col-1 .row-form{ padding:1px 0 6px 0;}
#page1 .content .col-1 .row-form input{ width:165px; height:18px; float:left; margin-right:3px;}
#page1 .content .col-1 .button{ float:left;}
#page1 .content .col-2 .col-list{ background:url(../images/col-list.gif) 190px 0 repeat-y;}
/*================== index-3.html ==================*/
#page4 .indent-list{ margin-left:60px !important;}
/*================== index-4.html ==================*/
#page5 .row-box-1{ width:184px;}
#page5 .row-box-2{ width:199px;}

/*================== index-5.html ==================*/
#page6 .form { font-size:0.937em;}
#page6 .form input{ height:18px;}
#page6 .form textarea{ overflow:auto; display:block; height:195px;}
#page6 .form textarea, #page6 .form input{ border:1px solid #cad2d5; width:203px; font-size:1em; padding-left:3px;}
#page6 .form .form-link{ margin-right:15px;}
#page6 .form .form-link1{ padding-left:75px}
#page6 .form .indent-form{ height:27px;}
/*================== index-6.html ==================*/
#page7 .content{font-size:0.812em; line-height:1.375em;}
#page7 .content p{ margin-top:16px; }