/* 
 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: 12px "Andale Mono", 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 "Andale Mono", 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 "Andale Mono", 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 "Andale Mono", 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 "Andale Mono", 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 "Andale Mono", Geneva, Verdana, sans-serif;
  font-weight: normal;
  color: #216487;
}
#header h1 {
  margin: 0 0 10px 5px;
  font: 36px "Andale Mono", 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 "Andale Mono", 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: 140px;
  padding: 40px 0 50px 30px;
  text-align: left;
  font-size: .9em;
  overflow: auto;
  min-height: 525px;
}
#content { /* Text area */
  position: relative;
  width: 740px; /* 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:670px; /* 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 "Andale Mono", Geneva, Verdana, sans-serif;
  color: #5e5e5e;
}
#uploads h1, #comments h1 {
  margin: 5px 0 0 5px;
  font: 14px "Andale Mono", Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #5e5e5e; 
  text-transform: uppercase;
}
#comments {
  font: 12px "Andale Mono", 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 "Andale Mono", 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: 18px "sans-serif", Geneva, Verdana, sans-serif;
}
h2 { /* The main header on each page */
  font: 14px "sans-serif", Geneva, Verdana, sans-serif;
}
h3 { /* The main header on each page */
  font: 12px "sans-serif", 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;
}

/* Images
=====================================*/

img {
  border: 0;
}



/* Dropdown menu
=====================================*/
#menuh-container {
  position: absolute;		
  top: 0;
  left: 0;
}
#menuh {
  font: 13px "Andale Mono", 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 "Andale Mono", Geneva, Verdana, sans-serif;
  color: #777;
  line-height: 20px;
}
#adminBody p, #adminBody td, #adminBody li, #adminBody div {
  font: 14px "Andale Mono", 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;
}
 
/* Editor Body */
.mceContentBody {
  margin: 10px;
  background-color: white;
  font: 12px "Andale Mono", Geneva, Verdana, sans-serif;
  color: #777;
  line-height: 16px;
  text-align: left;
}
.mceContentBody p, .mceContentBody td {
  font: 12px "Andale Mono", Geneva, Verdana, sans-serif;
  margin: 0 0 14px 0;
}
pre, .mceContentBody pre, #pagecontent {
  font: 12px "Lucida Console", "Courier New", "Courier", mono;
}