﻿/*
Color Scheme:
    To change the color scheme, do a global replace on the color values to the desired colors (note that since there are overlapping
    colors, the order in which you do the replace is important. Also use the # in the replace text to avoid changing these comments.

    DarkGreen/Beige with Dark Red highlight text

    006400 - DarkGreen     Header Background and tab text
    F5F5DC - Beige         Body Background and header text
    FFFFF0 - Ivory         Alternate row background (alternated with body background color)
    FFFFFF - White         Button background color
    0000FF - Blue          Emphasis (member's only indicator, etc)
    8B0000 - DarkRed       Emphasized text, buttons, etc

    000000 - Black         Normal Text
    808080 - Gray          Dimmed Text (modules titles)
    696969 - DimGray       Help Text
    FF0000 - Red           Error messages

*/
Body 
{
    background-color: #F5F5DC;
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;
    margin: 0 0 0 0 ;
    padding: 0 0 0 0;
}
/* header styles */
/* header styles */
#header2 {
	background-color: #006400;
    color: #F5F5DC;
}
#header-menu2
{
    padding: 5px 0 0 0;
}

#header 
{
    background-color: #006400;
    background-image: url('../../Images/baldy.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 214px;
    border-collapse:collapse;
}
#header-menu
{
    padding: 154px 0 0 0;
}

#header-left 
{
    padding: .5em 0  .5em .5em;
    
}
#header-right 
{
    padding: .5em .5em 0 0;
    clear: left;
    float: right;
}

#header p,
#header h1,
#header h2 {
	clear:left;
	float:left;
	width:96%;
	margin:0;
}

a:visited 
{
    color:#8B0000;
}
#body 
{
    background-color: #F5F5DC;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;				/* width of page */
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:25%;				/* width of the right column */
}
.threecol .colleft {
	right:55%;				/* width of the middle column */
}
.threecol .col1 {
	width:51%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:18%;				/* Width of left column content (column width minus padding on either side) */
	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
}
.leftmenu .colleft {
	right:80%;				/* right column width */
}
.leftmenu .col1 {
	width:76%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}
