/*   CSS Styles - Page Element Descriptions | Boxes and Categories | Images | Links | Admin | Forms |Dev */


/*  Structure Descriptions*/		

#container 	/*  Whole page container*/	{
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;}	

#left-column {
     width:100%;
     float:left;
     margin-right:-220px;
	 text-align:right;}

#left-column .sub {
     width:100%;
     float:right;
     margin-left:-177px;
}
	 
#content /*  Main Content Area*/	{
    margin:0 220px 0px 177px;
    padding:5px 10px 10px 30px;
	text-align: left;
}	 

#left {
    width:172px;
    float:left;
    clear:all;
	padding-top: 0px;
	 overflow: hidden;
	 padding-right:5px;


}

#right {
    width:210px;
    float:right;
	text-align: left;
	padding-top: 0px;}
		
/*  Nav Bar Styles */

#navBar  /*defines the left navigation bar #CCCC99 -  NavPanel*/{
	float: left;
	width: 167px;  
	background-color : #B0D369; 
	text-align:left; 
	padding: 4px; 
	margin-bottom: 2px;
	clear:all;}
	
#navBar h3/* NavBar Sub-Section Headings*/{
	margin-bottom: 5px;}

.navTitle /*styles navBar headings*/  {
	text-align: left;
	margin: -5px 0px 0px 5px;}

#navBar ul /*styles unordered lists*/ {
	padding:-10px 10px 10px 0px; }

/*  Page Element Descriptions*/
html {
      margin:0;
      padding:0;}

body /*Body*/ { font-family:"Trebuchet MS", Verdana, "Lucida Sans", "Lucida Sans Unicode", Arial, Sans-Serif;
    	voice-family: "\"}\"",inherit;
    	font-size:12px;
    	margin:0;
    	padding:10px 5px 5px 5px;}
	
hr.a {border: none 0; 
	border-top: 1px solid #6666FF;
	width: 100%;
	height: 1px;
	margin: 10px 0 10px 0;
	text-align: left;
	}
	
.story_body {
	width: 100%;}			
	
.clear {
      clear:both;}

p {
	padding-left:0px;
	line-height: 13px;
	text-align: left;}	
	
tr {
	padding: 0px, 0px, 0px, 4px;
	margin: 0px;
	vertical-align: top;}

td {
	padding-left: 4px;}
		
table{
	margin: -3px 0px 0px -3px;
	width: 100%;}	

.tableStyle  /*styles categories proto*/ {  
	width: 80%;
	margin: 0px 0px 0px 10px;
	border-color: #696969;  border-style:solid; border-width: 1px; }
	
.displayTableStyle  /*styles categories proto*/ {  
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-color: #93A1AE;  border-style:solid; border-width: 1px;}
	
.displayTableStyle th{
	padding-left: 4px;
	text-align:left;}
	
.displayTableStyle td{
	background-color: #E2E1C0;}
		
.topRow{
	background-color:#6666FF;
	color: White;
	font-weight: normal;
	padding: 4px;}

.firstRow{
	background-color: #B5AE59;}

.secondRow{
	background-color: CEC984;}

.listRows{
	background-color: E2E1C0;	
	padding-left: 4px;}

#resultsTable{
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-top:solid; 
	border-left:solid; 
	border-color: #93A1AE;   
	border-width: 1px;}
	
#resultsTable th{
	padding-left: 4px;
	border-right:solid; 
	border-color: #93A1AE;   
	border-width: 1px;}
	
#resultsTable td{
	background-color: #E2E1C0;
	border-right:solid; 
	border-color: #93A1AE;   border-width: 1px;
	border-bottom:solid; 
	border-color: #93A1AE;   border-width: 1px;
	padding-bottom: 4px;}

#resultsHeaderRow{
	background-color:#6666FF;
	color: White;
	font-weight: normal;
	padding: 4px;}
	
#resultsRow{
	background-color: E2E1C0;	
	padding-left: 4px;}

/*  Page Text and Layout Descriptions*/	
	
	
h1 /*Section Headings*/{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: .25px; 
	color: #444; 
	margin: -5px 0px 0px 0px;
}

