/* =RESET
   ....................................... */
html, body {
	height: 100%;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, img, dl, dt, dd, ol, ul, li,
form, fieldset, input, label, legend, textarea,
table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:  normal;
} 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
fieldset, img {
	border: 0;
}
img {
	display: block;
}
hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
	margin: 0 0 1.45em;
}
legend {
	left: -9999px;
	position: absolute;
	font-size: 0;
	height: 0;
}

/* =MISC STYLES
   ....................................... */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0%;
	padding: 0;
	margin: 0;
}/* Used to stop floating elements in parent div from breaking boundary of parent div *//* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 HTML STYLES
	 MAIN STRUCTURE STYLES
	 SEARCH STYLES
	 HOMEPAGE STYLES
	 PAGINATION STYLES
	 
	 ....................................... */

/* =HTML STYLES
   ....................................... */
*:focus {outline:none;}
body {
	background:url(../fw/bg.jpg) no-repeat top center;
}

/* =MAIN STRUCTURE STYLES
   ....................................... */
div.Master {
	width: 950px; /*main page size*/
	margin: 0 auto;
}
a.Logo {
	float:left;
	display:block;
	margin:23px 0 0 0;
}
a.Logo img {
	display:block;
}
div.Top {
	height:168px;
}

/* =HOMEPAGE STYLES
   ....................................... */
   
