/*.arrowbullet { list-style-image:url("../images/Arrow.gif")}*/


h1, h2, h3 {font-family:Geneva, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }

h1 { 
	font-size: xlarge; 
	text-align: center; 
	margin: 8px 0 0 0; 
	padding: 10px 0;
	}
h2	{
	font-size: large;
	text-align: left;
	color: #000000;
	padding: 5px 0 0 5px;
	line-height: 6px;
	}
h3	{
	font-size: medium; 
	text-align: left;
	color: #000000;
	margin-bottom:-10px;	
	}
h4 {
	font-size: medium;
	text-align: left;
	color: #000000;
	}
p	{
	font-size: medium;
	color: #000000;
	font-family:'Times New Roman', Times, serif;
	margin: 0 0 0 15px;
	line-height: 17px;
	}
.75font {font-size: 75%;}
ul { font-size: medium; font-family:'Times New Roman', Times, serif; line-height: 18px;}

ul.eco {font-size: medium; font-family: 'Times New Roman', Times, serif; line-height:25px;}
.nodisplay li {list-style-type:none;}
.pic { margin: 10px; }
	
#footer {text-align: center; margin: 10px; padding: 10px; background-color:#FF66FF; }	
#line_list {
		padding:5px;
		border: 0;  /* to work border set for 0 must be present*/
		}
#line_list p	{ display: inline; }
#line_list ul, #line_list li{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
/* Div below sets margin setings for left and right and is 
a class for divs on this page */

 	div.section { margin: 12px; }


/* left image float settings */

	img.left {
		float: left;
		border-width: 1;
		margin-right: 10px;
		}
/* Right image float settings */

	img.right {
		float: right;
		border-width: 1;
		margin-left: 10px;
		}
	
.text	{
	font-size: medium;
	color: #000000;
	font-family:"Times New Roman", Times, serif;
	margin: 12px;
	}
