/* div {padding:10px;border:1px solid #000;}temporary during setup */
form#MainForm {
	width: 100%;
	height:auto!important;
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
}
p {}
a {
	/*color: #28668A;*/
	text-decoration: underline;
	color:#002c76;
}
a:hover{
	/*color: #6E6E6E;*/
	text-decoration: underline;
}
img {border: none;}
textarea {width:350px;}
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight: normal;
	color: #002c76;
	margin-bottom: 0;
}
h1{font-size: 26px;font-family:"Times New Roman", Times, serif}
h2{font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}

.PageTitleHeader {display:none;}

.expand img {
	background-color: #002c76;
	float: none;
	display: block;
}
.expand {
	background-color: #002c76;
}
/* block - prevents NS/SAFARI info box stuff */
.instructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{
	display:block;
}

/* box settings */
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile {
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
}
.instructions {}

.DataGridHeader {}
.EventDonationDetail {width:250px;}
	
/*  core */
.HelpButton {
	color: #ffffff;
	background-color: #8E9296;
	border: solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 2px;
	font-weight: bold;
	width: 48px;
	text-align: center;
}
.Error, .error {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #BF0000;
	background-color: #FFE8E8;
	background-image: url(/images/icons/v2/common/exclamation.gif);
	background-repeat: no-repeat; 
	background-position: 2px;
	border: 1px solid #BF0000;
}
.Error,.error {width:auto!important}
.Success, .success {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #008000;
	background-color: #D0E8D0;
	background-image: url(/images/icons/v2/common/accept.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	border: 1px solid #008000;
}
.DataGridAltItem {background: #e8e8e8;}
.DataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 20px;
	text-align: right;
}

/*profile */
.ProfileHeader {
	font-weight : bold;
}
.ProfilePageTabHeadings {
	font-weight:bold;
}

/* search */
.SearchResultsDataGridAltItem {
	background: #e8e8e8;
}
.SearchResultsDataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 50px;
}

/* message boards */
table.HotTopics {
	width:250px;
}
.MsgItem {
	background-color: #cccccc;
}
.MsgItemSubject {
	background-color: #cccccc;
}
.MsgItemInverse {
	background-color: #e8e8e8;
}
.MsgItemSubjectInverse {
	background-color: #e8e8e8;
}	
.LastPostingText {
	font-style: italic;
	color: #6B6B6B;
}
.BadWordHighlight {
	font-weight: bold;
	color: #c42830;
}
.MsgsReplyText {}
.MsgsDates {}

