/*====================== 
     Page Structure
======================*/
body{
	background-color:#ffffff;
	margin:0;
	text-align:left;
	font-size: 12px;
	font-family:  Arial, sans-serif;
	color:black;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
#wrapper{
	margin:0 auto;
	text-align:left;
	width:992px;
}
#TopNavWrap{
	width:960px;
	height:40px;
	background-color:white;
	float:left;
}
#AdminNav{
	width:85px;
	float:left;
}
#TopNav{
	margin:15px 0 0 0; /*TRBL*/	
	float:left;
	background-color:white;
	width:730px;
	text-align:right;
}
#SearchBox{
	margin-top:13px;
	margin-right:5px;
	float:left;
	background-color:white;
	width:225px;
	text-align:left;
}
#TopNavFill{
	width:32px;
	height:40px;
	float:left;
}
#LogoWrap{
	width:610px;
	height:166px;
	float:left;
	background-color:white;
}
#Logo{
	margin:55px 0 0 37px; /* TRBL */
	float:left;
}
#HeaderRight{
	width:350px;
	height:166px;
	float:left;
	background-color:white;
	text-align:left;
	vertical-align:top;
}
#HeaderFill{
	width:32px;
	height:166px;
	float:left;
}
#TagBar{
	width:960px;
	height:43px;
	float:left;
	background-color:#93a445;
	background-image:url(images/tag-line.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#TagBarFill{
	width:32px;
	height:43px;
	float:left;
}
#BtmNavWrap{
	width:690px;
	height:114px;!important
	float:left;
	background-color:#006666;
	overflow:hidden;
}
#CircleImgPane{
	width:302px;
	height:340px;
	float:right;
	background-image: url(images/img-pane-bg.gif);
	background-repeat: no-repeat;
}
#ContentWrap{
	margin:60px 40px 10px 30px; /*TRBL*/
	float:left;
	width:620px;
}
#ContentWrapTable{
	width:992px;
	background-color:white;
	vertical-align:top;
	border:0px;
	float:left;
}
#RightCol{
	vertical-align:top;
	background-repeat:repeat-y;
	width:302px;
	background-image: url(images/right-col-bg2.gif);
	background-position: left top;
	height:100%;
}
#rightCol_LSpacer{
	width:20px;
}
#rightCol_RSpacer{
	width:32px;
}
#FooterWrap{
	width:960px;
	height:70px;
	background-color:white;
	float:left;
	text-align:center;
}
#FooterFill{
	width:32px;
	height:50px;
	float:left;
}
#FooterAddress{
	margin:20px 0 0 0;
}
#FooterCopyright{
	margin:10px 0 0 0;
}
.FooterLabel{
	color:#2d6e80;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 2px;
}
.Divider{
	width:1px;
	height:1px;
	margin:0 5px;
	background-image:url(images/divider.gif);
	background-repeat: repeat-y;
	background-position: top;
}
/*  PANE STRUCTURE  */
.PaneSubNav{
	vertical-align:top;
}
.PaneTop { 
	width: 100%;
	padding: 0 7px 0 7px;
}
.PaneImage {
	height:114px;
	background-image:url(images/img-pane-bg.gif);
}
.PaneLeft { padding: 0 7px 0 0px;
			width: 30%;
}
.PaneCenter { 
	padding: 0 0px 0 7px;
}
.PaneRight{
	width:240px;
	min-height:600px;
	background-color:#bfca92;
	padding:20px 5px 10px 5px;
}
.PaneBottom { 
	width: 100%;
	padding: 0 7px 0 7px;
}

