@charset "UTF-8";
/* CSS Document */

.HeaderContainer { background-image:url(../images/header.png); background-repeat:no-repeat; width:1000px; height:133px; }
.HeaderLogo { position:relative; left:16px; top:5px; }
.HeaderDonate { position:relative; left:290px; top:-78px; }
.HeaderDonateText { position:absolute; left:15px; top:36px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2E803E; width:100px; border:0px solid; }
.HeaderDonateText a { color:#2E803E; text-decoration:none; }
.HeaderDonateText a:hover { color:#2E803E; text-decoration:underline; }
.HeaderQuote { position:absolute; left:535px; top:65px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2E803E; width:340px; height:70px; border:0px #930 solid; }
.HeaderPicture { position:absolute; left:890px; top:27px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2E803E; width:105px; height:133px; border:0px #930 solid; }

.UpdateSideMenu { background-image:url(../images/blue-button.png); background-repeat:no-repeat; height:21px; position:relative; width:164px; padding-topx:3px;}
.UpdateSideMenu a { padding-left:10px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;  }
.UpdateSideMenu a:hover { text-decoration:underline; }

.HomeScrollArea {
font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; width: 330px; height: 520px; padding: 0px 0px 8px 0px; border-collapse: collapse; border-style: none; float: left; overflow: auto; background-colorx:#d5e2e7;
}

/*.Text {  font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; color: #000000;}
a.Text:link, a.Text:visited {  font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; }*/

.Title {  font: 20px Arial, Helvetica, sans-serif; line-height: 1.5em; font-weight: bold;}

.Caption { font: 10px Arial, Helvetica, sans-serif; line-height: 1em; }

.Quote { font: 18px Georgia; color: #FFFFFF; line-height: 1.5;}


.Button { width: 100px; background-color: #AB4143; color: #FFFFFF;  font-weight: bolder;
	border-color: #AB4143; border-width: 1px; border-style:solid; }
	
.Button:hover { width: 100px; background-color: #FF6666; color: #FFFFFF;  font-weight: bolder;
	border-color: #FF6666; border-width: 1px; border-style:solid; }

	
.FieldTitle {  font: 12px Arial, Helvetica, sans-serif; font-weight: bolder; }
	
.FieldInput {  font: 12px Arial, Helvetica, sans-serif; border-color: #FF9999;
	border-width: 1px; border-style: solid; }
	

body { margin: 0; margin-top: 5px; padding: 0; background-image: url(../images/backfill.png); background-repeat: repeat-x; background-color: #09264D; }

.bar { background-image: url(../images/menubar.png); background-repeat: repeat-x; width: 1000px; height: 22px; }

.sidebargreen { background-color: #2E803E; width: 200px; vertical-align: top; height: 500px; }

.sidebarred { background-color: #AB4143; width: 200px; vertical-align: top; height: 500px; }

.content { padding: 5px 30px 30px 30px; font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; vertical-align: top; width: 800px; height: 500px; }
.content-home { padding: 5px 30px 30px 30px; font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; vertical-align: top; width:1000px; height: 500px; }

.topmenu { margin: 0; padding: 0; padding-bottom: 10px; vertical-align: top;}
.topmenu a { font: 12px Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: underline; }
.topmenu a:hover {text-decoration: none; }

.footermenu { margin: 0; padding: 0; padding-top: 20px; padding-bottom: 50px; font: 10px Arial, Helvetica, sans-serif; color: #CCCCCC; } 
.footermenu a { text-decoration: underline; font: 10px Arial, Helvetica, sans-serif; color: #CCCCCC; }
.footermenu a:hover {text-decoration: none; }

.pagenamegreen {background-color: #AB4143; width: 200px; font: 12px/22px Arial, Helvetica, sans-serif; padding: 7px 0px 10px 10px; font-weight: 700; color: #FFFFFF; line-height: 1.4;}
.pagenamered {background-color: #2E803E; width: 200px; font: 12px/22px Arial, Helvetica, sans-serif; padding: 7px 0px 10px 10px; font-weight: 700; color: #FFFFFF; line-height: 1.4;}

.SmallLinkLike { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; text-decoration: none; color:#000000;}
.SmallLinkLike a{ text-decoration: none; color:#000000;}

/* CALENDAR */
.calendar {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

.calendarblankdays {
	background-color: #EEEEEE;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

.calendardays {
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

.calendartoday {
	background-color: #2E803E;
	padding: 4px 4px 4px 4px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

th.calendar {
	font: 14px/30px bold Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color: #FFFFFF;
}

td.calendar {
	font: 12px/30px bold Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.calendartext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.calendartext a{
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #001E51;
}

.calendartext a:hover{
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:  #001E51;
}

.calendardate {
	font: 10px Arial, Helvetica, sans-serif;
}

.calendardetailtext {
	font: 10px bold Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.calinfo
{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

a.calinfo:hover
{
	z-index:25;
	text-decoration: none;
}

a.calinfo span
{
	display: none;
}

/* THESE ARE BROWSER SPECIFIC CSS FOR a.calinfo:hover span */
.ie a.calinfo:hover span
{
    top: 0px; left: 50px;
}

.gecko a.calinfo:hover span
{
    top: -50px; left: 50px;
}

.webkit a.calinfo:hover span
{
    top: -50px; left: 50px;
}

.opera a.calinfo:hover span
{
    top: -50px; left: 50px;
}


/* END BROWSER SPECIFIC CSS */


a.calinfo:hover span
{ /*the span will display just on :hover state*/
    display:block;
    width: 280px;
    padding: 5px;
    text-align: left;
    position: absolute;
    border: 1px solid #aba000;
    background-color:#fff799;
	color:#000;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	
}


/* MAIN MENU */
ul#mainmenu {
  margin: 0;
  border: 0 none;
  padding: 0 ;
  width: 1000px; /*For KHTML*/
  list-style: none;
  height: 22px;
}

ul#mainmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  padding-left: 7px;
  padding-right: 7px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  border-right: 1px solid #FFFFFF;
  position: relative;
}

ul#mainmenu li.last {
  border: none;
}

ul#mainmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
}

ul#mainmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  height: 0;
  visibility: hidden;
}

ul#mainmenu ul li {
  padding: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  width: 195px;
  height: 22px;
  background-color: #AB4143;
  text-indent: 6px;
  border: 0 none;
}

/* Root Menu */
ul#mainmenu a {
  padding: 0 4px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #FFFFFF;
  font: 12px/22px Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#mainmenu a:hover,
ul#mainmenu li:hover a,
ul#mainmenu li.iehover a {
  color: #FFFFFF;
  background-color: #2E803E;
}

/* 2nd Menu */
ul#mainmenu li:hover li a,
ul#mainmenu li.iehover li a {
  float: none;
  background-color: #AB4143;
  color: #FFFFFF;
  text-align: left;
}

/* 2nd Menu Hover Persistence */
ul#mainmenu li:hover li a:hover,
ul#mainmenu li:hover li:hover a,
ul#mainmenu li.iehover li a:hover,
ul#mainmenu li.iehover li.iehover a {
  color: #FFFFFF;
  background-color: #2E803E;
}

/* 3rd Menu */
ul#mainmenu li:hover li:hover li a,
ul#mainmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#mainmenu li:hover li:hover li a:hover,
ul#mainmenu li:hover li:hover li:hover a,
ul#mainmenu li.iehover li.iehover li a:hover,
ul#mainmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#mainmenu li:hover li:hover li:hover li a,
ul#mainmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#mainmenu li:hover li:hover li:hover li a:hover,
ul#mainmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#mainmenu ul ul,
ul#mainmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#mainmenu li:hover ul ul,
ul#mainmenu li:hover ul ul ul,
ul#mainmenu li.iehover ul ul,
ul#mainmenu li.iehover ul ul ul {
  display: none;
}

ul#mainmenu li:hover ul,
ul#mainmenu ul li:hover ul,
ul#mainmenu ul ul li:hover ul,
ul#mainmenu li.iehover ul,
ul#mainmenu ul li.iehover ul,
ul#mainmenu ul ul li.iehover ul {
  display: block;
}

/* SIDE MENU */
ul#sidemenu {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0 none;
  padding: 0;
  width: 200px; /*For KHTML*/
  list-style: none;
  position: relative;
}

ul#sidemenu li {
  margin: 2px 0 0 10px; ;
  border: 0 none;
  padding: 0;
  padding-bottom: 2px;
  width: 170px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  border-bottom: #7B2F30 1px dotted;
  vertical-align: text-top;
}

ul#sidemenu li.last {
  border: none;
}

ul#sidemenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 110px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
}

ul#sidemenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  height: 0;
  visibility: hidden;
}

ul#sidemenu ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#sidemenu a {
  padding: 0 4px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #FFFFFF;
  font: 12px/22px Arial, Helvetica, sans-serif;
  font-weight: 700;
  width: 170px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#sidemenu a:hover,
ul#sidemenu li:hover a,
ul#sidemenu li.iehover a {
  color: #333333;
}

/* 2nd Menu */
ul#sidemenu li:hover li a,
ul#sidemenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#sidemenu li:hover li a:hover,
ul#sidemenu li:hover li:hover a,
ul#sidemenu li.iehover li a:hover,
ul#sidemenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#sidemenu li:hover li:hover li a,
ul#sidemenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#sidemenu li:hover li:hover li a:hover,
ul#sidemenu li:hover li:hover li:hover a,
ul#sidemenu li.iehover li.iehover li a:hover,
ul#sidemenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#sidemenu li:hover li:hover li:hover li a,
ul#sidemenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#sidemenu li:hover li:hover li:hover li a:hover,
ul#sidemenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#sidemenu ul ul,
ul#sidemenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#sidemenu li:hover ul ul,
ul#sidemenu li:hover ul ul ul,
ul#sidemenu li.iehover ul ul,
ul#sidemenu li.iehover ul ul ul {
  display: none;
}

ul#sidemenu li:hover ul,
ul#sidemenu ul li:hover ul,
ul#sidemenu ul ul li:hover ul,
ul#sidemenu li.iehover ul,
ul#sidemenu ul li.iehover ul,
ul#sidemenu ul ul li.iehover ul {
  display: block;
}