/* www.roidezign.com  */



* { padding: 0; margin: 0; }



body {

 font-family: arial, verdana, sans-serif;

 text-decoration: none;

 font-size: 12px;

 line-height: 22px;

 letter-spacing: 0px;

 color:#362f2d;

 background: #ffcc66 url(images/backbody.jpg) repeat-y fixed 50%; margin:0 auto;

}

#wrapper { 

 margin: 0 auto;

 width: 800px;

}

#header {

 color: #333;

 border: 0px;

 width: 800px;

 padding: 0px;

 height: 150px;

 margin: 0px;

 background: #fffdf4;

}

#navigation {

 color: #333;

 border: 0px;

 padding: 0px;

 height: 34px;

 margin: 0px 0px 0px 0px;

 background: #fffdf4;

}

#subnavigation {

 color: #333;

 padding: 40px 0px 20px 0px;

 margin:0px;

 background: #fffdf4;

 text-align:center; 

 background-image: url("images/subnav.jpg");

 background-repeat: no-repeat; 

 background-position: center top; 

}

#columnholder {

 background: #fffdf4;

 margin-bottom: 0px;

 overflow: auto; /* Fix for IE  */

 width: 100%;

}

#leftcolumn { 

 display: inline;

 background: #fffdf4;

 padding: 0px;

 margin: 20px 20px 0px 20px;

 width: 220px;

 float: left;

}

#rightcolumn { 

 float: right;

 background: #fffdf4;

 margin: 0px 20px 20px 20px;

 padding: 0px;

 width: 500px;

 display: inline;

 position: relative;

}

#footer { 

 width: 800px;

 height:50px;

 clear: both;

 color: #FFFFE5;

 background: #fffdf4;

 margin: 0px;

 padding: 0px 0px 0px 0px;

 background-image: url(images/downbar1.jpg); 

 background-repeat: no-repeat; 

 background-position: bottom; 

}

.clear { clear: both; background: none; }		



#logos { 

 margin: 150px 0px 0px 0px;

}





/* /////////////////////////////////////////////////////////////////////////

TOP MENU

////////////////////////////////////////////////////////////////////////*/		

#topnavigation li{

float:left;

list-style: none;

padding: 0px;

margin: 0px;

}



.downlogo {

background-image: url(images/downlogo.jpg);

background-repeat: no-repeat;

height: 34px;

width: 248px;

}

.downlogo a{

background-image: url(images/downlogo.jpg);

background-repeat: no-repeat;

height: 34px;

width: 248px;

display: block;

}

.downlogo a:hover{

background: none;

}



