/*  
 EditMe Acton Skin Template  
  
 Copyright 2008 EditMe, LLC 
   
 ACTON COLORS REFERENCE TABLE  
 
 Note that changing the colors in this header will have  
 no effect. This table is for reference only. The Acton  
 Skins also contain colored images that will not update  
 by the stylesheet alone. You can, however, attach  
 modified images to this style sheet. 
 
 COLOR  BACKGRD  HOVER1   HOVER2   H1-H3 
 -----  -------  ------   ------   ----- 
 RED:   #fbdedf  #e06465  #d84547  #da4a4b 
 BLUE:  #9bc7de  #65a8cb  #5e5e5e  #65a8cb   
 BROWN: #e2dad1  #c79b66  #c79b66  #8f6f48 
 GREEN: #d3dccb  #94bd65  #94bd65  #627f37 
 GRAY:  #626262  #bbb     #bbb     #777 
  
*/ 
 
body { 
  background: #9bc7de; /* Changes based on color */ 
  margin: 0; 
  padding: 0; 
  text-align: center; /* For IE 5.5 */ 
} 
#wrapper { /* Contains and centers all elements */  
  position: relative; 
  top: 0; 
  left: 0; 
  width: 914px; 
  margin: 0 auto 75px auto; 
  background-color: transparent; 
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #777; 
  line-height: 20px; 
  text-align: left; 
} 
a { 
  color: #5e5e5e; 
} 
 
 
/* Toolbar and search box 
=====================================*/ 
#toolbarcontainer { 
  width: 914px; 
  height: 27px; 
  margin: 0; 
  padding: 0; 
} 
#toolbar { 
  width: 914px; 
  height: 27px; 
  margin: 0; 
  padding: 0; 
  background-image: url(/files/ActonBlueCSS/toolbar.gif); 
  background-repeat: no-repeat; 
  text-align: left; 
  letter-spacing: 1px; 
  position: relative; 
  z-index: 9; 
} 
.space { 
  margin: 0 60px 0 0; 
} 
#search { 
  position: absolute; 
  top: 0; 
  left: 630px; 
  margin: 0; 
  padding: 0; 
  width: 103px; 
  background: url(/files/ActonBlueCSS/searchbox.gif) right top no-repeat; 
  background-color: transparent; 
  text-align: left; 
  font: 11px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #f0f0f0; 
} 
#search .inputbox{ 
  width: 103px; 
  height: 15px; 
  font-size: 12px; 
  color: #333; 
  background: transparent; 
  border: none; 
  margin: 4px 0 0 0; 
  padding: 0 0 0 0; 
  vertical-align: top; 
  font: 11px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #999; 
} 
#toolbar a { 
  text-decoration: none; 
  color: #f0f0f0; 
  font-weight: bold; 
} 
#toolbar a:hover { 
  text-decoration: none; 
  color: #65a8cb; /* Changes based on color */ 
} 
#toolbar a:visited, a:active { 
  text-decoration: none; 
} 
 
 
 
/* Yellow buttons 
=====================================*/ 
 
#buttons {   
  position: absolute; 
  top: 0; 
  left: 740px; 
  width: 169px; 
  height: 27px; 
  background: url(/files/ActonBlueCSS/toolbar_btn.gif); 
  font: 10px "Lucida Grande", Geneva, Verdana, sans-serif; 
  font-weight:bold; 
  color: #5e5e5e; 
  z-index: 10; 
} 
#buttons ul { 
  margin: 0; 
  padding: 5px 0 0 10px; 
} 
#buttons li { 
  margin: 0 15px 0 0; 
  font: 10px "Lucida Grande", Geneva, Verdana, sans-serif; 
  font-weight: normal; 
  display: inline; 
  letter-spacing: 0; 
} 
#buttons a { 
  text-decoration: none; 
  color: #5e5e5e; 
} 
#buttons a:visited, a:active { 
  text-decoration: none; 
  color: #5e5e5e; 
} 
#buttons a:hover { 
  text-decoration: underline; 
  color: #5e5e5e; 
} 
 
 
/* Header and navigation 
=====================================*/ 
 