/* file library */
.FileLibFileDetails {
	background-color: #BCB8B8;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
.FileLibraryFileList {
	background-color: #E4E4E4;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
/* news */
/* events */
td.StoreItemHeader {
	border-color: #666666;
}

/* donations */
.DonationPaymentAmount {
	background-color: #E4E4E4;
	border: solid;
	border-width: 1px;
	padding: 2px 5px 2px 5px;
	border-color: #0057F;
}

/* pagemanager */
table.PageManager {
	border: solid;
	border-width : 0px;
	border-color : #002963;
}
/* photo albums */
/* communications utility */
table.CommUtil {
	/*width: 560px;*/
}
td.CommUtilHeader {
	background-color:#CCCCCC;
	color:#FFFFFF;
}
/* community specific */


/**************************************************************************************/
/**************************************************************************************/
/* BUILD */
/**************************************************************************************/
/**************************************************************************************/

.cleaR {clear:both;}


body {
	
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
#structWrapper {text-align:center;margin:0px;padding:0px;background: url(images/bg-stretch.gif) repeat-x;}
.interior #structMidWrapper {width:964px;text-align:left;padding:0px;background: url(images/main-bg.jpg) no-repeat;margin-left:auto;margin-right:auto;}


#structHeader {
	width:964px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: url(images/header-bg.jpg) top right no-repeat;
	height:151px;

}
#ContentMemberTools {float:right;}
#ContentMemberTools ul {margin:0px;padding:0px;}
#ContentMemberTools li {list-style-type:none;float:left;background-color:#CCCCCC;}
#ContentMemberTools li a{display:block;color:#fff;text-decoration:none;font-size:12px;padding:2px 8px;}

h1#structLogo {padding:0;margin:5px 0px 0px 15px;float:left;}
h1#structLogo a{display:block;text-indent:-999em; background: url(images/eastside-logo.gif) no-repeat; width:346px; height:96px;margin:0px; }
/*#structLogo {
	width:178px;
	height:77px;
	float:left;
}*/
#ContentSearch {
	width:250px;
	background:url(images/search-icon.png) top left no-repeat;
	float:right;
	clear:right;
        margin:40px 0px 0px 0px;
}
.searchbx {width:200px;height:20px;border:1px solid #d6d6d6;color:#848484;}



.interior #structColumn1 {
	clear:both;
	width:225px;
	float:left;
	display:inline;
	margin-left:15px;
}
#ContentLeftNav {margin-top:55px; }
#ContentLeftNav ul{margin:0px;padding:0px;}
#ContentLeftNav li{list-style-type:none;border-top:1px solid #c0c0c0;}
#ContentLeftNav li a{height:1%;display:block;padding:5px 10px;color:#002c76;text-decoration:none;font:14px "Times New Roman", Times, Serif;font-variant:small-caps;}
#ContentLeftNav li a:hover {background-color:#ec8100;}

#ContentLeftNav li li a{display:block;padding:5px 10px 5px 25px;}
#ContentLeftNav li li li a{display:block;padding:5px 10px 5px 35px;}

.interior #structColumn2 {
	width:720px;
	float:left;
	display:inline;
margin-left:2px;
}
.interior #ContentRotator1 {width:480px;height:192px;float:left;display:inline;margin-top:15px;}
.interior #ContentRotator2 {width:240px;height:192px;float:left;display:inline;margin-top:15px;}
#RotatorOverlay {width:722px;height:56px;float:left;z-index:1;position:relative;margin:-207px 0px 0px -1px;background: url(images/rotator-overlay.png) no-repeat;}

#BreadCrumbWrapper {clear:both;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;height:25px;}
#ContentBreadCrumbs {float:right;}
#ContentBreadCrumbs ul{padding:0;margin:8px 0 10px 0;list-style:none;float:right;}
#ContentBreadCrumbs li{padding:0;margin:0;float:left;list-style-type:none;}
#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:5px 6px 5px 8px;background:url(images/bc-arrow.gif) no-repeat center left;}
#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
#ContentBreadCrumbs li.navselected a{font-weight:bold;color:#ec8100;}

h1#ContentpageName, #imodDefault {padding:0px 0px 0px 20px;}
h1#ContentpageName {font-family:"Times New Roman", Times, Serif;font-variant:small-caps;}
#ContentMiddle {
clear:both;
}
.interior #ContentMiddle {padding:20px;}
#structColumn3 {
	width:150px;
	float:left;
}
#structFooterWrapper {
	clear:both;
	text-align:center;
	width:100%;
	background: url(images/footer-bg-stretch.gif) top left repeat-x;
}
#ContentFooter {
	width:963px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: url(images/footer-bg.gif) top center no-repeat;
	padding:10px 0px;
color:#848484;
}
#ContentFooter a{color:#848484;}
.FOOT {padding:10px;margin-left:10px;}


