/* CSS Document */
/* main elements */

* {	font-family: verdana, arial, helvetica, san-serif;
	color: #333300;
	}

html {	
	margin: 0;	padding: 0;	
	}

body {
	background: #CCCC66 url("../images/mainelements/bgcolor.gif") repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

p { 
	margin-top: 0;
	margin-bottom: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 25px;
	padding-right: 20px;
	}
	
	p2 { 
	margin-top: 0;
	margin-bottom: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
		p3 { 
	margin-top: 0;
	margin-bottom: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 50px;
	padding-right: 0px;
	}
.center {text-align: center}

.pic {border: thin solid  #C0C0C0}

.pic2{border:thin solid #FFFFCC}

.picstore{border: none}

table{margin-top: 0;
	margin-bottom: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	margin-left: 	25px;
	margin-right: 25px;

	
}

#bannertable{
	margin-top: -1px;
	margin-bottom: 0;
	margin-left: -20px;
	margin-right: 0;
	padding: 0;
	
}

#bannerimg{
	position: absolute;
	margin-left: 275px;
	padding-top: 30px;
}

hr {
	width: 75%;
	
}


h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	text-align:center;
	}
	
h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	}
	
h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	font-style: italic;
	}
	
h4 {
    color: #CC6600;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 20px;
	}

ul{
	margin-top: 0;
	margin-bottom: 0;
	marign-left: 0;
	padding-left: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	padding-right: 20px;
	list-style-type: none;
}

#standardlist{
	padding-left: 50px;
	list-style-image:  url("../images/mainelements/bullet.gif");
}


ol{
	margin-top: 0;
	margin-bottom: 0;
 	text-align: left;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 50px;
	padding-right: 20px;
	
}

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

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

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

a:active {
 	text-decoration: none;
 	color: #CC4411;
	}
	
/*acronym 
{border-bottom: none;
	}*/

/* content */

#container {
	width: 863px;
	background-image:   url("../images/mainelements/main_body.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#leftcontent {
	float: left;
	width: 213px;
	}

#rightcontent {
	float: left;
	width: 650px;
	}
	
#banner {
	margin: 0px;
	width: 863px;
	background-image:   url("../images/mainelements/banner.gif");
	background-repeat: no-repeat;
	}

html>body 

#banner {
	height:100%;
	}	

/* style for footer*/

#footer {
	clear: both;
	margin: 0px;
	width: 863px;
	height: 77px;
	padding: 0px;
	background:   url("../images/mainelements/footer.gif") no-repeat;
	}

/*home page content*/
/*news, about us and CEC picture all inside right content*/

#news {
	clear: both;
	margin: 0px;
	width: 600px;
	}

#newsTop {
	width: 600px;
	height: 20px;
	background-image:   url("../images/homepageelements/news_header.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#newsContent {
	width: 600px;
	background-image:   url("../images/homepageelements/news_body.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#newsBot {
	width: 600px;
	height: 30px;
	background-image:   url("../images/homepageelements/news_footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

.floatLeft {
	float: left;}

#aboutus {
	margin: 0px;
	width: 390px;
	}

#aboutusTop {
	width: 100%;
	height: 12px;
	background-image:   url("../images/homepageelements/aboutus_top.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#aboutusContent {
	width: 100%;
	background-image:   url("../images/homepageelements/aboutus_body.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#aboutusBot {
	width: 100%;
	height: 12px;
	background-image:   url("../images/homepageelements/aboutus_footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#cecImg {
	width: 208px;
	height: 150px;
	background-image:   url("../images/homepageelements/picture.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

/*search box inside left content*/

#searchbox {
	width: 100%;
	height: 60px;
	background-image:    url("../images/homepageelements/search.gif");
	background-repeat: no-repeat;

}

/*#searchboxspacertop {
	float: left;
	width: 213px;
	height: 12px;
	}*/
	
#searchboxspacer {
	float: left;
	width: 45px;
	height: 45px;
}

#searchboxgoogle {
	float: left;
	width: 100%;
	height: 45px;
	text-align: center;
	font-size: 10px;
	margin-top:10px;
	margin-left:15px;
}
#subnavbox {
	float: left;
	width: 145px;
	height: 398px;
}
/*footer content inside footer*/


#footerspacertop {
	float: left;
	width: 1200px;
	height: 33px;
	}
	
#footerspacer {
	float: left;
	width: 170px;
	height: 44px;
}