div.Content {
	margin:0 0 20px 0;
	padding:0 0 30px 0;
	background:#fff;
}
div.MainHome {
	height:265px;
	background:url(../fw/bg-home-splash.jpg) no-repeat top center;
}
div.Callouts {
	float:left;
	width:272px;
}
div.RightContent div.Callouts {
	width:272px;
	height:265px;
	background:url(../fw/bg-callouts.jpg) no-repeat 0 0;
	margin:10px 0 10px 15px;
	float:none;
}
div.MainHome div.RightInfo {
	width:650px;
	float:right;
	padding:20px 0 0 0;
	height:245px;
}
div.MainHome div.RightInfo ul.Social {
	float:right;
	width:130px;
	list-style-type:none;
}
div.MainHome div.RightInfo ul.Social li {
	float:left;
	margin:0 10px 0 0;
}
div.MainHome div.RightInfo ul.Social li a img {
	border:1px solid #fff;
	display:block;
}
div.MainHome div.RightInfo ul.Social li a:hover img {
	border:1px solid #000;
}
div.RightContent ul.Social {
	margin:30px 0 0 35px;
}
div.RightContent ul.Social li {
	line-height:30px;
}
div.RightContent ul.Social li a,
div.RightContent ul.Social li a:visited {
	display:block;
	margin:0 0 10px 0;
	font-size:13px;
	padding:0 0 2px 0;
}
div.RightContent ul.Social li a:hover {
	text-decoration:underline;
}
div.RightContent ul.Social li a img {
	float:left;
	margin:0 15px 0 0;
	border:1px solid #fff;
	display:block;
}
div.RightContent ul.Social li a:hover img {
	border:1px solid #000;
}
a.BtnGreenLrg,
a.BtnGreenLrg:visited {
	display:block;
	color:#fff;
	background:url(../fw/btn-join.jpg) no-repeat top left;
	width:170px;
	height:34px;
	text-align:center;
	padding:13px 0 0 0;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
}
a.BtnGreenLrg:hover {
	background-position:0 -47px;
}
a.BtnGreenLrg2,
a.BtnGreenLrg2:visited {
	display:block;
	color:#fff;
	background:url(../fw/btn-join-inner.jpg) no-repeat top left;
	width:170px;
	height:34px;
	text-align:center;
	padding:13px 0 0 0;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 65px;
}
a.BtnGreenLrg2:hover {
	background-position:0 -47px;
}
div.LeftContent {
	float:left;
	width:580px;
	padding:20px 0 0 20px;
	color:#666;
	font-size:13px;
}
div.RightContent {
	padding:20px 0 0 20px;
	float:right;
	width:317px;
	background:url(../fw/bg-right.jpg) no-repeat top right;
	min-height:380px;
	height:auto !important;
	height:380px;
}
a.BtnGreen,
a.BtnGreen:visited,
div.LeftContent input.BtnGreen {
	background:url(../fw/btn-green-left.jpg) no-repeat top left;
	color:#fff;
	padding:7px 0px 7px 10px;
	margin:0 10px 20px 10px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
}
div.LeftContent input.BtnGreen {
    height: 30px !important;
	width: auto !important;
	border: 0px none;
	line-height: 16px;
	padding-right: 10px;
	margin-left: 0;
	text-transform: none;
	float: none;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
a.BtnGreen:hover,
div.LeftContent a.BtnGreen:hover,
div.LeftContent input.BtnGreen:hover {
	background-position:0 -30px;
	text-decoration:none;
}
a.BtnGreen span {
	background:url(../fw/btn-green-right.jpg) no-repeat top right;
	padding:7px 10px 7px 0;
}
a.BtnGreen:hover span {
	background-position:bottom right;
}
div.Footer {
	height:80px;
	border-top:1px solid #eee;
	padding:20px 0 0 0;
	margin:0 20px;
}
div.Footer div.LeftFooter {
	float:left;
	width:500px;
}
div.Footer ul ul {
    display:none;
}
.Right {
	float:right;
}
.Left {
	float:left;
}	 
div.BreadCrumbs {
    font-size:13px;
    color:#666;
    padding:0 0 5px 0;
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
}
div.BreadCrumbs a:hover {
    text-decoration:underline;
}

/* =PAGINATION STYLES (default styles can be changed)
   ....................................... */
div.paginationDiv {
	margin: 15px auto 0;
	width: 250px;
	text-align: center;
}
div.paginationDiv a,
div.paginationDiv span {
	text-decoration: none;
	padding: 0;
	margin: 0 1px 0 0;
	height: 16px;
	width: 16px;
	text-align: center;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
}
div.paginationDiv span.selectedPage {
	background: url(../fw/bg_activePaging.gif) no-repeat top left;
	color: #fff;
}
div.paginationDiv a:hover {
	text-decoration: underline;
}
div.paginationDiv a.previousLink {
	padding: 0 4px 0 9px;
	background: url(../fw/leftArrow.gif) no-repeat 0px 4px;
	width: 82px;
}
div.paginationDiv a.nextLink {
	padding: 0 9px 0 4px;
	background: url(../fw/rightArrow.gif) no-repeat 100% 4px;
	width: 56px;
}/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 GENERAL TAGS
	 HEADINGS
	 LISTS
	 LINKS
	 CLASS-SPECIFIC TEXT
	 
	 ....................................... */

/* =GENERAL TAGS
    font sizing MUST remain the same for the percentages to calculate properly
	 ....................................... */
body {
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
select,
input,
button,
textarea {
	font: 99% Arial, Helvetica, sans-serif; /*bump for IE*/
} 
table {
	font-size: inherit;
	font: 100%;
}
pre,
code,
kbd,
samp,
tt {
	*font-size: 108%; /*bump for IE*/
	line-height: 100%;
}
p {
	margin: 0 0 1.5em; /*default: 0 0 1.5em;*/
}
hr {
	background: #ccc;
	color: #ccc;
}
div.Callouts a,
div.Callouts a:visited {
	display:block;
	height:88px;
	color:#95D243;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	line-height:88px;
	padding:0 0 0 20px;
}
div.Callouts a:hover {
	background:#20252F;
}
/* =HEADINGS
	 ....................................... */
h1,h2,h3,h4,h5,h6 { 
	color:#95D243;
	font-size:25px;
	margin:0 0 10px 0;
}
div.LeftContent h1 {font-size:30px;}
h2 {color:#526078; font-size:25px;}
h3 {color:#000;font-size:20px;}
h4 {color:#333;font-size:16px;}

div.MainHome div.RightInfo h1 {
	color:#95D243;
	font-size:25px;
	margin:0 0 10px 0;
}
/* =LISTS 
    default values can be edited
	 ....................................... */
li ul, 
li ol { 
	margin:0 1.5em; /*default: 0 1.5em;*/
}
ul, ol { 
	margin: 0 1.5em 1.5em 1.5em; /*default: 0 1.5em 1.5em 1.5em;*/
}
ul { 
	list-style-type:none;
}
ol { 
	list-style-type: decimal;
}
dl { 
	margin: 0 0 1.5em 0; /*default: 0 0 1.5em 0;*/
}
dl dt { 
	font-weight: bold;
}
dd { 
	margin-left: 1.5em; /*default: 1.5em;*/
}
div.LeftContent ul,
div.LeftContent ol {
	margin:10px;
}
div.LeftContent ul li {
	background:url(../fw/icon-bullet.gif) no-repeat 0 8px;
	padding:0 0 0 20px;
	color:#666;
	font-size:13px;
	line-height:24px;
	margin:0 0 10px 0;
}
div.LeftContent ol li {
	color:#666;
	font-size:13px;
	line-height:24px;
	margin:0 0 10px 20px;
}
div.LeftContent p {
	color:#666;
	font-size:13px;
	line-height:24px;
}
div.MainHome div.RightInfo p {
	color:#fff;
	font-size:17px;
	line-height:24px;
	width:425px;
}
div.Footer div.LeftFooter a {
	float:left;
	margin:0 10px 0 0;
}
div.Footer div.LeftFooter p {
	color:#ccc;
	font-size:13px;
	padding:17px 0 0 0;
}
div.Footer ul {
	list-style-type:none;
	width:380px;
	float:right;
	padding:10px 0 0 0;
	margin:0;
}
div.Footer ul li {
	float:left;
	margin:0 0 0 30px;
}
div.Footer ul li a,
div.Footer ul li a:visited {
	font-size:14px;
}
div.Footer ul li a:hover {
	text-decoration:underline;
}
/* =LINKS
   ....................................... */
a {
	text-decoration:none;
	color:#526483;
}
div.LeftContent a:hover  {
    text-decoration:underline;
}

/* =CLASS-SPECIFIC TEXT
	 ....................................... */
ul.reToolbar li 
{
	background: url(../fw/radeditorbackground.gif) 0 -26px !important;
}
ul.reToolbar li.grip_first
{
	background-position: 0 0 !important;
}
ul.reToolbar li.grip_last
{
	background-position: -4px 0 !important;
}
ul.reToolbar li.reSeparator
{
	background-position: center -148px !important;
}/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 FORM ASSETS
	 FORM FIELDS
	 FORM FRAMEWORK
	 FORM FRAMEWORK EXTRAS (delete if not on your site)
	 
	 ....................................... */

/* =FORM ASSETS
	 ....................................... */
fieldset { 
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
label { 
	font-weight: bold;
}
fieldset div {
	margin: 0 0 1.1em 0;
}
input[type=radio],
input[type=radio] + label,
input[type=checkbox],
input[type=checkbox] + label { /* IE6 won't get these styles */
	cursor: pointer;
	font-weight: normal;
}

/* =FORM FIELDS (defaults can be removed)
	 ....................................... */
input.text, input.title, input.required,
textarea, select {
  margin: 0.5em 0 0;
  border: 1px solid;
  border-color: #777 #ccc #ccc;
}
input.text:hover, input.title:hover, input.required:hover,
textarea:hover, select:hover {
  border-color: #333 #888 #888;
}
input.text:focus, input.title:focus, input.required:focus,
textarea:focus, select:focus {
  border-color: #000 #555 #555;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: medium;
}
input.text, input.title, input.required,
textarea {
	padding: 5px;
}
input.title {
	font-size:1.5em;
}

/* =FORM FRAMEWORK
   ....................................... */
div.formMaster {
	width: 600px; /* Change this to change the width of the entire form */
}
div.formWrapper {
	width: 97%;
	padding-right: 3%;
}
div.formWrapper hr {
	clear: both;
	width: 97%;
	margin-left: 3%;
}
div.formWrapper h1, div.formWrapper h2,
div.formWrapper h3, div.formWrapper h4,
div.formWrapper h5, div.formWrapper h6 {
	margin: 0 0 .5em 3%;
	clear: both;
}
div.formWrapper fieldset {
	margin-left: 3%;
	padding: 3% 3% 3% 0;
}
div.formWrapper legend {
	margin-left: 3%;
}
div.formWrapper label.twoLine {
	display: block;
	margin-top: 1.5em;
}
div.formWrapper label.threeLine {
	display: block;
	margin-top: 3em;
}
div.formWrapper textarea {
	display: block;
}
div.formWrapper div.formWhole,
div.formWrapper div.formHalf,
div.formWrapper div.formThird {
	display: inline;
	width: 96.91%;
	margin: 0 0 1em 3%;
	float: left;
}
div.formWrapper input.text,
div.formWrapper input.title,
div.formWrapper input.required,
div.formWrapper textarea {
	width: 97.87%;
}
div.formWrapper div.formHalf {
	width: 46.91%;
}
div.formHalf input.text,
div.formHalf input.title,
div.formHalf input.required,
div.formHalf textarea {
	width: 95.61%;
}
div.formWrapper select {
	height: 2.1em;
	width: 100%; /* You may have to change this to a px value to align perfectly */
}

/* =FORM FRAMEWORK EXTRAS (delete if not on your site)
   ....................................... */
div.formWrapper div.formPhoneArea,
div.formWrapper div.formPhoneThree,
div.formWrapper div.formPhoneFour,
div.formWrapper div.formExpirationMonth,
div.formWrapper div.formExpirationYear,
div.formWrapper div.formCCV {
	display: inline;
	width: auto;
	margin: 0;
}
div.formWrapper div.formPhoneThree,
div.formWrapper div.formPhoneFour {
	background: transparent url(../fw/phonedash.gif) no-repeat 4px center; /* dashes between phone fields */
	padding-left: 11px;
}
div.formWrapper div.formPhoneArea input,
div.formWrapper div.formPhoneThree input {
	width: 2.4em;
}
div.formWrapper div.formPhoneFour input,
div.formWrapper div.formExpirationMonth select,
div.formWrapper div.formHalf div.formCCV input {
	width: 3.4em;
}
div.formWrapper div.formExpirationYear select {
	width: 6em;
	margin-left: 0.5em;
}
div.formWrapper span.inputInfo {
	display: block;
	font-style: italic;
	font-size: 77%;
}

/* Divides forms into thirds */
div.formWrapper div.formThird {
	width: 30.243%;
}
div.formThird input.text,
div.formThird input.title,
div.formThird input.required,
div.formThird textarea {
	width: 93.18%;
}

/* Button Styling */
span.button {
	float: left;
}
input[type=submit],
input[type=reset],
span.button a {
	float: left;
	border: 1px solid;
	padding: 2px 8px;
	margin: 3px 0;
	cursor: pointer;
	
	background: #dfdfdf;
	border-color:  #ccc #999 #999 #ccc; /* A shade lighter and a shade darker than background color */
	color: #171717;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
input[type=submit]:hover,
input[type=reset]:hover,
span.button a:hover {
	padding: 3px 8px 1px; /* 1px difference on top and bottom achieves the depressed look */
	background: #d7d7d7;
	border-color: #999 #ccc #ccc #999; /* Same colors as above but reversed */
	color: #000;
}
input[type=reset],
span.button + span.button {
	margin-left: 15px;
}/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 FEATURES STYLES
	 
	 ....................................... */

/* =FEATURES STYLES
   ....................................... */
   
   
/* Events Feature */
div.category {
    padding:0 0 10px 0;
}
.RadCalendar_Default .rcMain .rcRow td.eventDay {
    color:#386BA0 !important;
    background: #DEEBAA !important;
    border: 1px solid #B9D54A !important;
}
div.calendarWidget{
    float: right;
    margin:30px 0 10px 20px;
}
div.eventsList { 
    width: 330px;
    border-bottom:1px solid #eee;
    margin:0;
    padding:10px 0;
}
div.eventsList p.eventSummary {
    margin:0;
}
div.eventsList a {
    display: block;
    font-weight: bold;
    margin:0 0 10px 0;
}
div.eventsList a:hover {

}
div.eventsList p a {
    font-size: 13px;
    font-weight: normal;
}
div.eventsList .readMoreLink {
    display:inline;
}
div.eventsList span.eventDate,
div.eventsList span.eventTime,
div.calendar p.eventDate,
div.calendar p.eventTime {
    font-size: 13px;
    color: #6A8B00;
    display:block;
    padding:2px 0;
}
div.calendar p.eventDate,
div.calendar p.eventTime {
margin:0;
padding:0;
}
p.location {
    font-weight:bold;
    color:#000;
}
a.RSS, a.RSS:visited {
    background:transparent url(../fw/rss.gif) no-repeat scroll 0 2px;
    display:block;
    float:right;
    height:20px;
    padding:0 0 0 20px;
    line-height:20px;
}
div.eventLinks {
    padding:0 0 10px 0;
    border-bottom:1px solid #ccc;
    margin:0 0 20px 0;
}
.widget {
    margin:10px 0;
}
div.line {
border-bottom:1px solid #ccc;
margin:10px 0;
}
div.events {
    padding:10px 0;
    border-top:1px solid #ccc;
}
div.calendar div.line {
    margin: 0;
    border:none;
}
a.BackLink {margin:0 0 10px 0;}
h2.eventsCat {
    margin: 10px 0 0 -6px;
}
a#calendarPop{
    cursor: pointer;
}
h2.eventTitle {
    margin: 7px 0 10px 0;
    padding:0;
}
p.location{
    font-size: 13px;
}
div.eventDetail{
    line-height:24px;
}
div.eventDetail hr{
margin: 0;
}
/* Tell a friend popup */

#calendarbackgroundPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	z-index:1;
}
#calendarPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	width:440px;
	background:#FFFFFF;
	z-index:2;
	padding:20px;
}
#calendarPopup a {
	cursor: pointer;
	text-decoration:none;
}
#calendarPopup #PopupClose {
	display:block;
	height:10px;
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	color:#95D243;
	background:#000;
}

div#calendarPopup {
    background: white;
    padding:10px 20px 10px 10px;
    z-index: 40;
    width: 430px;
    border: 4px solid #000;
}
div#calendarbackgroundPopup {
    background-color:#000000;
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:30;
}
a#PopupClose {
    float: right;
    padding: 0px 5px 1px;
    cursor: pointer;
    margin: 7px;
    color: #fff;
    background-color: #386CA0;
}
a#PopupClose:hover {
    border-color: White;
    text-decoration: none;
}
div#calendarPopup div div.formWhole {
	display: inline;
	width: 90%;
	margin: 0 0 1em 0;
	padding: 0 5%;
	float: left;
}
div#calendarPopup div div.formWhole input[type="text"], div#calendarPopup div div.formWhole textarea{
	width: 97%;
}
div#calendarPopup h1 {
    padding: 5px 10px 5px 10px;
    background: #000;
    color:#95D243;
    margin: 0;
    width:420px;
}
div#calendarPopup label {
    font-weight:normal;
    float:none;
    padding:0 0 3px 0; 
    display:inline-block;
    font-size:13px;
    color:#000;
}
div#calendarPopup div.line 
{
    width:440px;
}
div#calendarPopup label span,
div#calendarPopup p span    {
    color:#95D243;
}
div#calendarPopup input.Box {
    width:100%;
    margin:0 0 5px 0;
    padding:3px 3px 3px 3px;
    border:1px solid #ccc;
}
div#calendarPopup input.Box:hover 
{
    border:1px solid #000;
}
div#calendarPopup p {
    float: right;
    margin:0;   
}
div#calendarPopup textarea {
    width:100%;
    height:100px;
    margin:0 0 10px 0;
    border:1px solid #ccc;
}
div#calendarPopup textarea:hover 
{
    border:1px solid #000;
}
ul.NewsQuickView {
  padding:0;
  margin:0;
}
h1.eventsHeader {display:none;}
div.event {
    font-size:13px;
    border-bottom:1px solid #ccc;
    padding:0 0 10px 0;
    margin:0 20px 10px 0;
    color:#666;
    line-height:20px;
}
div.event a.eventTitleLink,
div.event a.eventTitleLink:visited {
}
div.event a.eventTitleLink:hover {
    text-decoration:underline;
}
div.event p {
 margin:5px;
 padding:0;
}
div.event p.eventSummary {display:none;}
div.event a.readMoreLink {display:none;}/* =CMS STYLES

	 image treatments
   ....................................... */

