/*CSS Document */

/*Global*/

body {
	display: block;
	position: static;
	text-align: center;
	background-image: url(../Images_NAC/NACBkgTwo.jpg);
	background-repeat: repeat-x;
	background-color: #c7d9ea;
}

/*Links*/

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

a:active {
	color: #04749d;
	text-decoration: none;
}

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

a:hover {
	color: #b9582e;
	text-decoration: none;
}
/*Links*/

.ASPXLabelText {
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	/*width:260px;*/
}

div.MainContainer
{	width: 720px;
	height: 1186px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.TopPanelWhite {
	display: block;
	background-color: #e7f1fa;
	height: 17px;
	width: 720px;
	position: static;
	font-size: 1px;
	color: #FFFFFF;
	text-decoration: none;
}

div.Gradient {
	width: 720px;
	height: 5px;
	position: static;
	float: left;
	background-color: #e7f1fa;
}

div.FlashMainBanner {
	background-color: #1c60a5;
	float: left;
	height: 92px;
	width: 720px;
	position: static;
}

div.FlashBanner {
	background-color: #1c60a5;
	float: left;
	height: 88px;
	width: 420px;
	position: static;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7f1fa;
	border-bottom-color: #e7f1fa;
}

div.FlashBannerWhite1 {
	float: left;
	height: 88px;
	width: 41px;
	position: static;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7f1fa;
	border-bottom-color: #e7f1fa;
}

div.FlashBannerWhite2 {
	float: left;
	height: 92px;
	width: 241px;
	position: static;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7f1fa;
	border-bottom-color: #e7f1fa;
	background-color: #FFFFFF;
}

div.FlashBannerWhite3 {
	float: left;
	height: 88px;
	width: 18px;
	position: static;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7f1fa;
	border-bottom-color: #e7f1fa;
	clear: right;
}

div.Gradient {
	width: 720px;
	height: 5px;
	position: static;
	float: left;
	background-color: #e7f1fa;
}

div.WhiteMarginHorizontal {
	float: left;
	height: 54px;
	width: 720px;
	position: static;
	background-color: #e7f1fa;
	/*border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ADBB56;*/
}

div.CenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 961px;
	width: 720px;
	position: static;
	
}

div.CenterDisplayLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 959px;
	width: 21px;
	position: static;
}

div.CenterWorkPanel{
	float: left;
	height: 959px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.CenterDisplayrightMargin {
	background-color: #e7f1fa;
	float: left;
	height: 959px;
	width: 22px;
	clear: right;
}

div.CenterTopTitleBar{
	float: left;
	height: 40px;
	width: 675px;
	position: static;
}

div.CenterTopTitleLeftMargin{
	float: left;
	height: 40px;
	width: 20px;
	position: static;
}

div.CenterTopTitleRightMargin{
	float: left;
	height: 40px;
	width: 655px;
	text-align: left;
	position: static;
	clear: right;
}

span.TitleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	
}

div.CenterTopTextPanel{
	float: left;
	height: 60px;
	width: 675px;
	position: static;
}

div.CenterTopTextLeftMargin{
	float: left;
	height: 60px;
	width: 48px;
	position: static;
}

div.CenterTopMiddleTextPanel{
	float: left;
	height: 60px;
	width: 577px;
	text-align: justify;
	position: static;
}

div.CenterTopMiddleTextPanelTips{
	float: left;
	position: static;
	height: 60px;
	width: 577px;
	text-align: justify;
	
}


div.CenterTopTextRightMargin{
	float: left;
	height: 60px;
	width: 49px;
	text-align: justify;
	position: static;
	clear: right;
}

span.MainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #000000;

}

span.MainTextTips {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #000000;

}

span.WelcomeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #1c60a5;
}

div.IconImagePanel{
	float: left;
	height: 124px;
	width: 675px;
	position: static;
}

div.NewsImagePanel{
	float: left;
	height: 66px;
	width: 675px;
	position: static;
}

div.IconImageLeftMargin{
	float: left;
	height: 66px;
	width: 10px;
	position: static;
}

div.IconImageLeftMarginTwo{
	float: left;
	height: 124px;
	width: 10px;
	position: static;
}

div.IconImageWorkPanel{
	float: left;
	height: 124px;
	width: 654px;
	position: static;
	text-align: left;
	background-color: #e7f1fa;
	border: 1px solid #c6d7e6;
}

div.CountyNewsIconImageWorkPanel{
	float: left;
	height: 66px;
	width: 655px;
	position: static;
	text-align: center;
	background-color: #ffffff;
}


div.IconImageRightMargin{
	float: left;
	height: 66px;
	width: 10px;
	position: static;
	clear: right;
}

div.IconImageRightMarginTwo{
	float: left;
	height: 124px;
	width: 10px;
	position: static;
	clear: right;
}