.content {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;}
p.content {	margin: 0 0 0 8px; }
.content
	a:link	{ text-decoration: none; color:#0033cc; } /*dark blue azure*/
.content
	a:visited {color: #660066; text-decoration: none; } /*magenta, obscure*/
.content
	 a:hover  { color: #ffffff; background-color: #184A1D; text-decoration: none;} /* dark shade of green*/
.content
	 a:active {color: #660066; text-decoration: none; }
.headinglink {
		font-weight: bold;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: larger;
	}

#headerlinks	{
		width: 575px;
		padding: 0 10;
		border-top: 1px solid #5a7a40;
		border-bottom: 1px solid #5a7a40;
		
	}
#headerlinks ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small; text-align: center; margin: 5px; padding: 0 5px 0px 5px; style: none; line-height:22px; }
#headerlinks li	{display: inline; }/* width: 16.66%; */


/* link activity for content text */
 a:link	{ text-decoration: none; color:#0033cc; } /*dark blue azure*/
 a:visited {color: #660066; text-decoration: none; } /*magenta, obscure*/
 a:hover  { color: #ffffff; background-color: #184A1D; text-decoration: none;} /* dark shade of green*/
 a:active {color: #660066; text-decoration: none; }

.lists	{padding: 0px 0px 5px 0px; font-size: medium; margin-left: 75px; line-height: 35px;}

/*interim links table with div on nav panel  */
#navpan	{
	background-color: #3f7ba3;   /*blue* try #006699 or #336699 */
	width: 125px; 
	height: 1200px;
	margin: 0px 5px 0px 0px; 
	paddding: 5px 0px 0px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size: small;
	font-weight:bold;
	text-align: left;
	}
		
#navpan h3 { font-color:#FFFFFF; padding: 15px 0px 10px 0px; margin: 0; text-align:center;
	 font-family: Geneva, Arial, Helvetica, sans-serif;
	}
#navpan ul	{
		list-style: none;
		margin-left: 3px;
		padding:0px;
		line-height: 35px;
		font-size: medium;
		}
	
#navpan li { text-align: left;}

#navpan a:link{
		text-decoration:none;
		font-weight: bold;
		color: #ffffff;
		}
#navpan a:visited {color:#FFFFFF; text-decoration: none;} /* shade of blue*/
#navpan a:hover {color: #FFFFFF; text-decoration: underline overline; }
#navpan a:active {color: #33CCFF; padding: 20px;}

.sidebarLink
	{font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;}
.sidebarLink 
	A:link {text-decoration: none; color: #FFFFFF;}
.sidebarLink
	A:visited {text-decoration: none; color: #FFFFFF;}
.sidebarLink
	a:hover {color: #FFFFFF; text-decoration: underline overline; }
.sidebarLink
	A:active {text-decoration: none; color: #33ccff;}
	
.sidebarSMlink
	{font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;}
.sidebarSMlink
	a:link {text-decoration: none; color: #ffffff;} /* orginal color #ccffff */
.sidebarSMlink
	a:visited {text-decoration: none; color: #FFFFFF;}
.sidebarSMlink
	a:hover {color: #FFFFFF; text-decoration: underline overline; }
.sidebarSMlink
	a:active {text-decoration: none; color: #33ccff;}
	
/* use .nolink in sidebar on non linked title, which is equal to same title on content page*/	
.nolink	{
	font-size: small;  
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.nolinksm	{
	line-height:18px;
	font-size: small;  
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 0px 0px 12px;
		}
.side9 {font-size: small}/* used in navigation side bar for division level links this class is deprecated */ 
.side12 {font-size:small; padding: 1px 0px 0px 12px;} /* used in navigation content for indenting sub text*/
.side13	{ font-size:x-small; padding: 3px 0px 0px 15px; }	

 /* border used to display quotes at the top of the page discussion course pages.*/
.content_inset { 
		border-style: inset; 
		background-color:#ccccff; /*#dddddd*/
		margin: 15px 20px 10px 35px;
		padding: 1em 0.5%;
		font-style: italic;
		line-height: 18px;
	}
/* used right side float info boxes*/
.content_info  {
		float:right; 
		width:180px; 
		border:1px solid #184a1D; 
		border-top-width: 5px;
		border-left-width: 2px;
		margin: 25px 0px 0px 8px; 
		padding: 10px 0px 5px 4px; 
		background-color:#ccffcc;
	}
	
/* content main section of page for text used with discussion courses files*/
.content_main{
		float:left; 
		width:66%; 
		margin 30px 0px 0px 0px; 
		padding: 20px 0px 0px 4px;
		}
			
/* additional classes to use with images*/
.ctr { text-align: center;}  /*useful to center align content of a div like an image*/
#goals {border: 10px yellow ridge; } /* this is arbitrary puts a yellow border around a ridged border ofr an image*/

/* galleries, insets, boxes for callouts */
/* the variables of width, margain and background can be changed to fit the need. Thie is a contain block to hold the individual div block
 that will hold the pictures*/
div.main_gallery {
		width: 100%;
		margin: 8px;
		background: transparent;
		}
div.thumbbox 	{
		float:left;
		margin: 1.75px;
		background: #F1F1D8;
		border: 4px solid #669966 ;   /*  #184A1D*/
		}
		
/* Gallery code for developing new pages with*/

div.eco_gallery{ 
        width: 100%; 
        margin: 0;      
        background-color:#336633;
		height: 353px;       
          } 

div.gallery { 
        width: 100%; 
        margin: 0;      
        background-color:#336633;
		       
          } 

div.gallery ul { 
        margin: 0; 
		vertical-align:top;
        padding: 5px; 
        list-style-type: none; 
        } 
div.gallery li { 
        display: inline; 
        } 
        
div.thumbbox { 
        float:left; 
        margin:1.75px; 
        background: #F1F1D8; 
        border: 4px outset #669966; 
   } 
 .raise{vertical-align: super;font-variant: small-caps; font-size:small;}
 .lower {vertical-align: sub;}       
 .linerule {width:375px; height:3px; border: 2px solid #184A1D; margin-left:-0.1px;}
.spacer{ font-size: medium;
		}/*horizontal empty row*/	
.skinnyheading {
		line-height:12px;
}

ul.space li{ margin-bottom: 8px;}