/* Footer styles */
#footer {
    clear:both;
    padding: 3px 2%;
    text-align: center;
	border-top:1px solid #ccc;
}
/* title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #F5F5DC;
}
/* Site navigation tabs */
.Menu 
{
    background-color: #F5F5DC; 
    border-style:none;
    border-collapse:collapse;
    text-align:left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.MenuItem a:visited 
{
    color: #006400;
}
.MenuItem 
{
    color: #006400;
    background-color: #F5F5DC;
    border-bottom-color: #006400;
    border-right-color: #006400;
    border-top-color: #F5F5DC;
    border-left-color: #F5F5DC;
    border-width: 1px;
    border-style: solid;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px 0 4px;
    margin: 0 0 0 0;
}
.MenuSelected
{
    color: #006400;
    background-color: #F5F5DC;
    border-bottom-color: #F5F5DC;
    border-right-color: #006400;
    border-top-color: #F5F5DC;
    border-left-color: #F5F5DC;
    border-width: 1px;
    border-style: solid;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px 0 4px;
    margin: 0 0 0 0;
}
.MenuHover a:hover
{
    color: #F5F5DC;
    background-color: #006400;
}
.MenuHover
{
    color: #F5F5DC;
    background-color: #006400;
    border-bottom-color: #F5F5DC;
    border-right-color: #F5F5DC;
    border-top-color: #F5F5DC;
    border-left-color: #F5F5DC;
    border-width: 1px;
    border-style: solid;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px 0 4px;
    margin: 0 0 0 0;
}
.HeaderText
{
    font-size: 12px;
    color: #F5F5DC;    
    padding: 0 5px 0 5px;
}

/* text style used for most text rendered by modules */

.accordion, .accordion-selected, accordion-text   
{
    font-size: 14px;
    font-weight: bold;
    text-align:left;
    text-decoration: none;
    padding: 3px 0 3px 5px;
}
.accordion
{
    color: #F5F5DC;
    background-color: #8B0000;
    border-style:outset;
}
.accordion-selected
{
    color: #FFFFF0;
    background-color: #8B0000;
    border-style:outset;
}
.accordion-text
{
    color: #F5F5DC;
    background-color: #8B0000;
    border-style:none;
}

.button, .button:hover  
{
    font-size: 11px;
    font-weight: bold;
    border-color: #8B0000;
    border-width: 1px;
    text-align:center;
    text-decoration: none;
}
.button
{
    color: #8B0000;
    background-color: #FFFFFF;
    border-style:outset;
}
.button:hover 
{
    color: #F5F5DC;
    background-color: #8B0000;
    border-style: inset;
}

A.button 
{
    color: #8B0000;
    background-color: #FFFFFF;
    border-color: #8B0000;
    border-width: 1px;
    border-style:outset;
    text-align:center;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}
A.button:hover 
{
    color: #F5F5DC;
    background-color: #8B0000;
    border-color: #8B0000;
    border-width: 1px;
    border-style: inset;
    padding: 5px 5px 5px 5px;
    text-align:center;
    text-decoration: none;
}
.calendar 
{
    background-color: #800000;
    color: #000000;
    border-color: #000000;
    border-style:groove;
    border-width: 1px;
}
.cell
{
  padding: 0 10px 2px 0;
}
.empty
{
    font-size: 11px;
    font-style:italic;
    color: #808080;
}
.error
{
    font-size: 11px;
    font-style:italic;
    color: #FF0000;
}
A.event 
{
    color: #8B0000;
    text-align:center;
    text-decoration: none;
}
A.event:hover 
{
    color: #F5F5DC;
    background-color: #8B0000;
    text-align:center;
    text-decoration: none;
}

.footer
{
    margin: 5px 0 10px 0;
    padding: 5px 0 10px 0;
}
.freetextbox
{
    font-family: Verdana;
    font-size: 2;
    font-style:normal;
    color: Black;
}
.help-hover
{
	font-size: 10px;
    background-color: #808080;
	color: #FFFFFF;
	font-weight:bold;
	vertical-align:top;
}
.help
{
	font-size: 10px;
    background-color: #FFFFFF;
	color: #808080;
	font-weight:bold;
	vertical-align:top;
}
.help-popup 
{
    border:1px outset #808080; 
    padding: 5px; 
    background-color: #FFFFFF; 
    width:300px
}
.highlight 
{
    background-color: #FFFACD; 
}
.horizontal-scroll 
{
}
.image
{
    padding: 0 0 5px 0;
}
.input-file  
{
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    border-color: #8B0000;
    border-width: 1px;
    text-decoration: none;
    border-style:outset;
}
.label
{
	font-size: 11px;
	font-style:normal;
	text-align: left;
	}
.label-total label
{
	text-align: left;
	border-top: solid 1px #696969;
	}
.label-hover
{
    color: #FFFFFF;
    background-color: #808080;
	}
.list-header
{
    font-size: 12px;
    color: #8B0000;
    background-color:#FFFFF0;
}

.list-title
{
    font-size: 12px;
    font-weight: bold;
    color: #8B0000;
}
.news-body
{
    background-color: #F5F5DC;
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;
    padding: 15px 30px 15px 30px;
}
.normal, .normal-readonly, .normal-padded, .normal-bold, .padded, .image
{
    font-size: 11px;
}
A.normal:link 
{
    text-decoration: none;
    font-weight: bold;
    color: #8B0000;
}

A.normal:visited  {
    text-decoration: none;
    font-weight: bold;
    color: #8B0000;
}

A.normal:active   {
    text-decoration: none;
    font-weight: bold;
    color: #8B0000;
}

A.normal:hover    {
    text-decoration: underline;
    font-weight: bold;
    color: #8B0000;
}
.normal-bold
{
    font-weight:bold;
}
.normal-dimmed
{
    line-height: 11px;
    color: #808080     
}
.normal-link {
    text-decoration: none;
    font-weight: bold;
    color: #8B0000;
}

.normal-emphasis {
    color: #0000FF;
}

.normal-highlighted
{
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF
}
.normal-italics
{
    font-style:italic;
    color: #808080     
}
.normal-padded
{
    padding: 0 0 0 10px;
}
.normal-readonly
{
    background-color: #F5F5DC;
}
.normal-red
{
    color: #FF0000
}
.normal-tiny
{
    font-size: 9px;
    line-height: 10px    
}
.NormalTextBox
{
    font-size: 11px;
}

.NormalRed
{
    font-weight: bold;
    color: #FF0000
}
.padded
{
    margin: 5px 0 10px 0;
    padding: 5px 0 10px 0;
}
.row
{
}
.row-alternate
{
    background-color: #FFFFF0;
}
/* text style used for most text rendered by modules */
.tiny-dimmed
{
    font-size: 9px;
    line-height: 10px;
    color: #808080     
}
.title
{
    font-size: 20px;
    color:#696969;
    padding: 10px 0 10px 0
}