div.TopicPanel{
	float: left;
	height: 30px;
	width: 675px;
	position: static;
}

div.TopicGoPanelTwo{
	float: left;
	height: 30px;
	width: 675px;
	text-align: center;
	position: static;
}

div.TopicLeftMargin{
	float: left;
	height: 30px;
	width:100px;
	text-align: center;
	position: static;
}

div.TopicRightMargin{
	float: left;
	height: 30px;
	width:100px;
	text-align: center;
	position: static;
	clear: right;
}

div.BPIndexLeftMargin{
	float: left;
	height: 30px;
	width: 136px;
	text-align: center;
	position: static;
}

div.BPIndexRightMargin{
	float: left;
	height: 30px;
	width: 136px;
	text-align: center;
	position: static;
	clear: right;
}

div.TopicGoButton{
	float: left;
	height: 30px;
	width:85px;
	text-align: left;
	position: static;
}

div.TopicTextPanel{
	float: left;
	height: 30px;
	width: 85px;
	text-align: right;
	position: static;
}

div.TopicLabelPanel{
	float: left;
	height: 30px;
	width: 305px;
	text-align: left;
	position: static;
	clear: right;
}

div.BPIndexTopicLabel{
	float: left;
	height: 30px;
	width: 223px;
	text-align: left;
	position: static;
	clear: right;
}


div.TopicMainWorkPanel{
	float: left;
	position: static;
	height: 623px;
	width: 675px;
	text-align:left;
}

div.ArticleIndexLeftMargin{
	float: left;
	position: static;
	height: 623px;
	width: 48px;
}

div.ArticleIndexCenterMargin{
	float: left;
	position: static;
	height: 623px;
	width: 578px;
	text-align: justify;
	overflow: auto;
}


div.ArticleIndexRightMargin{
	float: left;
	position: static;
	height: 623px;
	width: 48px;
	clear: right;
}

div.TopicMainLeftMargin{
	float: left;
	position: static;
	height: 623px;
	width: 50px;
}

div.TopicMainCenterTextPanel{
	float: left;
	position: static;
	height: 623px;
	width: 515px;
	text-align: justify;
	overflow:auto;
}

div.TipsMainCenterTextPanel{
	float: left;
	position: static;
	height: 623px;
	width: 575px;
	overflow:auto;
}

div.TopicMainRightMargin{
	float: left;
	position: static;
	height: 623px;
	width:50px;
	clear: right;
}




div.TopicMainWorkLeftMargin{
	float: left;
	position: static;
	height: 623px;
	width: 80px;

}

div.TopicMainWorkCenterTextPanel{
	float: left;
	position: static;
	height: 623px;
	width: 576px;
	overflow: auto;
	text-align:center;
}

div.BPMainWorkCenterTextPanel{
	float: left;
	position: static;
	height: 623px;
	width: 515px;
	overflow: auto;
	text-align:center;
}

div.TopicMainWorkRightMargin{
	float: left;
	position: static;
	height: 623px;
	width: 80px;
	clear: right;
}

div.TopicBottomMargin{
	float: left;
	height: 10px;
	width: 675px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1px;
	position: static;
}

div.TopicBottomMessagePanel{
	float: left;
	height: 60px;
	width: 675px;
	text-align: left;
	position: static;
}

div.TopicBottomLeftMessageMargin{
	float: left;
	height: 60px;
	width: 10px;
	text-align: left;
	position: static;
}


div.TopicBottomcenterMessageMargin{
	float: left;
	height: 60px;
	width: 655px;
	text-align: left;
	position: static;
}

div.TopicBottomrightMessageMargin{
	float: left;
	height: 60px;
	width: 10px;
	text-align: left;
	position: static;
	clear: right;
}

div.WhiteMarginHorizontalBlue {
	float: left;
	height: 20px;
	width: 720px;
	position: static;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #5384AD;
	background-color: #e7f1fa;
}

span.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
}

div.Copyright {
	float: left;
	height: 27px;
	width: 720px;
	position: static;
}

div.W3CValidation {
	background-color: #e7f1fa;
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 27px;
	width: 75px;
}
div.MTech {
	display: block;
	float: left;
	background-color: #e7f1fa;
	background-repeat: no-repeat;
	text-align: center;
	height: 27px;
	width: 185px;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
}

div.EndPanelLinks {
	background-color: #e7f1fa;
	float: left;
	height: 27px;
	width: 460px;
	position: static;
	text-align: right;
	clear: right;
}

span.EndPanelLinksText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	text-align: right;
	line-height: normal;
}


/* Best Practices Article*/


div.BestPracticesArticleMainContainer
{	width: 720px;
	height: 1154px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

span.SuTitlText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 9px;
	color: #f06325;
}

div.ArticleCenterTopTextPanel{
	float: left;
	height: 30px;
	width: 675px;
	position: static;
}