#header { 
  position: relative; 
  top: 0; 
  left: 0; 
  width: 914px; 
  margin: 3px auto 0 auto; 
  text-align: left; 
  z-index: 1; 
} 
#header p { 
  margin: 7px 0 0 5px; 
  font: 16px "Lucida Grande", Geneva, Verdana, sans-serif; 
  font-weight: normal; 
  color: #216487; 
} 
#header h1 { 
  margin: 0 0 10px 5px; 
  font: 36px "Lucida Grande", Geneva, Verdana, sans-serif; 
  font-weight: normal; 
  color: #ffffff; 
} 
#customheader { 
  padding: 0px 1px 0px 7px; 
  width: 900px; 
} 
#logo { 
  position: absolute; 
  top: 47px; 
  left: 42px; 
  margin: 0; 
  text-align: left; 
} 
#customlogo { 
  border: none 0pt; 
  height:110px; 
  left:20px; 
  margin:0pt; 
  position:absolute; 
  top:24px; 
  width:275px; 
} 
#customlogo td { 
  text-align: left; 
  vertical-align: middle; 
} 
#customlogo img { 
  max-height: 100px; 
  max-width: 275px; 
} 
#nav { 
  width: 914px; 
  height: 49px; 
  margin: 0 auto; 
  background-image: url(/files/ActonBlueCSS/nav.gif); 
  background-repeat: no-repeat; 
  text-transform: uppercase; 
  text-align: left; 
} 
#nav ul { 
  margin: 0; 
  padding: 15px 0 0 30px; 
} 
#nav li { 
  margin: 0 30px 0 0; 
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #f0f0f0; 
  font-weight: bold; 
  display: inline; 
} 
#nav a { 
  text-decoration: none; 
  color: #f0f0f0; 
} 
#nav a:hover { 
  text-decoration: none; 
  color: #65a8cb; /* Changes based on color */ 
} 
#nav a:active { 
  text-decoration: none; 
  color: #f0f0f0; 
} 
 
 
/* Content area 
=====================================*/ 
 
#contentwrap { 
  width: 914px; 
  background-image:url(/files/ActonBlueCSS/wrapper_bgr.gif); 
  margin: 0; 
  padding: 0; 
  min-height: 525px; 
} 
#menupage { 
  display: inline; /* Gets over-written by acton.js toggleMenu() */ 
  float:left; 
  width: 240px; 
  padding: 40px 0 50px 30px; 
  text-align: left; 
  font-size: .9em; 
  overflow: auto; 
  min-height: 525px; 
} 
#content { /* Text area */ 
  position: relative; 
  width: 620px; /* Gets over-ridden by acton.js toggleMenu() */ 
  margin: 0 0 0 10px; 
  text-align: left; 
  background-repeat: no-repeat; 
  background-position: top left; 
  overflow: auto; 
  min-height: 525px; 
} 
#container {   
  width:550px; /* Gets over-written by acton.js toggleMenu() */ 
  padding: 20px 0pt 30pt 0px; 
  margin: 0px 0px 0px 40px; 
} 
#vdiv { 
  float: left; 
  margin: 0px 0px 0px -40px; 
  padding: 0px 20px 0px 0px; 
} 
#editButton { 
  float: right; 
  margin: 12px 0px 0px 5px; 
} 
 
 
/* Uploads and comments 
=====================================*/ 
 
#uploads { 
  width: 535px; 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #5e5e5e; 
} 
#uploads h1, #comments h1 { 
  margin: 5px 0 0 5px; 
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif; 
  font-weight: bold; 
  color: #5e5e5e;  
  text-transform: uppercase; 
} 
#comments { 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #5e5e5e; 
  text-align: left; 
} 
#comments p { 
  text-align: left; 
  margin: 0 0 15px 7px; 
  line-height: 17px; 
  color: #888; 
} 
#comments p.top { 
  color: #5e5e5e; 
  margin: 5px 0 5px 7px; 
} 
.atc { /* For image attachments to comments */ 
  margin: -5px 0 15px 8px; 
} 
.main_left { /* Main table header left side */ 
  background-image: url(/files/ActonBlueCSS/table_header.gif); 
  height: 30px; 
} 
.main_right { /* Main table header right side */ 
  background-image: url(/files/ActonBlueCSS/table_header_r.gif); 
  height: 30px; 
} 
.atc_top { /* Attachment table header */ 
  background-image: url(/files/ActonBlueCSS/table_header_sm.gif); 
  height: 23px; 
  text-transform: uppercase; 
  font-weight: bold;   
} 
.table_sm { /* Uploads list table */ 
  border: 1px solid #cfcfcf; 
  margin: 10px 0 15px 0; 
  text-align: left; 
} 
.dark { /* darker table row */ 
  height: 50px; 
  background-color: #f7f7f7; 
} 
.dark_descr { /* darker table description row */ 
  height: 20px; 
  background-color: #f7f7f7; 
} 
.dark_descr td { 
  padding: 0px 10px 10px 20px; 
} 
.dark_cmt { /* darker comment row */ 
  background-color: #f7f7f7; 
} 
.light { /* lighter table row */ 
 height: 50px; 
 background-color: #fff; 
} 
.light_descr { /* lighter table description row */ 
 height: 20px; 
 background-color: #fff; 
} 
.light_cmt { /* lighter comment row */ 
 background-color: #fff; 
} 
.light_descr td { 
  padding: 0px 10px 10px 20px; 
} 
.title { /* Title uploaded file */ 
  font-weight: bold; 
  padding-left: 10px; 
} 
.description { 
  height: 10px; 
  color: #888; 
  margin-top: 5px; 
} 
p.description { 
  margin: 12px 0 0 0; 
} 
.comments, .uploads { /* Sets bottom margin for the two tables */ 
  margin: 15px 0 15px 0; 
} 
#uploads a, #comments a { 
  text-decoration: none; 
  color: #5e5e5e; 
} 
#uploads a:hover, #comments a:hover { 
  text-decoration: underline; 
  color: #5e5e5e; 
} 
 
 
/* Footer 
=====================================*/ 
 