#footercontent {
	float: left;
	width: 498px;
	height: 44px;
	text-align: center;
	line-height: 12px;
	font-size: 10px;
}
#footercredit {
	float: left;
	width: 180px;
	height: 44px;
	text-align: left;
	font-size: 9px;
	line-height: 11px;
	color: #99aa77;
}

/*SUB PAGE CONTENT*/
#subpage {
	clear: both;
	margin: 0px;
	width: 600px;
	}

#subpageTop {
	width: 100%;
	height: 20px;
	background-image:   url("../images/subpageelements/content/subpage_header.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#subpageContent {
	width: 100%;
	background-image:   url("../images/subpageelements/content/subpage_body.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#subpageBot {
	width: 100%;
	height: 30px;
	background-image:   url("../images/subpageelements/content/subpage_footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#retunhomespacer{
	float: right;
	width: 500px;
	height: 22px;
}

#returnhomebox {
	float: right;
	width: 118px;
	height: 22px;
}

/*SITE NAVIGATION*/

/* main navigation inside banner*/

#mainnav {
 	width: 273px;
 	height: 190px;
 	background:   url("../images/menus/mainnav/wholemenu.gif");
 	margin: 0px;
	padding: 0;
	}

#mainnav li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block; position: absolute;}

#mainnav a {display: block;}
#mainnav1 {left: 0px; top: 0px; width: 273px; height: 55px;}
#mainnav2 {left: 0px; top: 55px; width: 273px; height: 29px;}
#mainnav3 {left: 0px; top: 83px; width: 273px; height: 28px;}
#mainnav4 {left: 0px; top: 110px; width: 273px; height: 26px;}
#mainnav5 {left: 0px; top: 135px; width: 273px; height: 27px;}


#mainnav1 a {height: 55px;}
#mainnav2 a {height: 29px;}
#mainnav3 a {height: 26px;}
#mainnav4 a {height: 25px;}
#mainnav5 a {height: 27px;}


#mainnav1 a:hover {background:   url("../images/menus/mainnav/wholemenu.gif") -273px 0px no-repeat;}
#mainnav2 a:hover {background:   url("../images/menus/mainnav/wholemenu.gif") -273px -55px no-repeat;}
#mainnav3 a:hover {background:   url("../images/menus/mainnav/wholemenu.gif") -273px -83px no-repeat;}
#mainnav4 a:hover {background:   url("../images/menus/mainnav/wholemenu.gif") -273px -110px no-repeat;}
#mainnav5 a:hover {background:   url("../images/menus/mainnav/wholemenu.gif") -273px -135px no-repeat;}


/*homepage sub navigation inside left content*/


#homesub {
 	width: 213px;
 	height: 388px;
 	background:   url("../images/menus/homesubnav/homesubnav.gif");
 	margin: 0px;
	padding: 0;

	}

#homesub li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block;}

#homesub a {display: block;}
#homesub1 {left: 0px; top: 0px; width: 213px; height: 100px;}
#homesub2 {left: 0px; top: 100px; width: 213px; height: 98px;}
#homesub3 {left: 0px; top: 198px; width: 213px; height: 90px;}
#homesub4 {left: 0px; top: 288px; width: 213px; height: 100px;}

#homesub1 a {height: 100px;}
#homesub2 a {height: 98px;}
#homesub3 a {height: 90px;}
#homesub4 a {height: 100px;}

#homesub1 a:hover {background:   url("../images/menus/homesubnav/homesubnav.gif") -213px 0px no-repeat;}
#homesub2 a:hover {background:   url("../images/menus/homesubnav/homesubnav.gif") -213px -100px no-repeat;}
#homesub3 a:hover {background:   url("../images/menus/homesubnav/homesubnav.gif") -213px -198px no-repeat;}
#homesub4 a:hover {background:   url("../images/menus/homesubnav/homesubnav.gif") -213px -288px no-repeat;}

/*aboutus nav bar*/