/**************************************************************************************/
/**************************************************************************************/
/* TEXT BASED with IMAGE HOVER - 3+ levels */
/**************************************************************************************/
/**************************************************************************************/
	#ContentToplinks {clear:both;margin:0px 0px 0px 5px;_margin:0px 0px 0px 0px;}
	#ContentToplinks ul {padding:0; margin:10px 0px 0px 0px; list-style:none; float:left;width:964px;z-index:2;/* z-index is for IE6 */}
	#ContentToplinks li { float:left; padding:0; margin:0;}
	#ContentToplinks li a { display:block; font:bold 16px "Times New Roman", Times, Serif;font-variant:small-caps; color:#002c76;  padding:8px 12px 8px 11px; text-decoration:none;background: url(images/top-nav-divider.gif) right center no-repeat;}
	#ContentToplinks li.last a {background:none;}
	#ContentToplinks li a:hover, #ContentToplinks li a.sfHover { text-decoration:none;background:url(images/nav-hover.gif) repeat-x;}
	
	
	/* Second Level Groups */
	#ContentToplinks li ul { position: absolute; left: -999999px; margin:0; float:none; width:170px;border:1px solid #fff;border-bottom:none;background-color:#ec8100;z-index:9999;}
    #ContentToplinks li.last ul {margin-left:-55px;}	
    #ContentToplinks li li { width: 170px;border-bottom:1px solid #fff;}
	#ContentToplinks li li a { padding:4px 10px; width:150px;font-weight:normal;font-size:12px;}
	#ContentToplinks li li:hover, #ContentToplinks li li.sfHover { background: none;background: #ed972f;}
    #ContentToplinks li li a:hover, #ContentToplinks li li a.sfHover { background: none;background: #ed972f; }
	
	/* Third Level Groups */
	#ContentToplinks li li ul { margin:-22px 0 0 150px}
	#ContentToplinks li.last li ul { margin:-22px 0 0 -165px}
	/* The Magic */
	#ContentToplinks li:hover ul ul,
	#ContentToplinks li:hover ul ul ul,
	#ContentToplinks li.sfhover ul ul,
	#ContentToplinks li.sfhover ul ul ul { left: -999em;}
	
	#ContentToplinks li:hover ul,
	#ContentToplinks li li:hover ul,
	#ContentToplinks li li li:hover ul,
	#ContentToplinks li.sfhover ul,
	#ContentToplinks li li.sfhover ul,
	#ContentToplinks li li li.sfhover ul { left: auto;}


/**************************************************************************************/
/**************************************************************************************/
/* START */
/**************************************************************************************/
/**************************************************************************************/
.start #structMidWrapper {width:964px;text-align:left;padding:0px;background: url(images/start-main-bg.jpg) no-repeat;margin-left:auto;margin-right:auto;position:relative;}
.start #structColumn1 {clear:both;width:385px;height:251px;float:left;display:inline;margin-left:5px;margin-top:-55px;z-index:1;position:relative;}
.start #ContentRotator1 {width:385px;height:251px;overflow:hidden;}
.start #ContentNews {width:352px;height:179px;padding:15px;overflow:hidden;background: url(images/start-announcements.jpg) top left no-repeat;color:#fff;}
.start #ContentNews h2, .start #ContentNews a {color:#fff;}
.start #ContentNews h2 {font-family:"Times New Roman", Times, Serif;font-variant:small-caps;font-size:20px;font-weight:normal;}


.start #structColumn2 {width:569px;float:left;display:inline;margin-top:-55px;z-index:1;position:relative;}
.start #ContentRotator2 {width:569px;height:460px;overflow:hidden;}
.start #RotatorOverlayBottom {background:url(images/start-overlay-bottom.png) top left no-repeat;width:572px;height:34px;z-index:1;position:relative;margin-top:-34px;float:left;display:inline;}
.start #RotatorOverlayTop {background:url(images/start-overlay-top.png) top left no-repeat;width:960px;height:55px;z-index:999;position:relative;/*margin-top:-460px;*/float:left;margin-left:2px;display:inline;}

.start #AdsWrapper {text-align:center;width:960px;clear:both;margin:30px 0px;float:left;}
.start #AdsWrapper .aDs {padding:5px 13px;display:inline;}

/**************************************************************************************/
/**************************************************************************************/
/* Two Column */
/**************************************************************************************/
/**************************************************************************************/

.interior #twoColumnWrapper  {}
.interior #twoColumnWrapper h1#ContentpageName {width:435px;float:left;display:inline;margin:0px;padding:15px 0px 0px 20px;}
.interior #twoColumnWrapper #imodDefault {width:435px;float:left;display:inline;clear:left;}
.interior #twoColumnWrapper #ContentMiddle {width:435px;float:left;display:inline;clear:left;}

.interior #twoColumnWrapper #structColumnB {float:right;width:220px;margin-right:15px;display:inline;margin:0px 15px 0px 0px;padding:15px 0px;}
.interior #twoColumnWrapper #ContentRightTop {}
.interior #twoColumnWrapper #ContentMiddleLayoutRight {margin:10px 0px;}