.borderAll {
	border: 1px solid #999;
}

p.hint {
    background: transparent url(../Fw/hint.jpg) no-repeat left top;
    padding: 11px 0 30px 85px;
    margin-top: 19px;
    font: normal 100%/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    color: #F0F0F0;
}
.BtnGreen {

}

/* used to add the required option for field elements */
.required { }/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 POPUP MENU STYLES
	 MAGIC STUFF - DO NOT EDIT
	 MAGIC STUFF
	 Currently supports 3 tiers.
	 MAIN MENU STYLES 
	 MAIN MENU ITEM STYLES
	 POPUP MENU STYLES - TIER 1
	 POPUP MENU STYLES - TIER 2
	 POPUP MENU STYLES - TIER 3
	 	 
	 ....................................... */

/* =POPUP MENU STYLES
	 ....................................... */
ul#ul_NavBar ul {
	position: absolute;
	display: block;
}

/* =MAGIC STUFF - DO NOT EDIT
	 ....................................... */


/* =MAGIC STUFF
    Currently supports 5 tiers.
	 ....................................... */
ul#ul_NavBar li:hover ul ul,
ul#ul_NavBar li:hover ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul ul,
ul#ul_NavBar li.over ul ul,
ul#ul_NavBar li.over ul ul ul, 
ul#ul_NavBar li.over ul ul ul ul,
ul#ul_NavBar li.over ul ul ul ul ul
	{ display: none; } /* Hide sub-menus initially */
	
