@charset "utf-8";
/* CSS Document */




body {
	background-color:#A6E9FF;
	font-family:"Comic Sans MS", Georgia, "Times New Roman", Times, serif;
	font-size:.74em;
	color:#000;
	line-height:20px;
	cursor:default;
	margin:0;
	background-image: url("images/backgrounds/main.jpg");
	background-position:center;
	background-repeat:repeat-y;
}

#container {
	width:700px;
	padding:10px;
	background-color:#fafffa;
	margin:0 auto 0 auto;
}

#header {
	width:700px;
	background-color: #09c;
	height:158px;
	color:#FFFFFF;
	font-family:"Comic Sans MS", Arial, Verdana;
	font-size:130%;
	font-weight:bold;
	line-height:20px;
}

#header p {
	padding:10px;
	margin:0;
	margin-left:330px;
	margin-right:10px; line-height:20px;
}

#header h1 {
	color:#FFFFFF;	
	font-family:"Comic Sans MS", Arial, Verdana;
	font-size:168%; line-height:50px;
	font-weight:bold;
	padding:0;
	padding-top:10px;
	padding-left:340px;
	padding-bottom:10px;
	margin:0;
	border-bottom:2px solid #ffffff;
	background-image:none;
}

/*begin horizontal list styles*/
div#listmenu {width:100%; /*makes the div full width*/
				/*padding-top:1px;
				padding-bottom:1px;*/
				background-color:#CCCCCC;/*sets background color of div*/
				background-image: url("images/backgrounds/menubg.jpg");
				background-repeat:repeat-x;
				color:#FFFFFF;/*text color*/
				font-size:.8em;/*sets font size*/				
				font:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold ;			
				margin-bottom:5px;
				/*text-align:right;*/				
				float:left;/*puts something in the div*/
}
div#listmenu ul {margin:0;}

div#listmenu li {float:left; 			/*causes the list to align horizontally instead of stack*/										
							list-style:none;  /*removes bullets*/
							position:relative;  /*positioning context for the absolutely positioned drop down*/
							/*background-color:#ffa;/*sets the background of the menu items*/
							border-right:1px solid #069;/*creates dividing lines between the li elements*/
							} 
div#listmenu li:first-child{border-left:1px solid #069;/*the first vertical line on the menu*/}
div#listmenu li:hover{background-color:#0080c0;}/*sets the background of the menu items*/
div#listmenu a {padding:0 6px ;/*creates space each  side of menu item's text*/
							display:block;/*makes list items in drop down highlight and wrapped lines indent correctly*/
						 text-decoration:none;  /*removes underlining*/ 
						/*width:100%;*/
						 color:#FFF;/*type color*/
						 text-transform:uppercase;
						 font:Verdana, Arial, Helvetica, sans-serif bold;
						 padding:6px;
						  }	
div#listmenu a:hover {color:#CFF;/*color of text when hovered over*/
										background-color:#0080c0;/*background color of hovered links/text*/
										margin-bottom:-1px;
										}						  
/* the drop-down starts here */

div#listmenu ul li ul {margin:0; width:12em;
									position:absolute;
									left:-41px;
									}

div#listmenu ul li ul li {width:100%;
										border-left:1px solid #069;
                                        border-bottom:1px solid #069;
                                        border-right:1px solid #069;
										background-image: url("images/backgrounds/menubg.jpg") ;
									
									} 
div#listmenu ul li ul li:first-child {
												border-top:1px solid #069;
													}
/* make the drop-down display as the menu is rolled over */

div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#listmenu ul li:hover ul {display:block; /* shows the drop-down when menu is hovered */	
										
														} 												
													
/* the drop-down ends here */							
/* pop-out starts here */

body div#listmenu ul li ul li ul {visibility:hidden; /* same effect as display:none in this situation */
														left:8em; 
														top:-1px;
														}

div#listmenu ul li ul li:hover ul {visibility:visible;}/* same effect as display:block in this situation */	
/* second level of pop-outs  or 4th level list*/

div#listmenu ul li ul li:hover ul li ul {display:none;}

div#listmenu ul li ul li ul li:hover ul {display:block; }
/*#main_menu {
	width:700px;
	padding-top:8px;
	padding-bottom:1px;
	background-color:#CCCCCC;
	text-align:right;
	color:#FFFFFF;
	background-image: url("images/backgrounds/menubg.jpg");
	margin-bottom:5px;
}*/