h2 /*Section Headings*/{
	font-size: 18px;
	font-weight: bold; 
	letter-spacing: .25px; 
	color: Black; 
	margin: -4px 20px 0px 0px; }

h3/*Sub-Section Headings*/{
   font-size: 14px;
	font-weight: bold;  
	letter-spacing: .25px; 
	color: Black; 
	margin: -4px 0px 0px 0px; }
	
h4/*Sub-Section Headings*/{
    font-size: 13px;
	font-weight: bold;  
	letter-spacing: .25px; 
	color: Black; 
	margin: -4px 0px 0px 0px; }

h5/*Sub-Section Headings*/{
	font-size: 12px; 
	font-weight: bold; 
	vertical-align: middle;
	background: none;
	color: Black; 
	margin: -4px 0px 0px 0px; }
h6/*Sub-Section Headings*/{
	font-size: 10px; 
	font-weight: bold; 
	vertical-align: middle;
	background: none;
	color: #3F611F; 
	margin: -4px 0px 0px 0px; }
	
label{
	font-size: 13px; 
	font-weight: bold; 
	color: #993300;
	vertical-align: middle;
	background: none;}

.warning /*styles test to be a bolded red warning*/ 
	{font-weight: bold; color:#F00000;}	
	
.instructions{
	width: 100%;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: Black;
	margin-bottom: 10px;}

#cat_body {
	padding: 5px;
	margin-bottom:10px;
	border:1px dotted; 
	border-color: #997F00;}
	
#catDescription {
	font-style: italic;
	font-weight: bold;}	

#story_summary {
	font-style: italic;
	font-weight: bold;}		
	
#content H2/*  Main Content Area*/	{
    margin-bottom: -10px;}
	
#content ul/*  Main Content Area*/	{
    margin-bottom: -10px;}
	
#content li  /* Main Content Area*/ {	
	margin: 0px 0px 10px 0px;}

#history /*  Story History*/	{
    margin-top:5px;
	border-top:solid; border-width: 1px; 
	border-color: #6666FF;
	padding-top:10px;}	

	
#right li{
    width:200px;}
	 
/*Top banner area */

#banner /*Styles the top banner area and inserts the bkgd image*/{ 
	 z-index: -1;
	text-align: left;
	width: 100%;
	background-image: url(../img/bannerBknd2.jpg);
	background-repeat: no-repeat; 
	height: 81px;
	margin-top: 0px; 
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #CC3300; }	
	
#calBanner /*Styles the top banner area and inserts the bkgd image*/{ 
	text-align: center;
	width: 800px;
	background-image: url(../img/bannerBknd2.jpg);
	background-repeat: no-repeat; 
	height: 81px;
	margin-bottom: 10px; 
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #CC3300; }	
	

.bannerSpacing /*Establishes the Page Title and spacing for everything east of the logo*/{
	margin: 3px 0px 0px 185px; }

.toplinks  /*styles the toplinks on the upper right of the page*/ {
	font-size : 9pt; 
	color: #FF9400; 
	background-color: transparent; 
	text-align: right; 
	margin: -86px 13px 0px 0px; 
	border-bottom: transparent}
	
#login /*styles admin login red button*/  {
	background-color: transparent; 
	text-align: right; 
	margin: 17px 10px 0px 0px;}

#logo /*styles the logo on the banner*/ {
    padding-left:0px;
	margin-top: 0px;}
		


	
/*Event Block Styles*/

.eventBlock  /*styles the date box on the navBar containing the events*/ {  
	line-break: normal;  
	background-color:#FFFFCC; 
	padding: 0px 5px 5px 5px;
	border-color: #000000;  
	border-style:solid;  
	border-width: 1px;  
	margin: 0px;}
	
 #left #navBar .eventBlock .EventsTitle /*styles event headings*/  {
	text-align: center;
	font-weight:bold;
	margin-top: 5px;}	

#left #navBar .eventBlock .eventDate /*styles event headings*/  {
	text-align: center;
	border-color: #908FBC; 
	margin-top:-10px;
	padding-top: 2px;
	border-style:solid;  
	border-width: 1px; }	
	
#left #navBar .eventBlock ul /* styles the list of events in navText*/ {	
	padding: 0px;
	margin-left: 0px; 
	margin-top: -5px;}	
	
