/* 
 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: #626262; /* BACKGRD */
  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/ActonGrayCSS/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/ActonGrayCSS/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: #bbb; /* HOVER1 */
}
#toolbar a:visited, a:active {
  text-decoration: none;
}



/* Yellow buttons
=====================================*/

#buttons {  
  position: absolute;
  top: 0;
  left: 740px;
  width: 169px;
  height: 27px;
  background: url(/files/ActonGrayCSS/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/ActonGrayCSS/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: #bbb; /* HOVER2 */
}
#nav a:active {
  text-decoration: none;
  color: #f0f0f0;
}


/* Content area
=====================================*/

#contentwrap {
  width: 914px;
  background-image:url(/files/ActonGrayCSS/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/ActonGrayCSS/table_header.gif);
  height: 30px;
}
.main_right { /* Main table header right side */
  background-image: url(/files/ActonGrayCSS/table_header_r.gif);
  height: 30px;
}
.atc_top { /* Attachment table header */
  background-image: url(/files/ActonGrayCSS/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/ActonGrayCSS/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: #777; /* H1-H3 */ 
  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;
}

/* 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: #626262;
  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 #black;
  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 "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;
}