#footer { 
  width: 914px; 
  height: 107px; 
  margin: 0; 
  padding: 0; 
  background-image: url(/files/ActonBlueCSS/footer.gif); 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #f0f0f0; 
  text-align: center; 
  line-height: 18px; 
  clear: both; 
} 
#footercontent { 
 padding: 25px 0 0 0; 
 color: silver; 
} 
#footercontent p { 
  line-height:18px; 
  margin: 0px; 
} 
#footer a, #footer a:hover, #footer a:active, #footer a:visited { 
 color: silver; 
} 
 
 
 
/* Text 
=====================================*/ 
h1, h2, h3 { 
  color: #65a8cb; /* Changes based on color */  
  font-weight: normal; 
} 
 
h1 { /* The main header on each page */ 
  font: 24px "Lucida Grande", Geneva, Verdana, sans-serif; 
} 
h2 { /* The main header on each page */ 
  font: 20px "Lucida Grande", Geneva, Verdana, sans-serif; 
} 
h3 { /* The main header on each page */ 
  font: 16px "Lucida Grande", Geneva, Verdana, sans-serif; 
} 
h4 { 
  font-weight: bold; 
} 
p { 
} 
#menupage p { 
  margin: 5px 0 5px 0; 
} 
hr { 
  color: dimgray; 
  background-color: dimgray; 
  height: 1px; 
  border: 0; 
} 
#lastModified { 
  font-size: 10px; 
  text-align: center; 
  clear: both; 
} 
 
OL        { list-style-type: decimal } /* 1 2 3 4 5 etc. */ 
OL OL     { list-style-type: lower-alpha } /* a b c d e etc. */ 
OL OL OL  { list-style-type: lower-roman } /* i ii iii iv v etc. */ 
 
/* Images 
=====================================*/ 
 
img { 
  border: 0; 
} 
 
 
 
/* Dropdown menu 
=====================================*/ 
#menuh-container { 
  position: absolute;		 
  top: 0; 
  left: 0; 
} 
#menuh { 
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif; 
  width: 500px; 
  float: left; 
  margin: 0 0 0 8px; 
} 
#menuh a { 
  text-align: left; 
  display: block; 
  border: none; 
  white-space: nowrap; 
  margin: 0; 
  padding: 0 5px 2px 5px; 
} 
.top { 
  background-color: transparent; 
  border: none; 
  font-weight: bold; 
} 
.top a:link, .top a:visited, .top a:active { /* menu links */  
  color: #f0f0f0; 
  font-weight: bold; 
  background-color: transparent; 
  text-decoration: none; 
} 
.top a:hover { 
  color: #65a8cb; 
  text-decoration: none; 
} 
.drop { /* dropdowns */  
  background-color: #5e5e5e; 
  border: 1px solid #555; 
} 
.drop a:link, .drop a:visited, .drop a:active {	/* dropdown links */  
  color: #f0f0f0; 
  background-color: #5e5e5e; 
  text-decoration: none; 
} 
.drop a:hover { 
  color: #65a8cb; 
  text-decoration: none; 
}	 
#menuh ul { 
  list-style: none; 
  margin: 2px 50px 0 10px;   
  padding: 0; 
  float: left; 
} 
#menuh li { 
  position: relative; 
  min-height: 1px; /* Sophie Dennis contribution for IE7 */ 
  vertical-align: bottom; /* Sophie Dennis contribution for IE7 */   
	} 