/* HTML Elements */
/*p{
	font-size: 14px;
	font-family: Arial, sans-serif;
	color:black;
	line-height: 20px;
	margin-top:0px;
}
H1{
	color:#006666;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin:0px;	
}
H2{
	color:#006666;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin:0px;	
}*/
.loginlinks,a.loginlinks:link,a.loginlinks:visited,a.loginlinks:active{
	font-size: 16px;
	font-family: Arial, sans-serif;
	color:black;
	text-decoration: none;
}
a.loginlinks:hover{
	text-decoration: underline;
}
.footerobjects,a.footerobjects:link,a.footerobjects:visited,a.footerobjects:active{
	font-size: 12px;
	font-family: Arial, sans-serif;
	color:black;
	text-decoration: none;
}
a.footerobjects:hover{
	text-decoration: underline;
}
.aligntop{
	vertical-align:top;
}
.donate{
	margin:40px 0 0 50px;
}



/*
===========================================================
 Menu - ID = MainMenu
===========================================================
*/

/* root-level menu */
ul#MainMenu {
	float:right;	
}

/* all submenus */
/* Typically set borders, background colors here. */
ul#MainMenu .sub {
}

/* all menu items */
/* Typically set menu item borders here. */
ul#MainMenu li {
	font-size:16px;
	font-family:  Arial, sans-serif;
	color:black;
	text-align:right;
	border-right:1px solid black;
}

/* nested menu items */
ul#MainMenu .sub li {
}

/* menu item links */
/* Typically set padding, colors, text attributes here. */
/* Also must set background color and opacity here or in nested links to get translucent effect */
ul#MainMenu a {
	font-size:16px;
	font-family: Arial, sans-serif;
	color:black;
	padding:0 5px;
	text-align:right;
}

/* nested menu item links */
ul#MainMenu .sub a {
}

/* hovered menu item links */
ul#MainMenu a:hover,
ul#MainMenu.root .breadcrumb:hover {
	text-decoration: underline;
}

/* hovered nested menu item links */
ul#MainMenu .sub a:hover {
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#MainMenu li:hover ul, 
ul#MainMenu li.hover ul {
	width: 180px; /* width of submenu, must be set so third-level list can get shifted over properly */
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#MainMenu .sub li:hover ul, 
ul#MainMenu .sub li.hover ul {
	left: 180px; /* position, based on width of parent submenu */
	top: 0;
}

ul#MainMenu .branch {
}

ul#MainMenu.root .breadcrumb {
}

ul#MainMenu.root .current,
ul#MainMenu .sub .current {
}
/*
===========================================================
 Menu - ID = AdminMenu
===========================================================
*/

/* root-level menu */
ul#AdminMenu {
	color:white;
}

/* all submenus */
/* Typically set borders, background colors here. */
ul#AdminMenu .sub {
	background-color:#AA0000;
	border:1px solid black;
}

/* all menu items */
/* Typically set menu item borders here. */
ul#AdminMenu li {
	font-size:12px;
	font-family:  Arial, sans-serif;
	color:white;
}

/* nested menu items */
ul#AdminMenu .sub li {
}

/* menu item links */
/* Typically set padding, colors, text attributes here. */
/* Also must set background color and opacity here or in nested links to get translucent effect */
ul#AdminMenu a {
	font-size:12px;
	font-family: Arial, sans-serif;
	color:white;
	padding:3px 5px; /*TRBL*/
}

/* nested menu item links */
ul#AdminMenu .sub a {
}

/* hovered menu item links */
ul#AdminMenu a:hover,
ul#AdminMenu.root .breadcrumb:hover {
	text-decoration: underline;
}

/* hovered nested menu item links */
ul#AdminMenu .sub a:hover {
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#AdminMenu li:hover ul, 
ul#AdminMenu li.hover ul {
	width: 140px; /* width of submenu, must be set so third-level list can get shifted over properly */
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#AdminMenu .sub li:hover ul, 
ul#AdminMenu .sub li.hover ul {
	left: 140px; /* position, based on width of parent submenu */
	top: 0;
}

ul#AdminMenu .branch {
}

ul#AdminMenu.root .breadcrumb {
}

ul#AdminMenu.root .current,
ul#AdminMenu .sub .current {
}