div.ArticleCenterTopTextLeftMargin{
	float: left;
	height: 30px;
	width: 48px;
	position: static;
}

div.ArticleCenterTopMiddleTextPanel{
	float: left;
	height: 30px;
	width: 578px;
	text-align: center;
	position: static;
}

div.ArticleCenterTopTextRightMargin{
	float: left;
	height: 30px;
	width: 49px;
	text-align: justify;
	position: static;
	clear: right;
}

div.ReturnToIndexlPanel{
	float: left;
	height: 40px;
	width: 675px;
	text-align: left;
	position: static;
}

div.ReturnToIndexlLeftMargin{
	float: left;
	height: 40px;
	width: 478px;
	text-align: left;
	position: static;
}

div.ReturnToIndexlTextPane{
	float: left;
	height: 40px;
	width: 197px;
	text-align: center;
	position: static;
	clear: right;
}

div.ArticleCenterWorkPanel{
	float: left;
	height: 927px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.ArticleCenterDisplayLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 879px;
	width: 21px;
	position: static;
}

div.ArticleCenterDisplayrightMargin {
	background-color: #e7f1fa;
	float: left;
	height: 879px;
	width: 21px;
	clear: right;
}

div.ArticleCenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 929px;
	width: 720px;
	position: static;
}


   /*Cleaning Resources */
   
div.ResourcesCenterTopTextPanel{
	float: left;
	height: 90px;
	width: 675px;
	position: static;
}

div.ResourcesCenterTopMiddleTextPanel{
	float: left;
	height: 90px;
	width: 577px;
	text-align: left;
	position: static;
}

div.ResourcesCenterTopTextLeftMargin{
	float: left;
	height: 90px;
	width: 48px;
	position: static;
}

div.ResourcesCenterTopTextRightMargin{
	float: left;
	height: 90px;
	width: 49px;
	text-align: justify;
	position: static;
	clear: right;
}

div.ResourcesBottomPanelPanel{
	float: left;
	height: 40px;
	width: 675px;
	position: static;
}

div.ResourcesCenterWorkPanel{
	float: left;
	height: 793px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.ResourcesCenterDisplayLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 793px;
	width: 21px;
	position: static;
}

div.ResourcesRightMargin {
	background-color: #e7f1fa;
	float: left;
	height: 795px;
	width: 21px;
	clear: right;
}

div.ResourcesCenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 795px;
	width: 720px;
	position: static;
}

