/*
* {margin: 0; padding: 0; border: 0;}
*/


/* ======= */
/* GENERAL */
/* ======= */
body {
	text-align:center;
	padding: 0;
	border: 0;
	margin: 0;
	min-width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #EEF1F9;
	background-repeat: repeat-x;
	background-image: url(/images/Background.gif);
}
html>body {
	min-width: 500px;
} 

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
	text-align: left; 
	width: 95%;
	margin: 0 auto; 
	min-width: 500px;
	/* min-width fix for IE */
	width:expression(document.body.clientWidth < 505 ? "500px": "95%" );
	background-image: url(/images/contentBackgroundRight.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color:#ffffff;
}

#header, #subnav, #footer {
	clear: both; 
	width: 100%;
}

#header {
	background-color: #fff;
	padding: 0px;
	height: 178px;
	position: relative;
	overflow:hidden;
/*	display: block;*/
}
#header_text {
	position: absolute;
	top: 20px;
	left: 160px;
	padding: 0;
	border: 0;
	margin: 0;
	width: 340px;
/*	height: 143px;*/
	z-index: 100;
}
#header_left {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	border: 0;
	margin: 0;
/*	overflow:hidden;*/
	height: 143px;
	z-index: 10;
}
#header_right {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: 0;
	margin: 0;
/*	overflow:hidden;*/
	height: 143px;
	z-index: 1;
}
#header_left img, #header_right img {
	padding: 0;
	border: 0;
	margin: 0;
	border-collapse: collapse;
}

#footer {
	background-color:#218828;
	text-align: right;
	color: white;
	height: 20px;
	padding: 0px;
	/*overflow:hidden;*/
	display: block;
}
#footer a {
	text-decoration: none;
	color: #33CCCC;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	color: white;
	text-align: right;
	font-size: 90%;
}


#contentfloatholder {
	/* right faux column tab */
	float: left;
	width: 100%;
/*	background-color: #fff;*/
}


#contentfloatholder:after {
/* this is for NN6 to clear floats */
	content: "."; 
	display: block; 
	height: 0px;
	clear: both; 
	visibility: hidden;
}

#centerwrap {
	float:left;
	width: 100%; 
/*	margin: 0 -95% 0 0; */
	margin: 0 -100% 0 0;
}

#center {
/*	margin: 0 175px 0 175px;*/
	margin: 10px 165px 0 175px;
	color: #000;
}
#center p, #center ul {
/*	line-height: 2em;*/
}

#left {
	float:left;
	width: 150px;
	/*margin: 0 0 0 -5%;*/
	margin: 0;
	background-color: #fff;

}

#right {
	float:right;
	width: 155px;
	margin: 0;
	background-color: #fff;
}

#subnav {
	position: absolute;
	top: 143px;
	left: 0;
	background-image: url(/images/menubar.gif);

/*	background: #DCDCDC url(/images/menuunderline.gif) repeat-x bottom;*/
	margin: 0px;
	padding: 0px;
	height: 34px;
}
#subnav img {
	padding: 0;
	border: 0;
	margin: 0;
}

a, a:visited{
	text-decoration: none;
	color: #337DCC;
}
a:hover {
	text-decoration: underline;
}

/* =================================================== */
/* NEWS LIST                                           */
/* =================================================== */
div.home_newsevents {
/*	position: relative;
	float: left;
	clear: both;
	width: 100%;*/
}
div.home_newsevents h2 {
	padding: 2px 2px 2px 2px;
	margin: 2px;
}
div.home_news {
/*	width: 49%;
	float: left;
	position: relative;*/
}
div.home_events {
/*	width: 49%;
	float: right;
	position: relative;*/
}

.newsitem {
	background-color: #F0F8FF;
	border-top: 1px solid #8FB9E6;
	padding: 2px 2px 9px 2px;
	color:#000;
	margin-bottom: 1px;
}
.newsitem h3 {
	padding: 2px 2px 2px 2px;
	margin: 2px;
}
.newsitem p {
	padding: 2px 2px 2px 2px;
	margin: 2px;
}

#center ul.NewsList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	word-wrap: break-word;
}
#center ul.NewsList li
{
	border-top: 1px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#center ul.NewsList p.NewsList {
	padding: 2px 2px 10px 20px;
	margin: 2px;
}
#center ul.NewsList li a.News
{
	padding: 0;
}

/* =================================================== */
/* MemberCategoryList                                  */
/* =================================================== */
#center .MemberCategoryList
{
	/*margin: 15px 5px 5px 10px;*/
	width: 100%;
	line-height: 1em;
}