#left #navBar .eventBlock li /* styles the list of events in navText*/ {	
	padding: 0px;
	margin-left: 15px;  }	
	
a.eventBlock:link, a.eventBlock:visited  /*Styles eventBlock links in NavBar*/ {
	font-size: 12pt; 
	font-weight: bold; 
	color: #00008B; 
	text-decoration:underline; 
	background-color: transparent; }
	
a.eventBlock:hover, a.eventBlock:active{
	font-size: 12pt; 
	font-weight: bold; 
	background-color: transparent; 
	color: Red; 
	text-decoration:none; }	

.staffperson  /*styles the staff boxes on the Poeple page*/ {
	border-bottom:solid; border-width: 1px; 
	border-color: #6666FF;
	text-align: left;
	margin-top: 10px;}
	
.staffperson img {float:right;
padding-left: 5px;
padding-bottom: 5px;}

	.staffpersonOld {border:1px dotted; padding:10px; margin:10px;}
	.staffpersonOld img {padding:5px;}

	

.storyChunk /*styles the story summaries that appear on Category pages*/ {
	padding: 5px 5px 10px 5px;
	border-bottom:solid; border-width: 1px; 
	border-color: #6666FF;
	margin-bottom: 10px;
	text-align: left;
	width: 100%;}
	
#page_body /*styles editable section of pages like home, admin, etc.*/ {
	padding: 0px 0px 10px 0px;
	border-bottom:solid; border-width: 1px; 
	border-color: #6666FF;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	width: 100%;}
	
#page_summary /*styles summary at the top pages like home, admin, etc.*/ {
	margin-top: -15px;
	margin-bottom: 10px;}
	
.welcome {
	color: Navy;
	font-weight: bold;
	margin-right: 5px;}

.author{
	color: #696969;
	font-weight: bold;
	margin:12px 0px 5px 5px;}
	
/* Image Styles */

img   /*styles all imgs with no border */ 
	{border: none;}

.img2  /*styles imgs for pages - to be replaced with imgPage*/ { float: right; padding: 10px 0px 10px 10px; margin: -5px 0px 10px 5px; }
.img3 /*styles imgs for pages - to be replaced with imgPage*/ 
	{
	float: right; 
	padding: 0px 10px 5px 0px; }
.imgPage  /*styles imgs for pages */ { float: right; padding: 10px 0px 10px 10px;}
.imgMaineMap  /*styles the map image*/ { float: left; padding: 10px 10px 10px 10px; }
.viewAllIcon /*styles Admin View all icon*/{margin: 3px 0px -4px 20px; }
.rssImg {
margin-top: 5px;}

	
#editBtn /*positions the Admin Log In graphic*/
{ 
position:absolute;
z-index:1;
float: right;  margin-top: -15px; margin-left: 480px; padding-right: 5px;}
#editBtn img /*positions the Admin Log In graphic*/
{padding-left: 5px;}

			
/* Link Styles */

a:link, a:visited  /*Styles basic links throughout the site*/ {
	color: #00008B; 
	text-decoration:underline; 
	background-color: transparent; }
	
a:hover, a:active{
	background-color: transparent; 
	color: Blue; 
	text-decoration:none; }

a.top:link, a.top:visited  /*Styles toplink (in banner) links*/ {
	color: #FF9400; 
	text-decoration:underline; 
	background-color: transparent; 
	line-break: normal; }
	
a.top:hover, a.top:active{
	background-color: transparent; 
	color: Blue; 
	text-decoration:none; 
	line-break: normal; }

a.navBar:link, a.navBar:visited  /*Styles Navbar links*/ {
	margin: 0px 0px 0px 20px; 
	background-color: transparent; 
	color: Red; 
	text-decoration:none; }}		
	
a.navBar:hover, a.navBar:active { 
	margin: 0px 0px 0px 20px;}

	
/*  Forms */	

#content form  {
	margin-top: -5px;}

.form_table  /*styles form titles */{
	width: 100%;
	height: auto;
	font-size: 12px;
   	font-weight: bold;
	color: #993300;
	margin:  0px;
	padding: 0px;}	
	
.searchBox {
	font-size:14pt; 
	font-weight: bold;
	margin: -5px 0px -10px 0px;
	padding: 0px;}