/*#main_menu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:12px !important;
	padding-top:13px;
	padding-bottom:11px;
	margin-left:1px !important;
	margin-left:1px;
}

*/




#main_menu .aactive {
	background-color:#3F4A3E;
	/*background-image: url("images/backgrounds/linkbulge.jpg");*/
}

.leaves {
	border-right:2px solid #ffffff;
	float:left;
}

#sidebar {
	width:150px;
	border:1px solid #cccccc;
	padding:5px;
	float:left;
	clear:left;
	background-image: url("images/backgrounds/article.jpg");
	background-position:bottom right;
	background-repeat:repeat-x;
}
#sidebar li { margin-left:-5px; list-style:none;}
#sidebar h1,h2,h3 {
	font-family: Verdana, "Comic Sans MS", Arial Narrow, Arial, sans-serif;
	font-size:120%;
	letter-spacing:-1px; line-height: 25px;
	color:#000000;
	border:none;
	background-image:none;
}
#bottom_nav { background-image:url(images/backgrounds/menubg.jpg); 
              margin-left:170px; 
			  font-weight:bold;}
#bottom_nav a {color:#ccffff}
#bottom_nav a:hover {color:#fff}
.article {
	margin-left:170px;
	padding:10px;
	border: 1px solid #cccccc;
	background-image: url("images/backgrounds/gradFan.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.article h1 { line-height: 30px; text-align:right; font-size:140%;}
/*
.article:hover {

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

	background-position:bottom right;

	background-repeat:repeat-x;

	margin-bottom:10px;

}*/

.article p {
	margin:10px;
}

.article_info {
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;
	color:#666666;
	letter-spacing:2px;
	font-variant:small-caps;
	text-transform:lowercase;
}

.article_info a {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.article_info h2 img {float:right;}

h1,h2,h3 {	
	font-family:"Comic Sans MS", Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#000000;
	border-bottom:2px solid #cccccc;
	background-image: url("images/backgrounds/PeachCircle6.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;
}


#sidebar h1,h2,h3 {background-image:none}

.comment {
	margin-left:170px;
	padding:10px;
	border: 1px solid #cccccc;
	background-image:url(images/backgrounds/article.jpg);
	background-position:bottom right;
	background-repeat:repeat-x;
	margin-bottom:10px;
}
a {
	color:#5c8a1c; /*<--darker green; lite green=9acc53*/
	text-decoration:none;
}
a:hover {
	border-bottom:1px dotted #000000;
}
/*<--start of navi bar styles*/

#grad {
	width:700px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#CCCCCC;
	text-align:right;
	color:#FFFFFF;
	background-image: url("images/backgrounds/menubggrad.jpg");
	margin-bottom:10px;
}

#grad a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:12px !important;
	padding-top:13px;
	padding-bottom:11px;
	margin-left:1px !important;
	margin-left:1px;
}

#grad a:hover {
	background-color:#3F4A3E;
	background-image: url("images/backgrounds/gradlt.jpg");
}

#grad .aactive {
	background-color:#3F4A3E;
	background-image: url("images/backgrounds/graddk.jpg");
}


#bulge {
	width:700px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#CCCCCC;
	text-align:right;
	color:#000;
	background-image: url("images/backgrounds/menubgbulge.jpg");
	margin-bottom:10px;
}

#bulge a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:12px !important;
	padding-top:13px;
	padding-bottom:11px;
	margin-left:1px !important;
	margin-left:1px;
}

#bulge a:hover {
	background-color:#f00;
	background-image: url("images/backgrounds/bulgelt.jpg");
}

#bulge .aactive {
	background-color:#f00;
	background-image: url("images/backgrounds/bulgedk.jpg");
}


#dip {
	width:700px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000000;
	text-align:right;
	color:#ffffff;
	background-image: url(images/backgrounds/menubgdip.jpg); /*this is sthe image that goes across the menu bar- it has a 1 px white bar across the top*/
	margin-bottom:10px;
}

#dip a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:12px !important;
	padding-top:13px;
	padding-bottom:11px;
	margin-left:1px !important;
	margin-left:1px;
}

#dip a:hover {
	background-color:#000;
	text-decoration:none;
	background-image: url(images/backgrounds/menubgdiplt.jpg);
}

#dip .aactive {
	background-color:#000;
	background-image: url(images/backgrounds/menubgdipdk.jpg);

}