ul#ul_NavBar li:hover ul,
ul#ul_NavBar li li:hover ul,
ul#ul_NavBar li li li:hover ul,
ul#ul_NavBar li li li li:hover ul,
ul#ul_NavBar li li li li li:hover ul,
ul#ul_NavBar li.over ul,
ul#ul_NavBar li li.over ul,
ul#ul_NavBar li li li.over ul,
ul#ul_NavBar li li li li.over ul,
ul#ul_NavBar li li li li li.over ul
	{ display: block;} /* The magic */

/* =MAIN MENU STYLES 
	 ....................................... */
ul#ul_NavBar,
ul#ul_NavBar ul {

	float:right;
	height:40px;
}
ul#ul_NavBar li {	
	position:relative;	
	float:left;
	line-height:38px;
	width:150px;
}
ul#ul_NavBar li.first {
	width:120px;
}
ul#ul_NavBar li.first a,
ul#ul_NavBar li.first a:visited {
	background:url(../fw/icon-home.gif) no-repeat 0 15px;
	padding:0 0 0 15px;
}
ul#ul_NavBar li.first a:hover {
	background-position:0 -15px;
}
ul#ul_NavBar li.current.first a,
ul#ul_NavBar li.current.first a:visited {
	background:url(../fw/icon-home.gif) no-repeat 0 -15px;
	color:#fff;
}
/* =MAIN MENU ITEM STYLES
	 ....................................... */
ul#ul_NavBar li a {
	font-size:14px;
	color:#8BC53E;
	font-weight:bold;
	display:block;
}
ul#ul_NavBar li.current a {
	color:#fff;
}
ul#ul_NavBar ul li a {
	/* Styles */
	display: block;
	color: #fff;
}
ul#ul_NavBar a:hover,
ul#ul_NavBar li:hover a, /* Keeps parent tab hovered when in sublevels */
ul#ul_NavBar li.over a { /* Same as above for IE6 */
	color:#fff;
}
/* =POPUP MENU STYLES - TIER 1
	 ....................................... */
ul#ul_NavBar ul {
	/* Relative Positioning */
	left: -20px;
	top: 40px;
	/* Styles */
	width: 150px;
	background-color: #666;
	margin:0;
	list-style-type:none;
	background:url(../fw/top-nav-line.jpg) no-repeat top left;
	height:120px;
}
ul#ul_NavBar ul li {
	float: none;
	padding:0;
	line-height:24px;
	margin:0;
}
ul#ul_NavBar ul:hover { background:url(../fw/bg-sub-menu.jpg) repeat-x top left;}

ul#ul_NavBar ul a,
ul#ul_NavBar li:hover ul a,
ul#ul_NavBar li.over ul a {
	background: none; /* Used because lower levels would inherit from parent hover */
	padding:0 0 0 20px;
	margin: 0;
	float: none;
	font-size: 12px;
	font-weight: normal;
} 	
ul#ul_NavBar ul a:hover,
ul#ul_NavBar ul li:hover a, /* Keeps parent tab hovered when in sublevels */
ul#ul_NavBar ul li.over a { /* Same as above for IE6 */
	background:#557A23;
}

/* =POPUP MENU STYLES - TIER 2
	 ....................................... */
ul#ul_NavBar ul ul {
	left: 120px; /* Same as width of "ul#ul_NavBar ul" */
	top: -10px;  /* Positioning vertically*/
}
ul#ul_NavBar ul ul a { 
	color: #fff;
}
ul#ul_NavBar ul ul a:hover,
ul#ul_NavBar ul ul li:hover a,
ul#ul_NavBar ul ul li.over a { 
	color: #fff;
}
/* =POPUP MENU STYLES - TIER 3 (not fully built out)
	 ....................................... */
ul#ul_NavBar ul ul ul {
}
ul#ul_NavBar ul ul ul a {
}
ul#ul_NavBar ul ul ul a:hover { 
}#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img { 
	border: none; 
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../fw/jquery.fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../fw/jquery.fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../fw/jquery.fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../fw/jquery.fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../fw/jquery.fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}

#imageDiv
{
	width: 100%;
	overflow: hidden;
}
#imageDiv a
{
	position: relative;
	float: left;
	margin: 5px;
}
#imageDiv a span
{
	display: none;
	background-image: url(../fw/zoom.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 15px;
	top: 15px;
}
#imageDiv img
{
	border: solid 1px #999;
	padding: 5px;
}