#left #navBar .searchBox #frmSearch .form_table .form_header {
	font-size:10pt; 
	font-weight: bold;
	color: Black;}
	
 /*styles #Content forms */	
 
#content .form_table {
	font-size:10pt; 
	font-weight: bold;
	margin: 0px 0px -10px 0px;
	padding: 10px;}
	
#content .form_table .form_header  /*styles form titles */{
	font-family:"Trebuchet MS", Verdana, "Lucida Sans", "Lucida Sans Unicode", Arial, Sans-Serif;
	font-size:16px;
	font-weight:bold;
	color: #444444;
	margin:  -10px 0px 0px -10px;
	padding:  0px 0px 0px 0px;
	text-align: left;}
	
#content  TEXTAREA /*styles form text input area for all forms*/{
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;                 
	color: #000080;
	background-color: White;
	border: inset 1px #708090;}
	
form_table INPUT /*  Styles input button*/	{ 
	color: #6A5ACD;
	border: #708090;
	margin-right:10px;}
	
.form_table INPUT [type="radio"]  /*  Styles radio button*/	{ 
	text-align: left;
	margin:  0px 0px 0px -20px;
	padding:  0px 0px 0px 0px;
	width:auto;}
	
.form_table  TEXTAREA /*styles form text input area */{
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;
	background-color: Blue;
	border: inset 1px #708090;
	width: 95%;
	margin-right:10px;}
	
.form_table  SELECT, OPTION /*styles select drop down box */{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;
	padding: 1px;
	background-color: White;
	width: 90%;
	font-weight: normal;}
	
.form_table instructions{
	width: 100%;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: Black;}
	
.form_table LABEL {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:10px;
	font-weight:bold;
	color: #993300;
	margin:  -5px 0px 0px 0px;
}

.form_required/*styles form asterix */{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #F00000;
	padding:  0px 0px 0px 2px;
	font-weight: bold;}
	
.form_required_note/*styles form asterix message*/{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: Black;
	padding:  0px 0px 0px 2px;
	font-weight: normal;
}

.bodyText/*styles BodyText in story forms*/{
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

/*  MediaViewer */	
.mediaViewer  /*styles mediaViewer for pages */ { 
float: left; padding: 0px 10px 0px 5px;
	height: 100%;
	width: 100%;
	top:0;}

 /*styles Category page */	
#catTitleRow /*  Styles top row of categories table*/	{ 
	background-color:#6666FF;  
	color: white;}

#catTitleRow th{
	padding-left: 4px;}
		
/*  Right Column Descriptions*/	

#right h3 /*styles right headings*/  {
	text-align: center;
	margin: 10px 0px -5px 5px;}
	
	
#right li  /* possibly styles the list of events in navText*/ {	
	text-align: left;
	margin-left: -33px; 
    margin-right: -45px;
	font-size:11px; }
		  
#right a.li:link, a.li:visited, a.li:hover, a.li:active /* styles links in li Right Col*/ {	
	font-weight: bold; }

		/*  Category Levels*/	
	.lev1 TD {background-color:#FFD966; 
			font-weight: bold;}
	.lev2 TD {background-color:#ABD680; }
	.lev3 TD {background-color:#97B8D2; }
	.lev4 TD {background-color:#BEA8DC; }
	.lev5 TD {background-color:#D6B59E; }
	.lev6 TD {background-color:#D0CC95; }
	.lev7 TD {background-color:#C0D8A5; }
	.lev8 TD {background-color:#B2CC99; }
	.lev9 TD {background-color:#B5C6DA; }
	.lev10 TD {background-color:#FFFF99; }
	.lev11 TD {background-color:#E8E9CF; }
	.lev12 TD {background-color:#DBE9CF; }
	.lev13 TD {background-color:#E9DDCF; }
	.lev14 TD {background-color:#CFE8E9; }
	.lev15 TD {background-color:#D0CFE9; }
	.lev16 TD {background-color:#DBE9CF; }
	.lev17 TD {background-color:#E9DDCF; }
	.lev18 TD {background-color:#E8E9CF; }
	.lev19 TD {background-color:#E9DECF; }
	.lev20 TD {background-color:#DAE9CF; }