html, body
{
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	width: 965px;
	margin-left: 0px;
	margin-top: 0px;
}

img
{
	border: 0px;
}

.headerLeft
{
	height: 100px;
	width: 218px !important;
	background-color: #9191FF;
	vertical-align: bottom;
}

.headerLeft img
{
	margin-left: 8px;
	margin-bottom: 25px;
}


.headerRight
{
	height: 100px;
	width: 747px !important;
	background-color: #000000;
	background-image: url(images/headerBg.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 10px;
	vertical-align: top;
}

div.memberLogin
{
	float: right;
	margin-right: 12px;
	text-align: left;
	padding: 0px;
	margin-top: 20px;
}

div.memberLogin span
{
	font-weight: bold;
	color: #CC6633;
	background-color: #ffffff;
	padding: 3px 8px 3px 8px;
	margin-left: 8px;
	margin-right: 8px;
}

div.memberLogin input
{
	background-color: #eeeeee;
	border: 1px solid #000000;
	height: 18px;
	font-size: 10px;
	color: #000000;
	padding: 2px;
}


.topNavBar
{
	height: 22px;
	width: 965px;
	color: #ffffff;
	font-size: 10px;
	background-color: #404563;
}

/* MEMBER SEARCH  */

div.memberSearch
{
	float: right;
	margin: 5px 12px 0px 0px;
}

.topNavBar input
{
	background-color: #999999;
	border: 1px solid #000000;
	height: 18px;
	font-size: 10px;
	color: #ffffff;
	padding: 2px;
}


/* TREE NAVIGATION */
.membertreeNodeStyle
{
	display:block;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 0px 0px;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	float:left;
	color: #404563;
}

.membertreeNodeStyle a:visited
{
	background-color: transparent;
	color: #404563;
}

.membertreeHoverStyle
{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 0px 0px;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	float:left;
	background-color: transparent;
	color: #404563;
}
.membertreeHoverStyle a:visited
{
	background-color: transparent;
	color: #404563;
}


/* TOP NAVIGATION */
.tnTopNavMain
{
	
}

.tnStaticMenuItemStyle
{
	display:block;
	height: 32px;
	width: 100px;
	background-color: #404563;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 12px 0px 0px 0px;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	float:left;
	border-right: 1px solid #666666;
	color: #ffffff;
}
.tnDynamicHoverStyle
{
	/* background-color: #284E98 ; */
	font-size: 10px;
	background-color:Yellow;
	color:White;
}

.tnStaticSelectedStyle
{
	  background-color: #507CD1;
	  font-size: 10px;
}

.tnDynamicSelectedStyle  
{
	 background-color: #507CD1;
	 font-size: 10px;
}

.tnDynamicMenuItemStyle
{
	background-color:#9191FF;
	font-size: 10px;
}    

.tnDynamicMenuItemStyle a
{
	color: #ffffff;
}

.tnDynamicMenuItemStyle a:hover, .tnDynamicMenuItemStyle a:focus
{
	background-color: #8484F0;
}

.tnDynamicMenuStyle
{
	background-color: #B5C7DE;
}

.tnStaticHoverStyle
{
	background-color: #2A2A53;
	color: White;
}


#topNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#topNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#topNav ul li
{
	margin: 0px;
	float: left;
	text-align: center;
	border-right: 1px solid #666666;
}
#topNav ul li a
{
	display: block;
	height: 22px;
	padding: 12px 0px 0px 0px;
	text-decoration: none;
	color: #ffffff;
}

#topNav ul li a:hover, #topNav ul li a:focus
{
	background-color: #2A2A53;
}



.left
{
	width: 218px !important;
	vertical-align: top;
	background-color: #C8C8FE;
}

/* LEFT SIDE NAVIGATION */

#leftNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width: 190px;
	padding: 0px;
	margin: 20px 0px 40px 0px;
	border-top: 1px dashed #bbbbbb;
}

#leftNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#leftNav ul li
{
	margin: 0px;
	padding: 0px;
}
#leftNav ul li a
{
	display: block;
	border-bottom: 1px dashed #bbbbbb;
	padding: 7px 0px 5px 10px;
	text-decoration: none;
	color: #404563;
}

#leftNav ul li a:hover, #leftNav ul li a:focus
{
	background-color: #D8D8FF;
}


/* LIFE SIDEBAR ADS */

div.sideAd
{
	padding: 10px;
	font-size: 9px;
	color: #666666;
	width: 190px;
}
div.sideAd a
{
	padding-right: 5px;
	color: #6666CC;
	text-decoration: none;
}
div.sideAd a:visited
{
	color: #6666CC;
}
div.sideAd a:hover
{
	color: #404563;
}

div.sideAd span
{
	font-size: 11px;
	color: #404563;
	font-weight: bold;
	margin-bottom: -10px;
	display: block;
}
div.sideAd span a
{
	padding-right: 5px;
	color: #404563;
	text-decoration: underline;
}
div.sideAd span a:visited
{
	color: #404563;
}
div.sideAd span a:hover
{
	color: #000000;
}



.main
{
	padding: 20px 20px 20px 20px;
	width: 747px !important;
	vertical-align: top;
	background-color: #ffffff;
}

.main a
{
	padding-right: 5px;
	color: #CC6633;
	text-decoration: underline;
}
.main a:visited
{
	color: #CC6633;
}
.main a:hover
{
	color: #999999;
}

div.floatBox a
{
	font-weight: bold;
	padding-right: 5px;
	color: #CC6633;
	text-decoration: none;
}
div.floatBox a:visited
{
	color: #CC6633;
}
div.floatBox a:hover
{
	color: #999999;
}

/* BREADCRUMBS */