#center .MemberCategoryList a.Item
{
	float:left;
	width:155px;
	height: 55px;
	margin:0 0 10px 10px;
	padding: 5px;
	/*border:1px solid silver;*/
	/*color: #404092;*/
	color: #404092;
	/*background-color: #D4F2D6;*/
	background-image: url(/images/membercat.jpg);
	text-decoration: none;
	font-weight: bold;
}
#center .MemberCategoryList a.Item:hover
{
	background-image: url(/images/membercat_down.jpg);
	color: #f7f7f7;
	text-decoration: none;
}


#center .MemberCategoryList .Item a img
{
	padding:2px;
	border:1px solid silver;
}

#center .MemberCategoryList .Item a:hover img
{
	padding:2px;
	border:1px solid silver;
	background-color:silver;
}

#center .MemberCategoryList .Item strong a
{
	display:block;
	margin:5px 0 0 0;
}

#center .MemberCategoryList .Item em
{
	display:block;
}


/* =================================================== */
/* Sidebar Content                                     */
/* =================================================== */
ul.SidebarNewsList
{
/*	margin: 0px;*/
	padding: 0px;
	list-style: none;
	text-align: left;
	margin:5px 0 0 0;
	font-size: 11px;
	color:#808080;
}

ul.SidebarNewsList li
{
	margin:0 0 6px 0;
	list-style-type:none;
}

ul.SidebarNewsList li strong
{
	font-weight:bold;
}

ul.SidebarNewsList li.Event a
{
	display:block;
	background-color:#F9F9F9;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding: 2px 2px 2px 2px;
	color:#000;
	text-decoration:none;
}

ul.SidebarNewsList li.SidebarNews a
{
	display:block;
	background-color:#F9F9F9;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding: 2px 2px 2px 2px;
	color:#000;
	text-decoration:none;
}

ul.SidebarNewsList li.SidebarNews a:hover
{
	background-color:#FFECCC;
	border-top:1px solid #FFA200;
	border-bottom:1px solid #FFA200;
	color:#FF6300;
	text-decoration:none;
}

/* Events Panel                                        */
.pnlMemberEvents {
	margin: 0px 0px 0px 10px; /* this page only */
	width: 100%;
}

/* =================================================== */
/* Weather Panel                                       */
/* =================================================== */
.pnlWeather {
	width: 100%;
	font-size: 11px;

}
.weatherContainer {
	width: 100%;
}
.weatherContainer p {
	margin:8px 4px 8px 4px;

}

.weatherMod {
	height: 100px;
/*	margin:2px 2px 2px 2px;*/
	margin:0 0 6px 0;
	background-color:#F9F9F9;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding: 2px 2px 2px 2px;
/*	background-color: #F0F8FF;*/
/*	border-top:1px solid #E2E2E2;*/

}
.weatherDate {
	font-weight: bold;
}
.weatherImage {
	text-align: left;
	float: left;
	padding-right: 3px;
}
.currentTemp {
	clear: both;
}
.dayForecast {
	height: 100px;
/*	margin:2px 2px 2px 2px;*/
	margin:0 0 6px 0;
	background-color:#F9F9F9;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding: 2px 2px 2px 2px;
/*	border:1px solid silver;*/
/*	background-color: #F0F8FF;*/
}
.dayName {
	font-weight: bold;
}


/* =================================================== */
/* Various fieldset panels                             */
/* =================================================== */

.searchforPanel {
	margin: 0px 0px 0px 10px; /* this page only */
	width: 100%;
}
.searchforPanel fieldset {
	background-color: #D4F2D6;
}
.searchforPanel .searchText {
	width: 95px;
}
.searchforPanel .searchGo {
	width: 25px;
}

.membermenuPanel {
	margin: 0px 0px 0px 10px; /* this page only */
	width: 100%;
}
.membermenuPanel fieldset {
	background-color: #D4F2D6;
}
.membermenuPanel p {
	margin:8px 4px 8px 4px;
}

.pnlFeaturedMembers {
	margin: 0;
	padding: 0px;
	width: 100%;
}
.pnlFeaturedMembers div {
	margin: 8px 0px 8px 0px;
}
.pnlFeaturedMembers div img {
	border: 0;
	margin: 5px;
}

/* =================================================== */
/* Clock                                               */
/* =================================================== */
#clock { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black; 
	background-color: #D4F2D6; 
	border: 2px solid silver; 
	padding: 4px; 
}
#clockContainer {
	width: 100%;
	text-align: center; 
	margin: 10px auto;
}



/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {clear:both;}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */