/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	NYTHA
  TARGET SPEC:	CSS 2
		 MODIFIED:	2009.06.02
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a, a:visited { color: #c00; cursor: pointer; text-decoration: underline; }
a:hover, a:visited:hover { color: #c00; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html { height: 100%; background: #c0c0c0 url("bg_page.jpg") repeat-x; }
body {
	font: normal 11px/1.81 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 960px;
	margin: 0px auto 0px auto;
	position: relative;
	min-height: 100%;
	background: #f0f0f0;
}

table { font: inherit; }

p { margin: 10px 0px 10px 0px; }

h1, h2, h3 {
	color: #c00;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.36;
}

h1 { font-size: 140%;	margin-top: 0px; }

h2 { font-size: 130%; padding-bottom: 15px; background: url("sep_h2.gif") bottom left repeat-x; margin-bottom: 10px;	}

h3 { font-size: 110%;	margin-bottom: 5px; color: #404040; }

h4 { font-size: 100%;	color: #404040; }

p.FirstChild, h2.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

h2 img, #imgLogo img, #bannerSection img { display: block; }

label { font-weight: bold; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }
ul ul { padding-bottom: 10px !important; }

/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/
.ArrowBullets {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.ArrowBullets li { padding: 0px 0px 0px 12px; background: url("bullet_arrow.gif") left .75em no-repeat; }

.AlphaFilterControl { padding: 10px; margin: 10px 0px 10px 0px; background: #f5f5f5; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

.Bordered { padding: 4px; background: #fff; border: 1px solid #e0e0e0; }

.Chart { width: 100%; }
.Chart th { background: #fff; color: #c00; text-align: left; font-size: 14px; }
.Chart td, .Chart th { border-bottom: 1px solid #c0c0c0; padding: 5px 10px 5px 10px; }
.Chart td { background: #f8f8f8; }
.Chart tr.Even td { background: #fff; }
.Chart tr.Disabled { display: none; }
.Chart tr.Disabled td { color: #666; background: #fcc; }

div.Column { display: inline; float: left; }
td.Column { vertical-align: top; padding: 30px; }

div.ColumnWrapper { overflow: auto; padding: 30px; }
table.ColumnWrapper { width: 100%; }

.TwoEqual .Column { width: 48%; padding-left: 1%; padding-right: 1%; }
.ThreeEqual .Column { width: 31.33%; padding-left: 1%; padding-right: 1%; }

.DropDownMenu {
	position: absolute;
	z-index: 1901;
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px 0px !important;
	background: #404040;
	width: 123px;
	top: 40px;
	left: 1px;
	border: 0px;
	display: none;
	font-size: 10px;
}
.DropDownMenuShadow {
	position: absolute;
	z-index: 1900;
	margin: 0px;
	background: #000;
	border: 0px;
	width: 123px;
	height: 200px;
	top: 43px;
	left: 4px;
	display: none;
}
.DropDownMenu li { margin: 0px; padding: 0px; }
.DropDownMenu li a {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	display: block;
	background: #404040;
	color: #fff;
	text-decoration: none;
}
.DropDownMenu a:hover, .DropDownMenu a:visited, .DropDownMenu a:visited:hover {	text-decoration: none; }
.DropDownMenu a:hover {	background: #c00; }

.FloatedPicBlocks { list-style: none; margin: 0px; padding: 0px; overflow: auto; }
.FloatedPicBlocks li { display: inline; float: left; width: 225px; min-height: 250px; text-align: center; padding-top: 20px; }
.FloatedPicBlocks img { display: block; margin: 0px auto 5px auto; }

.Rotator {
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 300px;
}
.Rotator li {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;	
	display: none;
	margin: 0px;
	padding: 0px;
  z-index: 500;
}
.Rotator li.FirstChild { display: block; }


.HeaderImg { display: block; margin: 20px 0px 20px 0px; }

img:first-child, img.FirstChild { margin-top: 0px; }

.Left { display: inline; float: left; margin: 0px 30px 15px 0px; }

ul.NoBullets { list-style: none; margin: 0px; padding: 0px; }
ul.NoBullets li { padding: 5px 0px 5px 0px; margin: 0px; background: none; }

ul.Normal { list-style: disc outside; margin: 0px; padding: 0px; }
ul.Normal li { padding: 0px; margin: 5px 0px 5px 10px; background: none; }

ul.Level2 { font-size: 10px; line-height: 1.36; list-style: none; padding-bottom: 10px; }
ul.Level2 li { background: none; margin: 0px 0px 0px 3em; padding: 2px 0px 2px 0px; }
ul.Level2 li a { background: none !important; display: inline !important; padding: 0px !important; }

ul.MemberList li { display: inline; float: left; background: #f4f4d6 url("bg_gradient_tan_40.gif") left top repeat-x; width: 220px; min-height: 80px; padding:5px; margin: 5px 5px 0px 0px; }

ul.SiteMap li { font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 20px; }
ul.SiteMap li li { font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 2px; }

.SubNav { margin: 0px; padding: 0px; }
.SubNav li { margin: 0px; padding: 5px 0px 5px 30px; }
.SubNav li.Active { background: #f0f0f0 url("bg_subnav_active.gif") center right no-repeat; padding-right: 2em; }
.SubNav li a, .SubNav li a:visited { display: block; background: url("bullet1.gif") left .6em no-repeat; padding-left: 15px; text-decoration: none; }
.SubNav li a:hover, .SubNav li a:visited:hover { text-decoration: underline; }
.SubNav h4 { margin: 0px; padding: 0px; color: #89a7af; }

.JSOnly { display: none; }
.HasJS .JSOnly { display: block; }
.HasJS .NoJS { display: none; }

.PagerControl { margin: 10px 0px 10px 0px; }
.PagerControl .Info { font-weight: bold; }
.PagerControl .Links { float: right; }
.PagerControl .Disabled { color: #999; }

.StatusMessage { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 45px; }
.HasJS .StatusMessage { display: none; }


.Right { display: inline; float: right; margin: 0px 0px 15px 30px; position: relative; top: 5px; }

.TextBox { border: 1px solid #369; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }
#contactForm .TextBox { margin-left: 10px; margin-bottom: 5px; }

.ValidationErrorMessage { margin-left: 5px; font-weight: bold; color: #c00; }

#layoutWrapper { 
	width: 960px;
	margin: 0px auto 0px auto;
	position: relative;
}

#imgLogo { position: absolute; top: 15px; left: 20px; z-index: 900; }

#topSection { position: relative; height: 110px; background: url("bg_topbar.jpg") repeat-x; z-index: 990; }

#userInfo { position: absolute; top: 7px; right: 20px; color: #fff; }
#userInfo a { color: #98b5bb; }

#alert { position: absolute; top: 10px; right: 10px; font-weight: bold; text-decoration: blink; }
#alert a {  }

#primaryNav { position: absolute; top: 35px; left: 200px; list-style: none; margin: 0px; padding: 0px; z-index: 991; }
#primaryNav a { outline: none; color: #fff; }
#primaryNav li.NavButton { display: inline; float: left; margin: 0px; padding: 0px; position: relative; border-left: 1px solid #000; }
#primaryNav li.NavButton img { display: block; }

#bannerSection { position: relative; border-top: 5px solid #fff; margin-bottom: 0px; height: 60px; background: url("bg_banner.jpg") top left repeat-x; }
.HomePage #bannerSection { height: 300px; }
#bannerSection img { display: block; }
#bannerImage { position: absolute; right: 0px; top: 0px; }
#imgTitle { position: absolute; z-index: 400; top: 20px; right: 30px; }
.HomePage #imgTitle { right: auto; left: 0px; top: 0px; }

#bannerLinks { position: absolute; top: 130px; left: 25px; list-style: none; margin: 0px; padding: 0px; }
#bannerLinks li { display: inline; float: left; margin: 0px 10px 0px 0px; padding: 0px; }

#contentSection { position: relative; overflow: auto; padding: 0px; background: #fff url("shadow_content.gif") top left repeat-x; }

#footerSection {
	font-size: 10px;
	line-height: 1.8;
	padding: 20px 30px 30px 110px;
	background: url("shadow_footer.gif") top left repeat-x;
	position: relative;
}
#logoFooter { position: absolute; top: 30px; left: 30px; }

#notificationBox { padding: 10px 10px 10px 45px; font-weight: bold; border: 1px solid #e0e0e0; }
.HasJS #notificationBox { display: none; }
#notificationBox.Normal { background: #bfb url("icon_notify_info.png") 5px 5px no-repeat; }
#notificationBox.Error { background: #fcc url("icon_notify_error.png") 5px 5px no-repeat; }

#statusMessageBox { position: absolute; right: 0px; top: 174px; z-index: 9999; display: block; font-weight: bold; }
#statusMessageBox .Normal { background: #bfb url("icon_notify_info.png") 5px 5px no-repeat; border: 1px solid #060; }
#statusMessageBox .Error { background: #fcc url("icon_notify_error.png") 5px 5px no-repeat; border: 1px solid #c00; }
#statusMessageBox .CloseLink { float: right; margin-left: 20px; display: none; }
#statusMessageBox .Sticky .CloseLink { display: inline; }

/*
	====================================  STYLES SPECIFIC TO PAGE TYPE	==================================== 
*/
.HomePage #column1 { width: 500px; border-right: 1px solid #c0c0c0; }
.HomePage #column2 { width: 140px; padding: 30px 29px 30px 29px; border-right: 1px solid #c0c0c0; }
.HomePage #column3 { width: 140px; }

.SubPage #column1 { width: 160px; border-right: 1px solid #c0c0c0; padding: 30px 20px 30px 0px; }
.SubPage #column2 { width: 719px; }

#quickLinks { list-style: none; margin: 0px; padding: 0px; }
#quickLinks li { list-style: none; margin: 5px 0px 5px 0px; padding: 0px; }
#quickLinks img { display: block; }

#ddlMemberStatus option { padding: 5px; font-weight: bold; }
#ddlMemberStatus .Inactive { background: #fcc; color: #666; }
#ddlMemberStatus .Pending { background: #ffc; color: #333; }
#ddlMemberStatus .Active { background: #bfb; color: #000; }

#filterAlpha { border: 1px solid #dde; padding: 10px; background: url("bg_gradient_blue_40.gif") left 15px repeat-x; margin-bottom: 10px; }
#filterAlpha a.Active { font-weight: bold; color: #000; text-decoration: none; }