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

html, body
{
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a
{
	color: #1E70B8;
	text-decoration: underline;
}

#home_body
{
	background-image:url(../../_images/bg_home.gif);
	background-repeat: repeat-x;
	background-color: #DDCBE0;
}

#sub_body
{
	background-image:url(../../_images/bg_sub.gif);
	background-repeat: repeat-x;
	background-color: #DDCBE0;
}

img, td
{
	border: 0px;
	vertical-align: top;
}

hr
{
	width: 100%;
	height: 1px;
	color: #805A9A;
	background-color: #805A9A;
	border: 0px;
}

p
{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3497b7;
}

li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3497b7;
}

#slide p
{
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1E70B8;
	font-weight: normal;
	line-height: 24px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

h2
{
	font-size: 14px;
	color: #1E70B8;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}


#container
{
	width: 860px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#menu
{
	width: 860px;
	height: 29px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 10000;
}

#menu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AB5F9F;
	text-decoration: none;
	display: block;
}

#menu ul a
{
	float: left;
}

#menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

#menu ul li a
{
	height: 29px;
	line-height: 28px;
	padding-left: 18px;
	padding-right: 18px;
}

#menu ul li a:hover, #menu ul li:hover, #menu ul li.selected a
{
	background-image:url(../../_images/bg_menu_ul.gif);
	background-repeat: repeat-x;
}

#menu li:hover ul, #menu li.over ul
{
	display: block;
}

#menu ul li ul
{
	display: none;
	position: absolute; 
	top: 20px;
	left: 0;
	background-color: #FFFFFF;
	border: 1px solid #AB689E;
	background-image:url(../../_images/bg_menu_ulul.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 8px;
	margin-top: 9px;
}

#menu li ul li
{
	width: 150px;
	display: block;
	float: none;
	clear: left;
}

#menu li ul li:hover
{
	background-image: none;
}

#menu li ul li a
{
	padding-left: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
	float: none;
	clear: left;
	display: block;
}

#menu ul li.selected ul li a
{
	background-image: none;
}

#menu li ul li a:hover, #menu ul li.selected ul li a:hover, #menu ul li ul li.selected a
{
	background-image:url(../../_images/g_purpleMarker.gif);
	background-repeat: no-repeat;
}

#menu li
{
	position: relative;
	float: left;
}

#menu li > ul
{
	top: auto;
	left: auto;
}

#menu li:hover ul
{
	display: block;
}

#submenu
{
	width: 105px;
	border-bottom: 5px solid #DFF0F5;
}

#submenu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#submenu a
{
	color: #1E70B8;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	display: block;
	padding-left: 6px;
	height: 12px;
}

#submenu a:hover, #submenu li.selected a
{
	background-image:url(../../_images/g_blueMarker.gif);
	background-repeat: no-repeat;
}

#slide
{
	height: 275px;
}

#slideContainer, #masthead
{
	clear: left;
	padding-top: 29px;
}

#contentContainer
{
	background-color: #F2ECF3;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 29px;
}

#contentMargin
{
	width: 860px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#home_primaryContent
{
	background-color: #FFFFFF;
	border-left: 1px solid #CEB4D2;
	border-right: 1px solid #CEB4D2;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
}

#primaryContent
{
	background-color: #FFFFFF;
	border-left: 1px solid #CEB4D2;
	border-right: 1px solid #CEB4D2;
	padding-left: 19px;
	padding-right: 19px;
	padding-bottom: 19px;
	padding-top: 10px;
}

#home_news
{
	width: 295px;
	background-color: #DDEEF4;
}

#home_newsMargin
{
	background-color: #DDEEF4;
	border-top: 5px solid #FFFFFF;
	padding: 5px;
}

.home_feature p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53ABC7;
	line-height: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#feature_sub
{
	border: 5px solid #d4eaf1;
	margin-top: 15px;
}

.feature_sub p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3497b7;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.home_feature img, .feature_sub img
{
	border: 1px solid #53ABC7;
}

#home_feature1
{
	width: 155px;
	border-right: 1px dotted #53ABC7;
	padding-right: 16px;
}

#home_feature2
{
	width: 155px;
	padding-left: 16px;
	padding-right: 15px;
}

#updates
{
	width: 170px;
	border-right: 15px solid #FFFFFF;
	background-color: #FEEDCB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3497b7;
}

#updates_sub
{
	width: 170px;
	background-color: #FEEDCB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3497b7;
}

#heroes_sidebar
{
	width: 170px;
	background-color: #DDEEF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #1E70B8;
}

.inputText
{
	border: 1px solid #53ABC7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3497b7;
	width: 140px;
	display: block;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	clear: both;
}

#updatesMargin, #heroesMargin
{
	padding: 5px;
}

#udpatesForm
{
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 9px;
}

#home_social
{
	background-image:url(../../_images/bg_home_social.gif);
	background-repeat: no-repeat;
	width: 184px;
	height: 55px;
	text-align: center;
	vertical-align: middle;
	border-right: 16px solid #F2ECF3;
}

#home_sponsors
{
	width: 660px;
	height: 55px;
}

#home_shop
{
	height: 76px;
}

.icon
{
	float: left;
	margin-left: 6px;
	padding-top: 6px;
	margin-top: 2px;
}

#home_news_headlines
{
	overflow: auto;
}

.headline
{
	float: left;
	margin-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 450px;
}

#home_news .headline
{
	float: left;
	margin-left: 4px;
	margin-right: 10px;
	border-bottom: 1px dotted #53ABC7;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 228px;
}

.headline .title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1E70B8;
}

.headline .title a
{
	color: #1E70B8;
	text-decoration: none;
}

#source
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3497b7;
}

.headline .source
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3497b7;
}

.buttonCenter
{
	text-align: center;
}

#footer
{
	padding-top: 15px;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AB5F9F;
}

#footer a:link
{
	color: #AB5F9F;
	text-decoration: none;
}

#footer a:visited
{
	color: #AB5F9F;
	text-decoration: none;
}

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

#footer a:active
{
	color: #AB5F9F;
	text-decoration: none;
}

#footerMenu
{
	padding: 0px;
	margin-bottom: 10px;
}

#copyright
{
	padding: 0px;
	margin-bottom: 10px;
}

#nonprofit
{
	padding: 0px;
	margin-bottom: 13px;
}

.error
{
	float: right;
	color: #FF0000;
}

#topButton_chapter
{
	position: absolute;
	top: -121px;
	left: 595px;
}

#topButton_donation
{
	position: absolute;
	top: -121px;
	left: 730px;
}

#leftColumn
{
	width: 125px;
	border-right: 1px dotted #53ABC7;
}

#middleColumn
{
	width: 485px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3497b7;
}

#chapterList
{
	height: 354px;
	width: 165px;
	overflow: auto;
}

#chapters
{
	background-color: #EEDFEC;
	padding: 5px;
	margin-top: 20px;
	height: 400px;
}

#chapters .chapter
{
	border-bottom: 1px dotted #53ABC7;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
}

#chapters .chapter a
{
	color: #1E70B8;
	text-decoration: none;
}

.eventSection
{
	margin-top: 14px;
	width: 485px;
}

.event
{
	font-family: Arial, Helvetica, sans-serif;
}

.eventContent
{
	border-bottom: 1px dotted #53ABC7;
	padding: 8px 0px 13px 0px;
	margin: 0px 16px 0px 16px;
}

.event .title
{
	font-size: 14px;
	font-weight: bold;
	color: #1E70B8;
	padding-bottom: 0px;
}

.event .location
{
	font-weight: normal;
}

.event .summary
{
	padding-left: 8px;
	line-height: 18px;
}

.event .eventTime
{
	margin-bottom: 6px;
	font-size: 10px;
}

.event .summary p
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.event .summary a
{
	text-decoration: underline;
	color: #1E70B8;
	font-size: 12px;
}

.event .image
{

}

.event .image img
{
	border: 1px solid #53ABC7;
}

.member, .grant
{
	border-bottom: 1px dotted #53ABC7;
	padding-bottom: 8px;
}

.grant
{
	margin-bottom: 2px;
}

#councilsMenu
{
	margin-top: 20px;
	color: #53ABC7;
}

#councilsMenu ul
{
	padding-top: 0px;
	margin-top: 0px;
}

#councilsMenu li a, #councilsMenu li
{
	text-decoration: underline;
	color: #1E70B8;
}

#councilsMenu li
{
	color: #1E70B8;
}

#table_heroes
{
	margin-top: 20px;
	width: 484px;
}

#table_heroes td.content
{
	vertical-align: top;
	background-image:url(../../_images/bg_heroes_td.gif);
	background-repeat: repeat-y;
}

#table_heroes .heroMargin
{
	padding: 5px 8px 5px 8px;
}

#table_heroes .photo, #heroDetail .photo img
{
	border: 1px solid #53ABC7;
}

#table_heroes .primaryInfo
{
	border-bottom: 1px dotted #53ABC7;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

#table_heroes .name
{
	color: #1E70B8;
	font-size: 14px;
	font-weight: bold;
}

#table_heroes .name, #table_heroes .location, #table_heroes .battling
{
	text-align: center;
}

#table_heroes .link
{
	padding-bottom: 2px;
}

#table_heroes .link, #table_heroes .link a
{
	color: #1E70B8;
	text-decoration: none;
}

#heroDetail
{
	margin-top: 8px;
}

#heroDetail .photo
{
	margin-right: 18px;
}

#heroDetail .photo, #heroDetail table
{
	float: left;
}

#heroDetail .col1
{
	width: 124px;
}

#heroDetail .col2
{
	width: 202px;
}

#heroDetail .row_even
{
	background-color: #EDF6F9;
}

#heroDetail .description
{
	clear: left;
	padding-top: 1px;
}

#heroDetail .website
{
	padding-top: 6px;
}

#join_subsections
{
	margin-top: 20px;
}

#join_subsections .subsection
{
	width: 260px;
}

#join_subsections .subsectionMargin
{
	padding: 5px 5px 15px 5px;
}

#section_local
{
	background-color: #EEDFEC;
	border-right: 20px solid white;
}

#section_national
{
	background-color: #D2E2F1;
	border-right: 20px solid white;
}

#section_corporate
{
	background-color: #DDEEF4;
	border-right: 20px solid white;
}

#section_online
{
	background-color: #FEEDCB;
}