/***************************************************
     AUTHOR: Pat Heard ( FullAhead.org )
   TEMPLATE: Greenery
       DATE: 2005.11.30
  COPYRIGHT: none
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/

body {
  margin: 0;  
  text-align: center;
  font-family:  verdana, arial, sans-serif; 
  font-size: 11px;  
  line-height: 18px;
  color: #EEE;
  background: #585858 url(bg_body.jpg) repeat-y top center;
}

p, .Normal  { 
  padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}


.Normal a, a, a.Normal, A.SkinObject:link, A.SkinObject:active, a span, .Subhead span, span.Subhead, .spanhead label span, .CommandButton, a.CommandButton
{
  color: #2879D5;  
}

a:visited, A.SkinObject:visited, a:visited span {
  color: #AAA;  
}

a:hover, A.SkinObject:hover, a:hover span {
  color: #FFF;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

input {
  width: auto;
}

textarea {
  width: 98%;
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #EEE;
  background-color: #777;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}

span.Head
{ 
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;

}

h1, .Head {
  clear: both;
  margin: 0px 0;
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #7BD32C;
  color: #EEE;
  background: #686868 url(rounded_tr.gif) no-repeat top right;
}

h1 span {
  display: block;
  padding: 2px;
  background: url(rounded_br.gif) no-repeat bottom right;  
  height: 15px;
}


#sideBar h1 {
  text-align: right;
  background: #686868 url(rounded_tl.gif) no-repeat top left;
}

#sideBar h1 span {
  display: block;
  padding: 2px;
  background: url(rounded_bl.gif) no-repeat bottom left;
}


#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #EEE;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url(li_bullet.gif);
}

blockquote {  
  margin: 0;
  background: #686868 url(rounded_tr.gif) no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url(rounded_br.gif) no-repeat bottom right;
}

/***************************************************
  Layout Element Styles
 ***************************************************/


#header {  
  width: 100%;
  height: 30px;
  background: #585858 url(bg_header.jpg) repeat-y top center;    
}

/***************************************************
  Header Menu
 ***************************************************/

#menu {
  width: 767px;
  margin: 0 auto;
  text-align: left;    
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

#menu ul li {
  width: 8em;
  display: inline;
  float: left;
  padding-top: 0.8em;  
  list-style: none;
  text-align: center;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 1.0em;
  color: #222;
}

#menu ul li a:hover,
#menu ul li a.active, .active {
  font-weight: bold;
  color: #111;
  height: 30px;
  background: url(menu_tab.gif) no-repeat bottom center;
  
}

/***************************************************
  Site Title
 ***************************************************/

#title {
  padding: 0.6em 55px 0.6em 0;
  margin-right: 0.5em;
  float: right;
  background: none; /**url(spokelogo.jpg) no-repeat top right;**/
}

#title h1 {
  display: inline;
  color:  #222;
  background-color: #2879D5;
  background-image: none;
}

#content {  
  clear: both;
  width: 767px;
  margin: 0 auto;
  text-align: left;
}

#text {
  float: left;
  width: 410px !important;
  width: 437px;
  padding: 10px 5px 20px 20px !important;
  padding: 20px 5px 20px 20px;
}

#image {
  float: left;
  width: 170px;  
  vertical-align: top;
}

#sideBar {
  float: left;
  vertical-align: top;
  width: 145px !important;
  width: 145px;
  padding: 10px 15px 20px 0 !important;
  padding: 20px 15px 20px 0;
  clear: none;
  display:inline;
}

.sideMenu {
  padding: 10px 0;
}

.sideMenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.sideMenu a span {
  display: block;
  padding: 1px;
}

.sideMenu a:hover {
  background: #686868 url(rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
  background: url(rounded_bl.gif) no-repeat bottom left;
}

#comments p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #686868 url(rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img {
  margin-top: -1px;
}

#comments a {
  color: #7BD32C;
}

#comments a:visited {
  color: #AAA;
}

#comments a:hover {
  color: #FFF;
}

#footer {
  clear: both;
  float: left;
  width: 600px;
  padding: 10px 20px;
  color: #888;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a {
  color: #888;
}

#footer a:hover {
  color: #EEE;
}

a.fullAhead {
  float: left;
  width: 30px;
  height: 34px;  
  margin-right: 10px;
  background: url(logo_fullahead.gif) no-repeat 0 0;
}

a:hover.fullAhead  {
  background-position: -30px 0;
}


.MainMenu_MenuContainer 
{ margin-top: 0px; float: left; width: 450px; height: 30px; margin-left: 5px; }
.MainMenu_MenuItemActive, .MainMenu_MenuItemSel 
{ font-weight: bold; color: #111; height: 30px; background: url(menu_tab.gif) no-repeat bottom center;  }
.MainMenu_MenuBar 
{ height:16px; background-color: Transparent; cursor: pointer; }
.MainMenu_MenuItem, .MainMenu_MenuItemSel 
{ width: 8em; height: 30px; text-align: center; font-weight: normal; text-transform: uppercase; font-family: verdana; font-size: 10px; color: #222; border: 0px; }
.MainMenu_MenuItemSel 
{ font-weight: bold;background-color: #297BD6;  }
.MainMenu_MenuIcon 
{ border: 0px; display: none; }
.MainMenu_MenuBreak 
{ border: 0px; height: 0px;	}
.MainMenu_MenuArrow 
{ display: none; }
.MainMenu_RootMenuArrow 
{ display: none; }

.MainMenu_SubMenu 
{ /*filter: none;*/ background-color: #686868; border: solid 1px #222; padding-right: 5px; padding-left: 5px; }
.MainMenu_SubMenu .MainMenu_MenuItem, .MainMenu_SubMenu .MainMenu_MenuItemSel, .MainMenu_SubMenu .MainMenu_MenuItemActive, .MainMenu_SubMenu .MainMenu_MenuBreak 
{ text-align: left; font-weight: normal; color: #FFF; height: 15px; text-transform: none; }
.MainMenu_SubMenu .MainMenu_MenuItemSel
{ background-color: #297BD6; background-image: none; color: #FFF; }

.CentreBox
{ text-align:center; }


.MainMenu_MenuIcon
{ display: none; }
.ActionArrow
{ }

.SkinObject
{ color: #FFF; }

.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #CCC;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
}

#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }


.Container{
margin-top: 10px;
}



.GBList img{
border: none;
float: left;
padding: 5px 15px 5px 5px;
}

.GBList{
float: left;
clear: left;
margin-bottom: 10px;
width: 400px;
text-align: left;
font-family: Verdana, Arial, Sans-serif;
font-size: 11px;
line-height: 18px;
}

.Normal{
font-family: Verdana, Tahoma, Arial, Sans-serif;
font-size: 11px;
}

.SkinObject{
font-family: Verdana, Tahoma, Arial, Sans-serif;
font-size: 12px;
}

H1{
font-family: Verdana, Tahoma, Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
}