#aboutusnav {
 	width: 213px;
 	height: 288px;
 	background:  url("../images/menus/aboutus/aboutusnav.gif");
 	margin: 0px;
	padding: 0;
	list-style: none; 
	

	}

#aboutusnav li {
 	margin: 0;
 	padding: 0;
	list-style-type: none;
	display: block;
	}

#aboutusnav a {display: block;}
#aboutusnav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#aboutusnav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#aboutusnav3 {left: 0px; top: 74px; width: 213px; height: 37px;}
#aboutusnav4 {left: 0px; top: 111px; width: 213px; height: 37px;}
#aboutusnav5 {left: 0px; top: 148px; width: 213px; height: 37px;}



#aboutusnav1 a {height: 37px;}
#aboutusnav2 a {height: 37px;}
#aboutusnav3 a {height: 37px;}
#aboutusnav4 a {height: 37px;}
#aboutusnav5 a {height: 39px;}




#aboutusnav1 a:hover {background:  url("../images/menus/aboutus/aboutusnav.gif") -213px 0px no-repeat;}
#aboutusnav2 a:hover {background:  url("../images/menus/aboutus/aboutusnav.gif") -213px -37px no-repeat;}
#aboutusnav3 a:hover {background:  url("../images/menus/aboutus/aboutusnav.gif") -213px -74px no-repeat;}
#aboutusnav4 a:hover {background:  url("../images/menus/aboutus/aboutusnav.gif") -213px -111px no-repeat;}
#aboutusnav5 a:hover {background:  url("../images/menus/aboutus/aboutusnav.gif") -213px -148px no-repeat;}


/*news and events nav bar*/

#newsandeventsnav {
 	width: 213px;
 	height: 111px;
 	background:  url("../images/menus/newsandevents/newsandeventsnav.gif");
 	margin: 0px;
	padding: 0;

	}

#newsandeventsnav li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block;}

#newsandeventsnav a {display: block;}
#newsandeventsnav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#newsandeventsnav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#newsandeventsnav3 {left: 0px; top: 74px; width: 213px; height: 37px;}
#newsandeventsnav4 {left: 0px; top: 111px; width: 213px; height: 37px;}




#newsandeventsnav1 a {height: 37px;}
#newsandeventsnav2 a {height: 37px;}
#newsandeventsnav3 a {height: 37px;}
#newsandeventsnav4 a {height: 37px;}





#newsandeventsnav1 a:hover {background:  url("../images/menus/newsandevents/newsandeventsnav.gif") -213px 0px no-repeat;}
#newsandeventsnav2 a:hover {background:  url("../images/menus/newsandevents/newsandeventsnav.gif") -213px -37px no-repeat;}
#newsandeventsnav3 a:hover {background:  url("../images/menus/newsandevents/newsandeventsnav.gif") -213px -74px no-repeat;}


/*get involved nav bar*/

#getinvolvednav {
 	width: 213px;
 	height: 155px;
 	background:  url("../images/menus/getinvolved/getinvolvednav.gif");
 	margin: 0px;
	padding: 0;

	}

#getinvolvednav li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block;}

#getinvolvednav a {display: block;}
#getinvolvednav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#getinvolvednav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#getinvolvednav3 {left: 0px; top: 74px; width: 213px; height: 37px;}
#getinvolvednav4 {left: 0px; top: 111px; width: 213px; height: 37px;}




#getinvolvednav1 a {height: 37px;}
#getinvolvednav2 a {height: 37px;}
#getinvolvednav3 a {height: 37px;}
#getinvolvednav4 a {height: 37px;}





#getinvolvednav1 a:hover {background:  url("../images/menus/getinvolved/getinvolvednav.gif") -213px 0px no-repeat;}
#getinvolvednav2 a:hover {background:  url("../images/menus/getinvolved/getinvolvednav.gif") -213px -37px no-repeat;}
#getinvolvednav3 a:hover {background:  url("../images/menus/getinvolved/getinvolvednav.gif") -213px -74px no-repeat;}
#getinvolvednav4 a:hover {background:  url("../images/menus/getinvolved/getinvolvednav.gif") -213px -111px no-repeat;}

/*shop nav bar*/

#shopnav {
 	width: 213px;
 	height: 155px;
 	background:  url("../images/menus/shop/shopnav.gif");
 	margin: 0px;
	padding: 0;

	}