div.ResourcesMainContainer
{	width: 720px;
	height: 1020px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* County News*/

div.CountyNewsMainContainer
{	width: 720px;
	height: 1216px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.CountyNewsCenterTopTextPanel{
	float: left;
	height: 50px;
	width: 675px;
	position: static;
}

div.CountyCenterTopTextLeftMargin{
	float: left;
	height: 50px;
	width: 48px;
	position: static;
}

div.CountyCenterTopMiddleTextPanel{
	float: left;
	height: 50px;
	width: 577px;
	text-align: justify;
	position: static;
}

div.CountyCenterTopTextRightMargin{
	float: left;
	height: 50px;
	width: 49px;
	text-align: justify;
	position: static;
	clear: right;
}


div.CountyNewsWeatherLeftMargin{
	float: left;
	height: 50px;
	width: 187px;
	position: static;
}

div.CountyNewsWeatherPanel{
	float: left;
	height: 50px;
	width: 150px;
	text-align: left;
	position: static;
}

span.WeatherText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

div.CountyNewsWeatherRightMargin{
	float: left;
	height: 50px;
	width: 188px;
	position: static;
	clear: right;
}

div.SelectCountyPanel{
	float: left;
	height: 40px;
	width: 675px;
	position: static;
}

div.SelectCountyLeftMargin{
	float: left;
	height: 40px;
	width: 150px;
	position: static;
}

div.SelectCountyTextPanel{
	float: left;
	height: 40px;
	width: 120px;
	text-align: left;
	position: static;
}

div.SelectCountyLabelPanel{
	float: left;
	height: 40px;
	width: 405px;
	text-align: left;
	position: static;
}

div.CountyCenterWorkPanel{
	float: left;
	height: 989px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.CountyCenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 991px;
	width: 720px;
	position: static;
}

div.CountyNewsLabelPanel{
	float: left;
	height: 30px;
	width: 153px;
	text-align: left;
	position: static;
	clear: right;
}

div.CountyLeftMarginNews{
	float: left;
	height: 30px;
	width:  206px;
	text-align: center;
	position: static;
}

div.CountyGoButton{
	float: left;
	height: 30px;
	width:  206px;
	text-align: left;
	position: static;
	clear: right;
}

/* User Registration Form */

div.RegistrationMainContainer{
	width: 720px;
	height: 686px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.RegistrationCenterWorkPanel{
	float: left;
	height: 448px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.RegistrationCenterDisplayLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 445px;
	width: 21px;
	position: static;
}

div.RegistrationCenterDisplayrightMargin {
	background-color: #e7f1fa;
	float: left;
	height: 445px;
	width: 22px;
	clear: right;
}


div.RegistrationCenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 461px;
	width: 720px;
	position: static;
}

div.RegistrationMainLabel{
	float: left;
	height: 30px;
	width: 675px;
	position: static;
}

div.RegistrationLeftLabel{
	float: left;
	height: 30px;
	width: 150px;
	text-align: left;
	position: static;
	padding-left: 100px;
}

div.RegistrationRightLabel{
	float: left;
	height: 30px;
	width: 400px;
	text-align: left;
	position: static;
	clear: right;
}

/* Tips & Hints*/


div.TipsHintsCenterWorkPanel{
	float: left;
	height: 872px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}

div.TipsHintsCenterTopTextPanel{
	float: left;
	height: 60px;
	width: 675px;
	position: static;
}

div.TipsHintsLeftMargin{
	float: left;
	height: 60px;
	width: 150px;
	position: static;
}

div.TipsHintsSearch{
	float: left;
	height: 60px;
	width: 224px;
	text-align: right;
	position: static;
}

div.TipsHintsGoButton{
	float: left;
	height: 60px;
	width: 224px;
	text-align: left;
	position: static;
	clear: right;
}

div.TipsHintsSearchLabel{
	float: left;
	height: 60px;
	width: 223px;
	position: static;
	text-align:left;
}

div.TipsHintsCenterDisplayLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 853px;
	width: 21px;
	position: static;
}

div.TipsHintsCenterDisplay {
	background-color: #e7f1fa;
	float: left;
	height: 874px;
	width: 720px;
	position: static;
}

div.TipsHintsMainContainer{	
	width: 720px;
	height: 1099px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.TipsnHintsListText
{
	text-align:justify;
}


div.TopicPanelNews{
	float: left;
	height: 30px;
	width: 675px;
	position: static;
}

div.TopicLeftMarginNews{
	float: left;
	height: 30px;
	width:  130px;
	text-align: center;
	position: static;
}

div.TopicRightMarginNews{
	float: left;
	height: 30px;
	width:  130px;
	text-align: left;
	position: static;
	clear: right;
}


div.TopicTextPanelNews{
	float: left;
	height: 30px;
	width: 110px;
	text-align: right;
	position: static;
}

div.TopicMainWorkLeftMargin{
	float: left;
	position: static;
	height: 623px;
	width: 50px;
}

div.TopicMainWorkTextPanel{
	float: left;
	position: static;
	height: 623px;
	width: 575px;
	text-align:center;
	overflow: auto;
}

div.TopicMainWorkRightPanel{
	float: left;
	position: static;
	height: 623px;
	width: 50px;
	clear: right;
}

div.ArticleCenterDisplayLeftMarginNews{
	background-color: #e7f1fa;
	float: left;
	height: 991px;
	width: 21px;
	position: static;
}


div.NewsRightMargin {
	background-color: #e7f1fa;
	float: left;
	height: 991px;
	width: 21px;
	clear: right;
}

div.BestArtticelLeftMargin{
	float: left;
	position: static;
	height: 623px;
	width: 80px;

}

/* Payments */

div.PaymentsMainContainer{	
	width: 720px;
	height: 567px;
	position: static;
	background-color: #e7f1fa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.PaymentsWorkArea{
	float: left;
	height: 300px;
	width: 675px;
	position: static;
}

div.PaymentsWorkLeftMargin{
	float: left;
	height: 300px;
	width: 20px;
	position: static;
}

div.PaymentsWorkCenterMargin{
	float: left;
	height: 240px;
	width: 635px;
	position: static;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
}

div.PaymentsBottomButton{
	float: left;
	height: 60px;
	width: 635px;
	position: static;
	text-align: center;
}

div.PaymentsWorkRightMargin{
	float: left;
	height: 300px;
	width: 20px;
	position: static;
	clear: right;
}

div.PaymentsDisplayPanel{
	float: left;
	height: 340px;
	width: 675px;
	background-color: #FFFFFF;
	position: static;
	border: 1px solid #457fbb;
}


div.PaymentsMainLeftMargin {
	background-color: #e7f1fa;
	float: left;
	height: 340px;
	width: 21px;
	position: static;
}

div.PaymentsMiddlePanel {
	background-color: #e7f1fa;
	float: left;
	height: 340px;
	width: 720px;
	position: static;
}

.TopicText
{
	text-align: justify;
}

.NewsCountyImages
{
	vertical-align:middle;
}

.BestPracticesDropDown
{
	width:220px;
}

.TipsDropDown
{
	width:220px;
}

.CountyDropDown
{
	width:150px;
}