.breadcrumbs
{
	margin-bottom: 30px;
	font-size: 9px;
	color: #666666;
}
.breadcrumbs a
{
	padding-right: 5px;
	color: #CC6633;
	text-decoration: underline;
}
.breadcrumbs a:visited
{
	color: #CC6633;
}
.breadcrumbs a:hover
{
	color: #999999;
}


/* PAGE TITLE */

.pageTitleBar
{
	height: 165px;
	margin-bottom: -100px;
	background-image: url(images/pageTitleBar.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}


div.mainContent
{
	padding-top: 0px;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
}
div.mainContent a
{
	font-weight: bold;
	color: #CC6633;
	text-decoration: underline;
}
div.mainContent a:visited
{
	color: #CC6633;
}
div.mainContent a:hover
{
	color: #999999;
}


h1 
{
    font-size: 20px;
    color: #404563;
    text-transform: uppercase;
    margin-bottom: 0px;
}

h2 
{
    font-size: 12px;
    color: #404563;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mainBodyBg 
{
	background-image: url(images/pageTitleBar.gif);   
	background-position:right top;
	background-repeat: no-repeat;
	padding-right: 70px;
	padding-top: 30px;
}




/* TABLE STYLES*/

div.mainContent table
{
	border: 1px solid #B4B4FE;
	color: #333333;
	font-size: 11px;
}

div.mainContent table tr.altRow1
{
	background-color: #ffffff;
}
div.mainContent table tr.altRow2
{
	background-color: #e0e0e0;
}

div.mainContent table .bR
{
	border-right: 1px solid #B4B4FE;
}

div.mainContent table th
{
	background-color: #404563;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
}

div.mainContent table th span
{
	font-size: 9px;
	font-weight: normal;
	color: #aaaaaa;
}

div.mainContent table td
{
	color: #333333;
	font-size: 11px;
	text-align: center;
}

label
{
	width: 100px;
	float: left;
}
.broadcastComments
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 30px;
	width: 200px;
}



/* BOARD TABLE STYLES - REPEATER */

table.BoardTable
{
    width: 90%;
}

table.BoardTable b
{
    font-size: 12px;
    font-weight: bold;
    color: #404563;
}

table.BoardTable img
{
    float: left;
    margin-right: 5px;
    display: block;
}

table.BoardTable br
{
    clear: both;
}







/* MEMBER LIST - GRID */

.gridTable
{
    width: 100%;
    border: 1px solid #ffffff;
}

/* GRID HEADER STYLES ARE APPLIED TO THE TR, NOT THE TH OR TD */

.gridHeader
{
    text-align: left;
    background-image: url('/Assoc/images/sort.gif');
    background-repeat: no-repeat;
    background-position: left;
}

/* TIP: TO ACCESS THE HEADER TEXT, YOU MUST ADDRESS IT VIA THE HYPERLINK */

.gridHeader a
{
    font-size: 10px;
    margin-left: 10px;
}

.gridAlt
{
    background-color: #eeeeee;
    height: 20px;
}

.gridRow
{
    height: 20px;
}

.gridPager
{
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}

.gridPager span
{
    background-color: #9191FF;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
}







/* COMMITTEE STYLES - DATA LIST */

div.CommitteeDataList
{
    width: 100%;
}

/* WE CAN APPLY ADDITIONAL STYLES TO THE "BOLD" ELEMENT */

div.CommitteeDataList b
{
    font-size: 12px;
    font-weight: bold;
    color: #404563;
    margin-right: 2px;
}

/* IMAGE STYLES FOR EMAIL/PHONE ICONS */

div.CommitteeDataList img
{
    float: left;
    margin-right: 5px;
    display: block;
}

/* THIS CLEARS THE ABOVE IMAGES LEFT FLOAT */

div.CommitteeDataList br
{
    clear: both;
}

/* HORIZONTAL SPACE BETWEEN COLUMNS */

.BoardSeparator {width: 20px;}

/* ADDED BOTTOM PADDING TO EACH ITEM */

.BoardItem 
{
    padding-bottom: 25px; 
    vertical-align: top;
}












/* FLOATING BOX SIDE BAR ADS */

div.floatBox
{
	float: right;
	border: 1px solid #B4B4FE;
	color: #333333;
	background-color: #f4f4f4;
	font-size: 10px;
	width: 200px;
	padding: 10px;
	margin: 10px 50px 30px 10px;
	line-height: 14px;
}

div.floatBox h1
{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 10px 20px 0px;
}

div.floatBox img
{
	vertical-align: middle;
}

div.floatEvent
{
	color: #666666;
	padding-bottom: 20px;
}
div.floatBox a
{
	font-weight: bold;
	padding-right: 5px;
	color: #CC6633;
	text-decoration: none;
}
div.floatBox a:visited
{
	color: #CC6633;
}
div.floatBox a:hover
{
	color: #999999;
}

div.floatEvent span
{
	font-size: 11px;
	color: #404563;
	font-weight: bold;
	margin-bottom: -10px;
	display: block;
}
div.floatEvent span a
{
	padding-right: 5px;
	color: #6666FF;
	text-decoration: underline;
}
div.floatEvent span a:visited
{
	color: #6666FF;
}
div.floatEvent span a:hover
{
	color: #666666;
}









footerLogo
{
	width: 218px !important;
}



.footerText
{
	background-color: #ffffff;
	background-image: url(images/footerPoint.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 50px;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	letter-spacing: -1px;
	width: 747px !important;
}


.footerText a
{
	font-weight: bold;
	color: #CC6633;
	text-decoration: underline;
}
.footerText a:visited
{
	color: #CC6633;
}
.footerText a:hover
{
	color: #999999;
}