#shopnav li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block;}

#shopnav a {display: block;}
#shopnav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#shopnav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#shopnav3 {left: 0px; top: 74px; width: 213px; height: 37px;}
#shopnav4 {left: 0px; top: 111px; width: 213px; height: 37px;}


#shopnav1 a {height: 37px;}
#shopnav2 a {height: 37px;}
#shopnav3 a {height: 37px;}
#shopnav4 a {height: 37px;}


#shopnav1 a:hover {background:  url("../images/menus/shop/shopnav.gif") -213px 0px no-repeat;}
#shopnav2 a:hover {background:  url("../images/menus/shop/shopnav.gif") -213px -37px no-repeat;}
#shopnav3 a:hover {background:  url("../images/menus/shop/shopnav.gif") -213px -74px no-repeat;}
#shopnav4 a:hover {background:  url("../images/menus/shop/shopnav.gif") -213px -111px no-repeat;}

/*learn nav bar*/

#learnnav {
  	width: 213px;
 	height: 187px;
 	background:  url("../images/menus/learn/learnnav.gif");
 	margin: 0px;
	padding: 0;
	list-style: none; 
	

	}

#learnnav li {
	margin: 0;
 	padding: 0;
	list-style-type: none;
	display: block;
	}

#learnnav a {display: block;}
#learnnav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#learnnav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#learnnav3 {left: 0px; top: 74px; width: 213px; height: 37px;}
#learnnav4 {left: 0px; top: 111px; width: 213px; height: 37px;}
#learnnav5 {left: 0px; top: 148px; width: 213px; height: 37px;}

#learnnav1 a {height: 37px;}
#learnnav2 a {height: 37px;}
#learnnav3 a {height: 37px;}
#learnnav4 a {height: 37px;}
#learnnav5 a {height: 39px;}

#learnnav1 a:hover {background:  url("../images/menus/learn/learnnav.gif") -213px 0px no-repeat;}
#learnnav2 a:hover {background:  url("../images/menus/learn/learnnav.gif") -213px -37px no-repeat;}
#learnnav3 a:hover {background:  url("../images/menus/learn/learnnav.gif") -213px -74px no-repeat;}
#learnnav4 a:hover {background:  url("../images/menus/learn/learnnav.gif") -213px -111px no-repeat;}
#learnnav5 a:hover {background:  url("../images/menus/learn/learnnav.gif") -213px -148px no-repeat;}


/*donate nav bar*/
/*
#donatenav {
 	width: 213px;
 	height: 113px;
 	background: url("../images/images/menus/donate/donatenav.gif");
 	margin: 0px;
	padding: 0;

	}

#donatenav li {
 	margin: 0;
 	padding: 0;
 	list-style: none; display: block;}

#donatenav a {display: block;}
#donatenav1 {left: 0px; top: 0px; width: 213px; height: 37px;}
#donatenav2 {left: 0px; top: 37px; width: 213px; height: 37px;}
#donatenav3 {left: 0px; top: 74px; width: 213px; height: 37px;}



#donatenav1 a {height: 37px;}
#donatenav2 a {height: 37px;}
#donatenav3 a {height: 37px;}



#donatenav1 a:hover {background: url("../images/images/menus/donate/donatenav.gif") -213px 0px no-repeat;}
#donatenav2 a:hover {background: url("../images/images/menus/donate/donatenav.gif") -213px -37px no-repeat;}
#donatenav3 a:hover {background: url("../images/images/menus/donate/donatenav.gif") -213px -74px no-repeat;}
*/

/*return home button*/

#returnhome {
 	width: 118px;
 	height: 22px;
 	background:  url("../images/subpageelements/returnhome.gif");
 	margin: 0px;
	padding: 0;
	list-style: none;
	display: block;
	}

#returnhome li {
 	margin: 0;
 	padding: 0;
	list-style-type: none;
	}
	

#returnhome a {display: block;}
#returnhome {left: 0px; top: 0px; width: 118px; height: 22px;}

#returnhome a {height: 22px;}

#returnhome a:hover {background:  url("../images/subpageelements/returnhome.gif") 0px -22px no-repeat;}


/