.home {

background-image: url(images/home_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 110px;

}

.home a{

background-image: url(images/home.jpg);

background-repeat: no-repeat;

height: 34px;

width: 110px;

display: block;

}

.home a:hover{

background: none;

}



.campers {

background-image: url(images/our_program_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 89px;

}

.campers a{

background-image: url(images/our_program.jpg);

background-repeat: no-repeat;

height: 34px;

width: 89px;

display: block;

}

.campers a:hover{

background: none;

}



.parent {

background-image: url(images/parent_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 85px;

}

.parent a{

background-image: url(images/parent.jpg);

background-repeat: no-repeat;

height: 34px;

width: 85px;

display: block;

}

.parent a:hover{

background: none;

}



.staff{

background-image: url(images/donate_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 63px;

}

.staff a{

background-image: url(images/donate.jpg);

background-repeat: no-repeat;

height: 34px;

width: 63px;

display: block;

}

.staff a:hover{

background: none;

}



.alumni{

background-image: url(images/alumni_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 80px;

}

.alumni a{

background-image: url(images/alumni.jpg);

background-repeat: no-repeat;

height: 34px;

width: 80px;

display: block;

}

.alumni a:hover{

background: none;

}



.contact{

background-image: url(images/contact_us_over.jpg);

background-repeat: no-repeat;

height: 34px;

width: 125px;

}

.contact a{

background-image: url(images/contact_us.jpg);

background-repeat: no-repeat;

height: 34px;

width: 125px;

display: block;

}

.contact a:hover{

background: none;

}



/* /////////////////////////////////////////////////////////////////////////

WEBSITE ELEMANTS

////////////////////////////////////////////////////////////////////////*/	

ul.inside {list-style-position: inside}

ul.outside {list-style-position: outside}

blockquote {padding: 0px 0px 0px 30px;}

.justify {text-align: justify;}
.text_center {display:block; text-align:center;}







/* all website links */

a { color: #ff773a; text-decoration: none; }

a:link { color: #ff773a; text-decoration: none; }

a:visited { color: #ff773a; text-decoration: none; }

a:hover { color: #009732; text-decoration: none; }

a:active {  color: #009732; text-decoration: none; }

a span.none  {display: none;} /* span for main top nav links */



ul{list-style-type: square;}

li{color: #ff773a;} /*the color for list*/

.liststyle {color:#362f2d} /*the span color for list*/

hr.l {border: none 0; border-top: 1px dashed #000; width: 70%; height: 1px; } /*the border*/

 



#footer p {color: #808080; padding:26px 10px 0px 10px; font-size:8pt; text-align:center;}



/* links the bottom  copyright text*/

#footer a { color: #808080; text-decoration: none; }

#footer a:link { color: #808080; text-decoration: none; }

#footer a:visited { color: #808080; text-decoration: none; }

#footer a:hover { color: #ff773a; text-decoration: none; }



/* class for text */

.subhead1 {color: #009732; font:italic bold 16px arial, sans-serif; text-align: center;line-height: 22px;}

.subhead2 {color: #009732; font:italic bold 14px arial, sans-serif; text-align: center;line-height: 22px;}

.bigfont{font-size:13px;}

.smallfont{font-size:10px;}





/* class for images */

.imageleft {float:left; margin:0px 6px 0px 0px;}

.imageright {float:right; margin:0px 50px 0px 6px;}

.imagespace {margin:0px 6px 0px 6px; }/* for logos images */



/* leftcolumn text*/

#leftxxx {background-image: url("images/left_border.jpg"); background-repeat: repeat-y; background-position: right top;}

#leftcolumn h4 {font-family: Georgia, "Times New Roman", Times, serif; text-align:left; font-size:110%; margin:0px 0px 4px 0px; color: #790000;}

#leftcolumn p {font-family: Georgia, "Times New Roman", Times, serif; padding: 0px 22px 0px 22px;}

	

/* rightcolumn text*/

#rightcolumn p{padding:0px 40px 0px 0px; letter-spacing: 0px;}	

#rightcolumn hr {border: none 0; border-top: 1px dashed #c7b299; width: 90%; height: 1px; margin: 0px auto 2px 0px; text-align: left;}

#rightcolumn h3 {font-family: Georgia, "Times New Roman", Times, serif; text-align:left; font-size:16px; margin:20px 0px 10px 0px; color: #009732;}

#rightcolumn ul{list-style-position: inside}

.are_saying {font-style:italic; line-height: 18px;}

.hr{font-size:11px;}



/* using an image to replace text in an h1. 

#pageHeader_home h1 { 

	background: url(images/H_home.jpg) no-repeat top left; 

	margin-top: 10px; 

	width: 500px; 

	height: 60px;	

	float: left;

	}

#pageHeader_home  h1 span {

	display:none

	}*/



	

	/* /////////////////////////////////////////////////////////////////////////

LEFT HOME PAGE LINKS NAVIGATION

////////////////////////////////////////////////////////////////////////*/	

.leftSideGraphic {margin:0 auto;  display:block; text-align:center;}

/* <<<<<<<<<<<<<<<<<< this is the home_left our_goal_is >>>>>>>>>>>>>>>*/	

#our_goal_is { position:relative; left: 20px; width: 192px; height: 131px;}		

/* <<<<<<<<<<<<<<<<<< this is the home_left register_now >>>>>>>>>>>>>>>*/		

#register_now { display: block; position:relative; left: 25px; width: 160px; height: 160px; /*text-indent: -9999px;*/}

#register_now  a { width: 160px; height: 160px; text-decoration: none; }

#register_now  a:link, #register_now a:visited { display:none; display: block; background: url(images/home_register_now.jpg);}

#register_now  a:hover, #register_now a:active { color: #6C7250; background: url(images/home_register_now_over.jpg);}

/* <<<<<<<<<<<<<<<<<< this is the home_left photo_gallery >>>>>>>>>>>>>>>*/		

#photo_gallery { display: block; position:relative; left: 25px; width: 160px; height: 160px; /*text-indent: -9999px;*/ }

#photo_gallery  a { width: 160px; height: 160px; text-decoration: none; }

#photo_gallery  a:link, #photo_gallery a:visited { display:none; display: block; background: url(images/home_photo_gallery.jpg);}

#photo_gallery  a:hover, #photo_gallery a:active { color: #6C7250; background: url(images/home_photo_gallery_over.jpg);}


/* <<<<<<<<<<<<<<<<<< this is the donate_left donate_now >>>>>>>>>>>>>>>*/		

#donate_now { display: block; position:relative; left: 25px; width: 160px; height: 160px; /*text-indent: -9999px;*/}
#donate_now  a { width: 160px; height: 160px; text-decoration: none; }
#donate_now  a:link, #donate_now a:visited { display:none; display: block; background: url(images/donate-on.jpg);}
#donate_now  a:hover, #donate_now a:active { color: #6C7250; background: url(images/donate-over.jpg);}





/* /////////////////////////////////////////////////////////////////////////

LEFT NAVIGATION

////////////////////////////////////////////////////////////////////////*/	

		

/*  list style for left nav */	

#navlist { padding-left:0; margin:0px 0px 20px 30px; width: 160px;}

#navlist li { list-style: none; margin:0px 0px 0px 0px; padding: 3px 0px 3px 0px; border-bottom: 1px dotted #c7b299;}

/* all left list links */

#navlist a { color: #603913; text-decoration: none; }

#navlist a:link { color: #603913; text-decoration: none; }

#navlist a:visited { color: #603913; text-decoration: none; }

#navlist a:hover { color: #009732; text-decoration: none;}

#navlist a:active {  color: #009732; text-decoration: none; }	

/* left list sepretor bar */	

.leftdown_bar {display:block; width:200px; height:20px; background-image:url("images/leftdown_bar.gif"); background-repeat:no-repeat;fixed 50%; margin:0 auto;}

.leftdown_bar span {display:none;}





	

/* /////////////////////////////////////////////////////////////////////////

WEBSITE CLASS FOR ICONS

////////////////////////////////////////////////////////////////////////*/	



/* class pdf for replace text  in images */

.pdf {

    display:block;

    float:left;

    width:16px;

    height:16px;

    margin-right:3px;

    background-image:url("icons/icon_pdf.gif");

    background-repeat:no-repeat;

    }

.pdf span {display:none;}



/* class doc for replace text  in images */

.doc {

    display:block;

    float:left;

    width:16px;

    height:16px;

    margin-right:3px;

    background-image:url("icons/down.jpg");

    background-repeat:no-repeat;

    }

.doc span {display:none;}











div.campers_photos {

  width: 450px;

  margin: 0 auto;

}



.photo_border{ border: 1px dotted #362f2d;

 margin: 2px;

 }













/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span { /*CSS for enlarged image*/

position: absolute;

background-color: #362f2d;

padding: 5px;

left: -1000px;

border: 4px solid #362f2d;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border: 0px solid white;

}



.thumbnail:hover span { /*CSS for enlarged image on hover*/

visibility: visible;

top: 0px;

left: -120px; /*position where enlarged image should offset horizontally */



}



/*end Credits: Dynamic Drive CSS Library */







/*CSS programs Table Border Style */

table.programs {

	width: 450px;

	border-width: thin thin thin thin;

	border-spacing: 4px;

	border-style: dotted;

	border-color: green green green green;

	border-collapse: separate;

}

table.programs th {

	border-width: thin thin thin thin;

	padding: 5px 5px 5px 5px;

	border-style: solid solid solid solid;

	border-color: green green green green;

	background-color: white;

}

table.programs td {

	border-width: thin thin thin thin;

	padding: 4px 5px 4px 5px;

	border-style: dotted dotted dotted dotted;

	border-color: green green green green;

	background-color: white;

}







/*sub nav Table Style */

.navTable {

margin: auto;

width: 655px;

text-align: center;

border-color: #000066;

border-width: 0px;

border-style: solid;

display: inline;

}

/*end sub nav Table Style */











/*form style*/





.input

{

border: 1px solid #009732;

}



select {

border: 1px solid #009732;

}







downlogo2.jpgdownlogo2.jpg