/* ---STRIP ALL BROWSERS OF THEIR DEFAULT STYLING--- */
html,body,ul,ol,li,p,a {margin:0; padding:0; border:0; font-size:100.01%;}


/*************************************
*******IMPLEMENT CUSTOM STYLES*******
*************************************/

/* ---BODY--- */
/* Set body margin and padding to get consistency between browsers. */
/* text-align:center = Hack for IE5/Win */
body {margin:10px 5px; padding:0px; text-align:center; background:#5884AC;}


/* ---FONTS--- */
html,body,p {color:#000000; font:14.8px Georgia,serif; text-align:left;}


/* ---PARAGRAPH & LISTS--- */
p,ul,ol,li {color:#000000; background:transparent; padding:0px;}

/* ---LINKS--- */
a {text-decoration:none; background:transparent;}
	  a#linkStyle {color:#202020; text-decoration:none;}
	  a#linkStyle:hover {color:#5884AC; text-decoration:underline;}

	  a#linkStyle2 {color:#202020; text-decoration:none; border-bottom:1px dotted #5884AC;}
	  a#linkStyle2:hover {color:#5884AC; text-decoration:none;}

	  a#headerLinkStyle {text-decoration:none;}
	  a#headerLinkStyle:hover {text-decoration:none;}

	  a#rsslinkStyle {color:#707070; text-decoration:underline;}
	  a#rsslinkStyle:hover {color:#8E0028; text-decoration:none;}

	  a#articleLinkStyle {color:#5884AC; text-decoration:none;}
	  a#articleLinkStyle:hover {color:#8E0028; text-decoration:none;}

	  a#articleLinkStyle2 {font-weight:bold; color:#5884AC; text-decoration:none; border-bottom:1px dotted #5884AC;}
	  a#articleLinkStyle2:hover {color:#8E0028; text-decoration:none; border-bottom:1px dotted #8E0028;}

	  a#menuColumnLinkStyle {color:#000000; text-decoration:none; border:1px #A2B3CA;}
	  a#menuColumnLinkStyle:hover {color:#8E0028; text-decoration:none; border:1px #8E0028;}

	  a#newsletterLinkStyle {color:#000000; text-decoration:none; border:1px #A2B3CA;}
	  a#newsletterLinkStyle:hover {color:#8E0028; text-decoration:none; border:1px #8E0028;}

	  a#newsletterLinkStyle {color:#000000; text-decoration:none; border:1px #A2B3CA;}
	  a#newsletterLinkStyle:hover {color:#8E0028; text-decoration:none; border:1px #8E0028;}

	  a#contactFormHyperLink {color:#0B3364; text-decoration:underline;}
	  a#contactFormHyperLink:hover {color:#808080; text-decoration:none;}


/* ---FORMS--- */
form,fieldset,textarea {margin:0; padding:0; color:#000000}


/* ---IMAGES--- */
a img {border:none;}


/*--- COLOUR PALETTE
-------------
#F8F8EF - beige/background-entire site
#FEFEFE - off-white/background
#D7D18C - light-olive/borders
#F2FBFF - vapor-blue/fonts
#C1CDC1 - mint/fonts
#BDB76B - darkkhaki/headerSlogan
#00FF00 - lime/navigation menu
#6E8B3D - darkolivegreen 4
#CD3278 - violetred 3
--- */



/* ---CONTAINERS FOR ENTIRE SITE--- */
	div.siteContainer {width:100%; height:auto; margin:0px auto; border:0px solid orange; background:transparent;}

/* ---HEADER STYLING--- */
		div.headerSection {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; height:125px; border:0px solid beige; background:transparent url('../Images/blue_gradient_header.gif') 0 0 repeat;}
			div.headerContainer {position:absolute; z-index:1; top:0px; left:0px; width:100%; height:100%; border:0px dashed red; background:transparent;}
				/* Image position is set via the background: X% X% values; helps minimize use of IE6 positioning hacks (e.g. _underscore hacks) */
				div.headerImage {position:absolute; z-index:4; top:0px; left:0px; width:100%; height:140px; border:0px dashed red; background:transparent url('../Images/stormwater_reporter_banner.gif') 50% 35% no-repeat;}
					/* Image position is set via the background: X% X% values; helps minimize use of IE6 positioning hacks (e.g. _underscore hacks) */
					div.subHeaderImage {position:absolute; z-index:5; top:0px; left:0px; width:100%; height:140px; border:0px dashed red; background:transparent url('../Images/subheader_image.png') 80% 62% no-repeat;}
						/* SEE LINKS SECTION ABOVE FOR linkSTYLE PERTAINING TO THIS DIV*/

/* --TYPEWRITER EFFECT-- */

.revealcontent{visibility:hidden;}
.typewriterContainer {position:absolute; z-index:4; top:25px; left:140px; width:auto; height:auto; background:transparent;}
	  .s {position:absolute; z-index:5; top:-1px; left:0px; width:30px; height:56px; background:transparent url('Images/Banner/s.gif') 0 0 no-repeat;}
	  .t {position:absolute; z-index:5; top:0px; left:30px; width:19px; height:55px; background:transparent url('Images/Banner/t.gif') 0 0 no-repeat;}
	  .o {position:absolute; z-index:5; top:0px; left:49px; width:26px; height:55px; background:transparent url('Images/Banner/o.gif') 0 0 no-repeat;}
	  .r {position:absolute; z-index:5; top:0px; left:75px; width:24px; height:56px; background:transparent url('Images/Banner/r.gif') 0 0 no-repeat;}
	  .m {position:absolute; z-index:5; top:0px; left:99px; width:45px; height:56px; background:transparent url('Images/Banner/m.gif') 0 0 no-repeat;}
	  .w {position:absolute; z-index:5; top:0px; left:144px; width:40px; height:56px; background:transparent url('Images/Banner/w.gif') 0 0 no-repeat;}
	  .a {position:absolute; z-index:5; top:-1px; left:184px; width:27px; height:57px; background:transparent url('Images/Banner/a.gif') 0 0 no-repeat;}
	  .t2 {position:absolute; z-index:5; top:0px; left:211px; width:19px; height:55px; background:transparent url('Images/Banner/t.gif') 0 0 no-repeat;}
	  .e {position:absolute; z-index:5; top:-1px; left:230px; width:26px; height:57px; background:transparent url('Images/Banner/e.gif') 0 0 no-repeat;}
	  .r2 {position:absolute; z-index:5; top:0px; left:256px; width:19px; height:55px; background:transparent url('Images/Banner/r.gif') 0 0 no-repeat;}
	  .r3 {position:absolute; z-index:5; top:1px; left:289px; width:35px; height:55px; background:transparent url('Images/Banner/r3.gif') 0 0 no-repeat;}
	  .e2 {position:absolute; z-index:5; top:1px; left:324px; width:26px; height:57px; background:transparent url('Images/Banner/e3.gif') 0 0 no-repeat;}
	  .p {position:absolute; z-index:5; top:1px; left:350px; width:29px; height:56px; background:transparent url('Images/Banner/p.gif') 0 0 no-repeat;}
	  .o2 {position:absolute; z-index:5; top:1px; left:379px; width:26px; height:55px; background:transparent url('Images/Banner/o2.gif') 0 0 no-repeat;}
	  .r4 {position:absolute; z-index:5; top:1px; left:405px; width:24px; height:56px; background:transparent url('Images/Banner/r4.gif') 0 0 no-repeat;}
	  .t3 {position:absolute; z-index:5; top:1px; left:429px; width:19px; height:55px; background:transparent url('Images/Banner/t3.gif') 0 0 no-repeat;}
	  .e3 {position:absolute; z-index:5; top:1px; left:448px; width:26px; height:57px; background:transparent url('Images/Banner/e3.gif') 0 0 no-repeat;}
	  .r5 {position:absolute; z-index:5; top:1px; left:474px; width:24px; height:56px; background:transparent url('Images/Banner/r4.gif') 0 0 no-repeat;}

				div.rainman {position:absolute; z-index:20; top:0px; left:0px; width:150px; height:100px; border:0px dashed red; background:transparent url('../Images/rainman_silhouette.gif') -20px 0 no-repeat;}
				div.headerRSS {position:absolute; z-index:5; top:10px; left:0px; width:830px; height:20px; text-align:right; font:1em/1.5em Georgia; background:transparent;}
					#headerRss {width:830px; height:20px; background:transparent;}
					#headerRss div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ background-color:transparent;}
						/* SEE LINKS SECTION ABOVE FOR linkSTYLE PERTAINING TO THIS DIV*/
			div.navBarSection {position:absolute; z-index:21; bottom:0px; width:100%; height:28px; border:0px dashed lime; background:#000000;}
				div.navBarContainer {position:absolute; z-index:23; bottom:0px; left:140px; width:auto; height:28px; border:0px dashed lime; background:#000000;}
					div.preloadHomeLink {background:transparent url('../Images/Navbar/home_link.png') -1000px -1000px no-repeat;}
					div.preloadHomeHover {background:transparent url('../Images/Navbar/home_hover.png') -1000px -1000px no-repeat;}
					div.preloadCalendarLink {background:transparent url('../Images/Navbar/calendar_link.png') -1000px -1000px no-repeat;}
					div.preloadCalendarHover {background:transparent url('../Images/Navbar/calendar_hover.png') -1000px -1000px no-repeat;}
					div.preloadArticlesLink {background:transparent url('../Images/Navbar/articles_link.png') -1000px -1000px no-repeat;}
					div.preloadArticlesHover {background:transparent url('../Images/Navbar/articles_hover.png') -1000px -1000px no-repeat;}
					div.preloadResourcesLink {background:transparent url('../Images/Navbar/resources_link.png') -1000px -1000px no-repeat;}
					div.preloadResourcesHover {background:transparent url('../Images/Navbar/resources_hover.png') -1000px -1000px no-repeat;}
					div.preloadFAQsLink {background:transparent url('../Images/Navbar/faqs_link.png') -1000px -1000px no-repeat;}
					div.preloadFAQsHover {background:transparent url('../Images/Navbar/faqs_hover.png') -1000px -1000px no-repeat;}
					div.preloadAboutLink {background:transparent url('../Images/Navbar/about_link.png') -1000px -1000px no-repeat;}
					div.preloadAboutHover {background:transparent url('../Images/Navbar/about_hover.png') -1000px -1000px no-repeat;}
					div.preloadContactLink {background:transparent url('../Images/Navbar/contact_link.png') -1000px -1000px no-repeat;}
					div.preloadContactHover {background:transparent url('../Images/Navbar/contact_hover.png') -1000px -1000px no-repeat;}

					div.home {float:left; width:71px; height:28px; background:transparent;}
					div.home a {position:absolute; top:0px; left:0px; display:block; margin: 0; padding:0; width:71px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/home_link.png') no-repeat;}
					div.home a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/home_hover.png') 0 0 no-repeat;}
					div.home a#home {background: url('../Images/Navbar/home_hover.png') 0 0 no-repeat;}
		
					div.calendar {float:left; width:80px; height:28px; background:#000000;}
					div.calendar a {position:absolute; top:0px; left:0px; display:block; margin: 0; padding:0; width:80px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/calendar_link.png') no-repeat;}
					div.calendar a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/calendar_hover.png') -1px 0 no-repeat;}
					div.calendar a#calendar {background: url('../Images/Navbar/calendar_hover.png') 0 0 no-repeat;}
	
					div.articles {float:left; width:70px; height:28px; background:#000000;}
					div.articles a {position:absolute; top:0px; left:0px; display: block; margin: 0; padding:0; width:70px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/articles_link.png') no-repeat;}
					div.articles a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/articles_hover.png') 0 0 no-repeat;}
					div.articles a#articles {background: url('../Images/Navbar/articles_hover.png') 0 0 no-repeat;}
				
					div.resources {float:left; width:91px; height:28px; background:#000000;}
					div.resources a {position:absolute; top:0px; left:0px; display: block; margin:0; padding:0; width:91px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/resources_link.png') no-repeat;}
					div.resources a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/resources_hover.png') 0 1px no-repeat;}
					div.resources a#resources {background: url('../Images/Navbar/resources_hover.png') 0 0 no-repeat;}
	
					div.faqs {float:left; width:51px; height:28px; background:#000000;}
					div.faqs a {position:absolute; top:0px; left:0px; display:block; margin: 0; padding:0; width:51px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/faqs_link.png') no-repeat;}
					div.faqs a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/faqs_hover.png') no-repeat;}
					div.faqs a#faqs {background: url('../Images/Navbar/faqs_hover.png') no-repeat;}
	
					div.about {float:left; width:91px; height:28px; background:#000000;}
					div.about a {position:absolute; top:0px; left:0px; display: block; margin: 0; padding:0; width:91px; height:28px; text-decoration: none; border:0px solid #FFFFFF; background: url('../Images/Navbar/about_link.png') no-repeat;}
					div.about a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/about_hover.png') no-repeat;}
					div.about a#about {background: url('../Images/Navbar/about_hover.png') no-repeat;}
		
					div.contact {float:left; width:81px; height:28px; background:#000000;}
					div.contact a {position:absolute; top:0px; left:0px; display: block; margin: 0; padding:0; width:81px; height:28px; text-decoration:none; border:0px solid #FFFFFF; background: url('../Images/Navbar/contact_link.png') no-repeat;}
					div.contact a:hover {outline:/* hide dotted outline in Firefox */none; background: url('../Images/Navbar/contact_hover.png') no-repeat;}
					div.contact a#contact {background: url('../Images/Navbar/contact_hover.png') no-repeat;}

				.menu2 {padding:0 0 0 0; margin:0; list-style:none; height:27px; border:0px solid red; background:transparent; position:relative; font:12px Georgia;}
				.menu2 li.top {display:block; float:left; position:relative; border-bottom:0px solid #FFFFFF;}
				.menu2 li a.top_link {display:block; float:left; height:27px; line-height:0px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}
				.menu2 li a.top_link span {float:left; display:block; padding:0 0 0 0px; height:27px;}
				.menu2 li a.top_link span.down {float:left; display:block; padding:0 0 0 0; height:27px;}
				.menu2 li a.top_link:hover {color:#0B3366;}
				.menu2 li a.top_link:hover span {}
				.menu2 li a.top_link:hover span.down {}
				
				.menu2 li:hover > a.top_link {color:#0B3366;}
				.menu2 li:hover > a.top_link span {}
				.menu2 li:hover > a.top_link span.down {}
				
				.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
				
				/* Default link styling */
				
				/* Style the list OR link hover. Depends on which browser is used */
				.menu2 a:hover {visibility:visible;}
				.menu2 li:hover {position:relative; z-index:200;}
				
				/* keep the 'next' level invisible by placing it off screen. */
				.menu2 ul, 
				.menu2 :hover ul ul, 
				.menu2 :hover ul :hover ul ul,
				.menu2 :hover ul :hover ul :hover ul ul,
				.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
				
				.menu2 :hover ul.sub {left:2px; top:27px; background:#000000 url('../Images/right_arrow.png') 108px 5px no-repeat; padding:0px 0; border:0px solid red; white-space:nowrap; width:124px; height:auto;}
				.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
				.menu2 :hover ul.sub li a {display:block; font:12px Tahoma; height:20px; width:120px; line-height:20px; text-indent:15px; color:#FFFFFF; text-decoration:none; border:0px solid #FFFFFF; border-width:0.05em 0 0 0px;}
				.menu2 :hover ul sub li a.fly {background:#000000 url('../Images/right_arrow.png') 108px 4px no-repeat;}

					.menu2 :hover ul.sub1 {left:2px; top:27px; background:#77A7D4; padding:0px 0; border:0px solid red; white-space:nowrap; width:124px; height:auto;}
					.menu2 :hover ul.sub1 li {display:block; height:20px; position:relative; float:left; width:90px;}
					.menu2 :hover ul.sub1 li a {display:block; font:12px Tahoma; height:20px; width:120px; line-height:20px; text-indent:15px; color:#FFFFFF; text-decoration:none; border:0px solid #FFFFFF; border-width:0.05em 0 0 0px;}
					.menu2 :hover ul sub1 li a.fly {background:#77A7D4 url('../Images/right_arrow.png') 108px 4px no-repeat;}


				.menu2 :hover ul.sub li a:hover {background:#77A7D4; color:#FFFFFF;}
				.menu2 :hover ul.sub li a.fly:hover {background:#77A7D4 url('../Images/right_arrow.png') 108px 4px no-repeat; color:#FFFFFF;}
				.menu2 :hover ul li:hover > a.fly {background:#77A7D4 url('../Images/right_arrow.png') 108px 4px no-repeat; color:#FFFFFF;}

					.menu2 :hover ul.sub1 li a:hover {background:#000000; color:#FFFFFF;}
					.menu2 :hover ul.sub1 li a.fly:hover {background:#000000 url('../Images/right_arrow.png') 108px 4px no-repeat; color:#FFFFFF;}
					.menu2 :hover ul li:hover > a.fly {background:#000000 url('../Images/right_arrow.png') 108px 4px no-repeat; color:#FFFFFF;}
				
				.menu2 :hover ul :hover ul,
				.menu2 :hover ul :hover ul :hover ul,
				.menu2 :hover ul :hover ul :hover ul :hover ul,
				.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
				{left:120px; top:0px; background:#000000; padding:0; border:0px solid #FFFFFF; white-space:nowrap; width:120px; z-index:200; height:auto;}
				
				
/* ---CONTENT STYLING--- */

	/* ---GENERAL STYLING--- */
		div.contentSection {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:850px; height:auto !important; height:850px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionResources {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:2000px; height:auto !important; height:2000px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionResourcesLV {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:2400px; height:auto !important; height:2400px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionCalendar {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:1550px; height:auto !important; height:1550px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionCalendarLV {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:5025px; height:auto !important; height:5025px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionArticles {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:2100px; height:auto !important; height:2100px; border:0px solid lime; background:#FEFEFE;}
		div.contentSectionAbout {position:relative; z-index:0; top:0px; left:0px; min-width:700px; width:auto; min-height:1700px; height:auto !important; height:1600px; border:0px solid lime; background:#FEFEFE;}
			div.contentContainer {position:relative; z-index:1; top:0px; left:0px; width:auto; height:auto; border:0px dashed blue; background:transparent;}

				div.slogan {position:absolute; z-index:3; top:0px; left:0px; width:100%; height:30px; border:0px dashed red; background:transparent url('../Images/slogan.png') 50% 100% no-repeat;}
				div.sponsoredBySCSE {position:absolute; z-index:4; top:40px; left:21px; _left:10px; width:215px; height:40px; border:0px dashed #909090; background:transparent url('../Images/sponsored_by_scse.gif') 50% 100% no-repeat;}
					p.sponsoredbyscsewordage {padding:5px; font:bold 11px Arial; color:#000000;}
				div.menuColumn {position:absolute; z-index:4; top:100px; left:0px; width:240px; height:auto; border:0px dashed green; background:transparent;}
				div.menuColumn_INDEX {position:absolute; z-index:4; top:50px; left:0px; width:240px; height:auto; border:0px dashed green; background:transparent;}
					div.leftColumnMenu {position:relative; z-index:4; top:0px; left:21px; _left:/*IE6 Hack*/11px; width:215px; height:auto; margin-bottom:100px; border:0px dashed #909090; background:transparent;}
						/* SEE LINKS SECTION ABOVE FOR linkSTYLE PERTAINING TO THIS DIV*/
						div.subHeaderNS,.subHeaderCoE,.subHeaderRes {position:relative; z-index:4; top:0px; left:0px; width:100%; height:30px; text-decoration:underline; text-indent:5px; margin-bottom:10px; font:11px Arial; color:#000000; border:0px solid green; background:#000000;}
								p#coetitlewordage,#nstitlewordage,#restitlewordage {margin:0; padding:5px; text-align:left; font:bold 16px "Century Gothic"; color:#FEFEFE;}
								.newsStoriesContainer,.calOfEventsContainer,.resourcesContainer {position:relative; z-index:6; top:0px; left:0px; width:auto; height:auto; margin-bottom:10px; border:0px solid green; background:transparent;}
									p.nsheadingwordage {margin-left:10px; padding-right:3px; font:bold 12px "Century Gothic"; color:#000000;}
									p.coeheadingwordage,.resheadingwordage {margin-left:10px; margin-bottom:10px; padding-right:3px; font:bold 12px "Century Gothic"; color:#000000;}
									p.nssubheadingwordage,.coesubheadingwordage,.ressubheadingwordage {margin-left:10px; margin-bottom:10px; padding-right:3px; font:11px Georiga; color:#000000;}
				div.indexMainContent {position:absolute; z-index:4; top:40px; left:250px; _left:/*IE6 Hack*/245px; width:auto; width:73%; min-height:auto !important; height:96%; _padding-right:10px; border:0px dashed red; background:transparent;}
					div.missionStatement {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; margin-bottom:10px; border:0px dashed green; background:transparent;}
						p.missionstatementwordage {padding:5px; font:bold italic 12px Arial; text-align:justify; text-justify:newspaper; color:#000000;}
					div.articleContainer {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed purple; background:transparent;}
						div.centerColumn {position:absolute; z-index:6; top:0px; left:0px; width:62%; height:auto; padding-right:7px; _padding-right:10px; border:0px dashed red; background:transparent;}
							p.centercolumnwordage {padding:5px; font:12px Arial; text-align:justify; _text-align:/*IE6 Hack*/left; text-justify:newspaper; color:#000000;}
						div.rightColumn {position:absolute; z-index:6; top:5px; right:0px; width:35%; height:auto; border:0px dashed orange; background:transparent;}
	  						div.subHeaderUE {position:relative; z-index:4; top:0px; left:0px; width:100%; height:30px; text-decoration:underline; text-indent:5px; margin-bottom:10px; font:11px Arial; color:#000000; border:0px solid green; background:transparent;}
								p#uetitlewordage {margin:0; padding:5px; text-align:center; font:bold 16px "Century Gothic"; color:#000000;}
	  						div.upcomingEvents {position:relative; z-index:7; top:0px; right:0px; width:auto; _width:/*IE6 Hack*/74%; height:auto; border:0px dashed orange; background:transparent;}
  								div.event1 {position:relative; z-index:8; top:0px; left:0px; width:95%; _width:250px; height:40px; _height:55px; padding:5px; border:1px solid #909090;}
  	  								div.event1info {position:absolute; z-index:8; top:0px; left:55px; width:auto; _width:100%; height:100%; padding:inherit; _padding:5px;}
  	  									p.event1wordage {margin:0; text-align:left; font:11px Arial; color:#000000;}
  	  								div.date1 {position:absolute; z-index:9; top:0px; left:0px; width:45px; height:inherit; _height:100%; padding:inherit; background:#77A7D4;}
										p.date1wordage {margin:0; text-align:center; font:bold 14px Arial; color:#FEFEFE;}
	  								div.event2 {position:relative; z-index:8; top:0px; left:0px; width:95%; _width:250px; height:40px; _height:50px; padding:5px; border:1px solid #909090; border-top:0px solid #909090;}
	  	  								div.event2info {position:absolute; z-index:8; top:0px; left:55px; width:auto; _width:100%; height:100%; padding:inherit; _padding:5px;}
	  										p.event2wordage {margin:0; text-align:left; font:11px Arial; color:#000000;}
	  	  								div.date2 {position:absolute; z-index:9; top:0px; left:0px; width:45px; height:inherit; _height:100%; padding:inherit; background:#77A7D4;}
											p.date2wordage {margin:0; text-align:center; font:bold 14px Arial; color:#FEFEFE;}
  	  						div.seeMoreEvents {position:relative; z-index:8; top:0px; left:0px; width:100%; _width:245px; height:auto; padding:inherit;}
  	  							p.seemoreeventswordage {margin:0; padding:0; text-align:center; font:10px Arial; color:#000000;}
							div.signUpForNewsletter {position:relative; z-index:4; top:0px; left:0px; width:auto; _width:250px; height:auto; margin-top:20px; border:0px dashed green; background:#A2B3CA;}
								p.signupfornewsletterwordage {padding:5px; font:12px Arial;}
									/* SEE LINKS SECTION ABOVE FOR linkSTYLE PERTAINING TO THIS <P>*/
							div.sponsoredBySCSEIndex {position:relative; z-index:4; top:0px; left:0px; width:215px; height:40px; margin-top:20px; border:0px dashed #909090; background:transparent url('../Images/sponsored_by_scse.gif') 50% 100% no-repeat;}
								p.sponsoredbyscseindexwordage {padding:5px; font:bold 11px Arial; color:#000000;}
							div.address {position:relative; top:0px; left:0px; width:auto; _width:250px; height:auto; margin-top:20px; text-align:left; font:14px Arial; color:#000000; border:0px dashed pink;}


	/* ---ACCORDION STYLINGS--- */
#accordionContainer {position:relative; top:0px; left:0px; width:auto; height:auto; border:1px solid #909090; background:transparent;}
	  .accordion_toggle {display:block; width:auto; height:auto !important; margin:0; padding:10px; text-decoration:none; outline:none; color:#000000; font:bold 12px Arial,sans-serif; border-bottom:1px solid #5884AC; cursor:pointer; background:#CAD2DF url(images/accordion_toggle.) no-repeat top right;}
	  .accordion_toggle_active {color:#FFFFFF; border-bottom:1px solid #5884AC; background:#000000 url(images/accordion_toggle_active.) no-repeat top right;}
	  .accordion_content {color:#444444; overflow:hidden; background:#FEFEFE;}
	  .accordion_content h1 {margin:0; color:#000000;}
			  #vertical_nested_container {margin:10px auto 10px auto; width:610px;}
				  .vertical_accordion_toggle {display:block; width:610px; height:auto !important; margin:0; padding:7px; text-decoration:none; outline:none; color:#000000; font:bold 12px Arial,sans-serif; border-bottom:1px solid #5884AC; cursor:pointer; background:#CAD2DF url(images/accordion_toggle.) no-repeat top right;}
				  .vertical_accordion_toggle_active {color:#FFFFFF; border-bottom:1px solid #5884AC; background:#404040 url(images/accordion_toggle_active.) no-repeat top right;}
				  .vertical_accordion_content {overflow:hidden; background:#FEFEFE;}
				  .vertical_accordion_content h2 {margin:0;}
	  			  #vertical_nested_container2 {margin:20px auto 20px auto; width:510px;}
	  				  .vertical_accordion_toggle2 {display:block; width:510px; height:auto !important; margin:0; padding:7px; text-decoration:none; outline:none; color:#000000; font:bold 12px Arial,sans-serif; border-bottom:1px solid #5884AC; cursor:pointer; background:#CAD2DF url(images/accordion_toggle.) no-repeat top right;}
	  				  .vertical_accordion_toggle_active2 {color:#FFFFFF; border-bottom:1px solid #5884AC; background:#606060 url(images/accordion_toggle_active.) no-repeat top right;}
	  				  .vertical_accordion_content2 {overflow: hidden; background:#FEFEFE;}
	  				  .vertical_accordion_content2 h3 {margin:0;}
	  

/* ---CALENDAR.PHP STYLINGS--- */
	  div.calendarMainContent {position:absolute; z-index:4; top:160px; right:30px; _right:/*IE6 Hack*/30px; width:93%; height:78%; margin-bottom:10px; border:0px dashed red; background:transparent;}
			div.listView {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed green; margin-bottom:20px; background:transparent;}
				  p.listviewwordage {padding:5px; font:12px Arial; color:#000000;}
			div.compactView {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; margin-bottom:20px; border:0px dashed green; background:transparent;}
				  p.compactwordage {padding:5px; font:12px Arial; color:#000000;}
				  div.calendarContainer {position:relative; z-index:5; top:0px; left:0px; width:100%; min-height:500px; max-height:93%; height:auto !important; height:500px;  border:0px dashed purple; background:transparent;}
						div.category1Container {position:relative; z-index:6; top:0px; left:0px; width:100%; min-height:200px; height:auto !important; height:200px; border:1px solid #909090; background:transparent;}
							  div.category1Header {position:relative; z-index:7; top:0px; left:0px; width:96%; height:auto; padding:15px; border:0px dashed blue; background:#303030;}
									p.category1wordage {color:#FFFFFF; font:bold 12px Arial;}
							  div.cat1Events {position:relative; z-index:8; top:0px; left:0px; width:100%; height:auto; margin:0; padding:0; border:0px dashed blue; background:transparent;}
									p.cat1eventwordage {line-height:150%; color:#000000;}
						div.category2Container {position:relative; z-index:6; top:0px; left:0px; width:100%; min-height:200px; height:auto !important; height:200px; border:1px solid #909090; background:transparent;}
							  div.category2Header {position:relative; z-index:7; top:0px; left:0px; width:96%; height:auto; padding:15px; border:0px dashed red; background:#303030;}
									p.category2wordage {color:#FFFFFF; font:bold 12px Arial;}
							  div.cat2Events {position:relative; z-index:8; top:0px; left:0px; width:100%; height:auto; margin:0; padding:0; border:0px dashed orange; background:transparent;}
									p.cat2eventwordage {line-height:150%; color:#000000;}



/* ---ARTICLES.PHP STYLINGS--- */
	  div.articlesMainContent {position:absolute; z-index:4; top:75px; left:260px; min-width:auto !important; width:75%; height:auto; border:0px dashed red; background:transparent;}
			div.articlesContainer {position:relative; z-index:5; top:0px; left:0px; width:auto; height:auto; padding-right:30px; border:0px dashed purple; background:transparent;}

/* ---RESOURCES.PHP STYLINGS--- */
	  div.resourcesMainContent {position:absolute; z-index:4; top:160px; right:30px; _right:/*IE6 Hack*/30px; width:92%; height:auto; border:0px dashed red; background:transparent;}
			div.resourcesStatement {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed green; background:transparent;}
				  p.resourceswordage {padding:5px; font:12px Arial; text-align:justify; _text-align:/*IE6 Hack*/left; text-justify:newspaper; color:#000000;}
	  		div.resourcesContainer {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed purple; background:transparent;}


/* ---FAQs.PHP STYLINGS--- */
	  div.faqsMainContent {position:absolute; z-index:4; top:145px; right:30px; width:92%; height:auto; border:0px dashed red; background:transparent;}
			div.faqsStatement {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed green; background:transparent;}
			div.faqsContainer {position:relative; z-index:5; top:10px; left:0px; width:auto; height:93%; border:0px dashed purple; background:transparent;}



/* ---ABOUT.PHP STYLINGS--- */
	  div.aboutUsMainContent {position:absolute; z-index:4; top:145px; right:15px; width:95%; height:1450px; border:0px dashed red; background:transparent;}
			div.aboutUsContainer {position:relative; z-index:5; top:10px; left:0px; width:675px; height:93%; padding:0px; border:0px dashed purple; background:transparent;}
			div.aboutUsGoals {position:relative; z-index:5; top:30px; float:right; clear:right; width:200px; height:auto; padding:10px; border:1px solid #C0C0C0; background:transparent;}


/* ---CONTACT.PHP STYLINGS--- */
	  div.contactMainContent {position:absolute; z-index:4; top:160px; right:75px; min-width:500px; width:85%; height:800px; border:0px dashed red; background:transparent;}
			div.contactStatement {position:relative; z-index:5; top:0px; left:0px; width:100%; height:auto; border:0px dashed green; background:transparent;}
				div.contact_info {position:absolute; z-index:6; top:0px; left:0px; width:100%; height:100%; border:0px dashed green; background:transparent;}
			div.contactContainer {position:relative; z-index:5; top:0px; left:0px; width:auto; height:auto; border:0px dashed purple; background:transparent;}
				  div.signUpForNewsletterContact {position:absolute; z-index:1; top:60px; right:35px; width:200px; height:auto; border:0px dashed green; background:#A2B3CA;}
						p.contactnewsletterwordage {padding:5px; font:11px Arial; text-align:justify; text-justify:newspaper;}
						/* SEE LINKS SECTION ABOVE FOR linkSTYLE PERTAINING TO THIS <P>*/
						div.contactAddressContainer {position:absolute; z-index:6; top:35px; left:0px; width:215px; height:auto; border:0px dashed orange; background:transparent;}
							#contact_address {position:absolute; top:30px; left:0px;}


	/* ---CONTACT FORM STYLINGS--- */
						div.contactFormContainer {position:absolute; z-index:2; top:25px; left:225px; _left:225px; width:650px; _width:665px; height:515px; padding:10px; border:1px solid #909090; background:#FEFEFE url('../../Images/darkgray_stripes.png') 0 0 repeat;}
							h1, h2 {margin:0 0 10px 0; font:bold 16px Verdana,Arial,Helvetica,sans-serif; color:#000000;}
							.warning {font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:red;}
							.sent {font:bold 14px Verdana,Arial,Helvetica,sans-serif; color:#5884AC;}
							form {margin:0 20px;}
							.formbox {width:250px;}
							label {font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#000000; display:block;}
							div.firstnameCanopic {position:relative; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.lastnameCanopic {position:relative; float:right; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.companyCanopic {position:relative; top:0px; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.companyCanopic {position:relative; top:0px; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}

							div.emailCanopic {position:relative; top:0px; float:right; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.addressCanopic {position:relative; top:0px; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.cityCanopic {position:relative; top:0px; float:right; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.stateCanopic {position:relative; top:0px; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.zipcodeCanopic {position:relative; top:0px; float:right; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.contactnumberCanopic {position:relative; top:0px; float:left; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.commentsCanopic {position:absolute; top:310px; left:30px; width:auto; height:auto; margin-bottom:10px; border:0px solid #909090; background:transparent;}
							div.submitCanopic {position:absolute; bottom:10px; left:210px; width:105px; height:25px; border:0px solid #909090; background:transparent;}
				
				
/* ---FOOTER STYLINGS--- */
		div.footerSection {overflow:hidden; position:relative; z-index:2; top:0px; left:0px; width:100%; height:25px; /*margin-bottom:This gives background room below bottom of site10px;*/ border:0px dashed orange; background:#FEFEFE;}
			div.footerContainer {position:absolute; z-index:3; top:0px; left:0px; width:100%; height:100%; border:0px solid #707070; background:transparent;}
				div.smContainer {position:absolute; z-index:0; bottom:-2px; right:0px; width:85px; height:20px; border:0px dashed pink; background:transparent;}
					div.siteMeter {position:absolute; z-index:1; bottom:2px; right:0px; width:80px; height:15px; border:0px dashed pink; background:transparent;}
					div.smFrontCoverTop {position:absolute; z-index:2; top:0px; right:0px; width:85px; height:16px; border:0px dashed orange; background:#FFFFFF;}
					div.smFrontCoverSide {position:absolute; z-index:3; top:0px; right:1px; width:84px; height:20px; border:0px dashed green; background:#FFFFFF;}
				div.copyrightContainer {position:absolute; z-index:40; bottom:0px; right:0px; width:100%; height:20px; border:0px dashed blue; background:transparent;}
					p.copyrightwordage {margin:0; padding:5px; font:10px Georgia !important; font:10px Georgia;  color:#909090; border:0px solid pink;}
				div.lastModifiedWordage {position:absolute; z-index:4; bottom:0px; right:0px; width:220px; height:20px; border:0px dashed lime;}
					p.lastmodifiedwordage {margin:0; padding:5px; text-align:right; font:9px Georgia !important; font:9px Georgia; color:#A4A4A4;}