#menuh ul ul { 
  position: absolute; 
  z-index: 500; 
  top: auto; 
  display: none; 
  padding: 13px; 
  margin: -10px 0 0 -12px; 
} 
#menuh ul ul ul { 
  top: 0; 
  left: 100%; 
} 
div#menuh li:hover { 
  cursor: pointer; 
  color: #65a8cb; 
  z-index: 100; 
} 
 
div#menuh li:hover ul ul, 
div#menuh li li:hover ul ul, 
div#menuh li li li:hover ul ul, 
div#menuh li li li li:hover ul ul 
{display:none;} 
 
div#menuh li:hover ul, 
div#menuh li li:hover ul, 
div#menuh li li li:hover ul, 
div#menuh li li li li:hover ul 
{display:block;} 
 
#menuh a.drop { 
  padding:3px 5px 3px; 
} 
 
/* End CSS Drop Down Menu */ 
 
.shown { 
  display:block; 
} 
.hidden { 
  display:none; 
} 
 
/* Admin screen styles: */ 
#adminBody { 
  margin-top:16px; 
  background: #9bc7de; 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #777; 
  line-height: 20px; 
} 
#adminBody p, #adminBody td, #adminBody li, #adminBody div { 
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif; 
} 
#adminMainTable { 
  border: 1px solid #777; 
  background-color: #fcfaf6; 
} 
#adminMainCell { 
  padding: 18px; 
} 
#adminMenuTable { 
} 
#adminMenuRow { 
} 
#adminMenuLeftCell { 
} 
#adminMenuRightCell { 
} 
#adminMenuSpacerRow { 
} 
.adminHR { 
	color: #969696; 
	height: 1px; 
  margin-top: 0; 
} 
#adminMenuContentBlock { 
} 
/* Edit Screen Page Properties */ 
.propertyBlock { 
  margin-top: 10px; 
} 
.propertyHelp { 
  padding-left: 7px; 
  margin-bottom: 20px; 
  font-size:80%; 
} 
  
/* Editor Body */ 
.mceContentBody { 
  margin: 10px; 
  background-color: white; 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  color: #777; 
  line-height: 16px; 
  text-align: left; 
} 
.mceContentBody p, .mceContentBody td { 
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif; 
  margin: 0 0 14px 0; 
} 
pre, .mceContentBody pre, #pagecontent { 
  font: 12px "Lucida Console", "Courier New", "Courier", mono; 
} 
 
/* Tree navigation formatting */ 
div.orgtree { 
  margin: 0px 1em 0px -1em; 
} 
div.orgtree ul { 
  list-style: none; 
  padding: 0px 0px 0px 1em; 
  margin: 0px 0px 0px 0px; 
} 
div.orgtree ul li { 
  padding: 0px 0px 6px 0px; 
  line-height: 1.2em; 
  margin: 0px 0px 3px 0px; 
} 
div.orgtree ul li ul { 
  padding: 6px 0px 0px 1em; 
} 
div.orgtree ul li.orgtree_li_exp { 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
} 
div.orgtree ul li.orgtree_li_exp, div.orgtree ul li.orgtree_li_sel { 
  list-style: none; 
  font-weight:bold; 
} 
div.orgtree ul li.orgtree_li { 
  list-style: none; 
  font-weight:normal; 
} 
 
/* List formatting for _ListNav, _ListRecent and _MonthNav output */ 
div.orglist { 
  margin: 0px 1em 0px -1em; 
} 
div.orglist ul { 
  list-style: none; 
  padding: 0px 0px 0px 1em; 
  margin: 0px 0px 0px 0px; 
} 
div.orglist ul li { 
  padding: 0px 0px 6px 0px; 
  margin: 0px 0px 3px 0px; 
  line-height: 1.2em; 
  list-style: none; 
} 
div.list ul li.orgnav_li_sel { 
  font-weight:bold; 
  list-style: none; 
} 
div.orghead { 
  margin-left: 1em; 
  margin-bottom: .25em; 
  font-weight: bold;  
} 
 
p.list_footer_links { 
  font-size:.85em; 
  padding-bottom:12px; 
} 
 
#adlink { text-align:center; margin:8px 0px 0px 10px; } 
#adlink a { color: #444444; font-size:90%; text-decoration:none; } 

