/* Overrides from core.css */
div#wrap div.pad
{
	padding: 5px;
	background: white;
	position: relative;
}
div.pad #tabs
{
	position: absolute;
	right: -30px;
	width: 30px;
	height: 130px;
	background: transparent url(../../img/v3/main/tabs.png) 0px 0px no-repeat;
	overflow: visible;
}
div#tabs #fbTab
{
	top: 69px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	height: 30px;
	width: 30px;
	position: absolute;
}
div#tabs #fbTab:hover
{
	background: transparent url(../../img/v3/main/tabs.png) 0px -138px no-repeat;
}
div#tabs #twitTab
{
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	height: 30px;
	width: 30px;
	position: absolute;
}
div#tabs #twitTab:hover
{
	background: transparent url(../../img/v3/main/tabs.png) 0px -169px no-repeat;
}
div#tweets
{
	position: absolute;
	top: 32px;
	width: 215px;
	left: 5px;
}
div#tweetBox
{
	top: 100px;
	position: relative;
	height: 32px;
	width: 30px;
	overflow: hidden;
}
div#tweetBox:hover
{
	overflow: visible;
}
.twtr-ft img, .twtr-ft span
{
	display: none !important;
}

/* Top Banner */
div#top
{
	position: relative;
	min-height: 550px; /* GO IE GO! */
	_height: 550px;
}

div#top h1
{
	width: 244px;
	height: 122px;
	position: absolute;
	top: 5px;
	left: 33px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}

div#top ul#sitelinks li
{
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	position: absolute;
	top: 47px;
	height: 42px;
}

ul#sitelinks li a
{
	display: block;
	height: 42px;
}

li#chamber
{
	left: 327px;
}
li#chamber a
{
	width: 124px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li#laic
{
	left: 451px;
}
li#laic a
{
	width: 137px;
	background-repeat: no-repeat;
	background-position: -124px 0px;
}
li#city
{
	left: 588px;
}
li#city a
{
	width: 98px;
	background-repeat: no-repeat;
	background-position: -261px 0px;
}
li#dsu
{
	left: 686px;
}
li#dsu a
{
	width: 49px;
	background-repeat: no-repeat;
	background-position: -359px 0px;
}

/* /Top Banner */




/* Welcome text */

div#welcome
{
	position: absolute;
	top: 127px;
	left: 2px;
	width: 300px;
	height: 238px;
}

div#welcome div.padding
{
	padding: 28px 30px 0 38px;
}

div#welcome h2
{
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background: url(../../img/v3/main/welcome.jpg) left top no-repeat transparent;
	margin: 0 0 10px 0;
	width: 163px;
	height: 42px;
}

div#welcome p
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	margin: 0 0 1em 0;
}
/* / Welcome text */


div#welcome p#weather
{
	position: absolute;
	top: 215px;
	left: 125px;
	font-size: 10px;
	letter-spacing: -0.1em;
	font-weight: bold;
	color: #4F7E98;
}




/* The Community Bulletin Board */
div#notes
{
	width: 300px;
	height: 200px;
	position: absolute;
	top: 365px;
	left: 2px;
	background: url(../../img/v3/main/bb-bg.jpg) top left no-repeat #FFF;
}

div#notes h3
{
	width: 192px;
	height: 37px;
	background: url(../../img/v3/main/bb.gif) top left no-repeat transparent;
	margin: 17px 0 0 87px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}

div#notes div
{
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	margin: 0 0 0 172px;
}

div#notes div a
{
	display: block;
	width: 98px;
	height: 13px;
	background: url(../../img/v3/main/bb-all.gif) top left no-repeat transparent;
}


div#notes ul
{
	height: 120px;
	padding: 0 0 0 30px;
	margin: 18px 20px 0 0;
	overflow: auto;
}

div#notes li
{
	border-bottom: 1px solid #BAB09A;
	padding: 2px 10px 4px;
	display: block;
	list-style-type: none;
	font-family: Arial;
	color: #FFF;
	font-size: 0.7em;
	line-height: 1.1em; /* Help IE out a little */
	vertical-align: bottom;
}

div#notes a:link, div#notes a:visited, div#notes a:active
{
	color: #FFF;
}

div#notes a:hover
{
	color: #FFF;
}
/* / The Community Bulletin Board */








/* Local navigation */

ul#localnav
{
	position: absolute;
	left: 583px;
	top: 310px;
	width: 150px;
	background: url(../../img/v3/main/sep.gif) top left repeat-y #FFF;
	padding: 0;
	height: 260px;
}

ul#localnav li
{
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	height: 15px;
	margin: 10px 0 0 20px;
	width: 131px;
	list-style: none;
	padding: 0; /* IE list-item extra margin bug fix */
	vertical-align: bottom;
}

ul#localnav a
{
	display: block;
	height: 15px;
}

li#about a
{
	background: url(../../img/v3/main/local.jpg) 0px 0px no-repeat #FFF;
}
li#discover a
{
	background: url(../../img/v3/main/local.jpg) 0px -24px no-repeat #FFF;
}
li#relocate a
{
	background: url(../../img/v3/main/local.jpg) 0px -48px no-repeat #FFF;
}
li#calendar a
{
	background: url(../../img/v3/main/local.jpg) 0px -72px no-repeat #FFF;
}
li#directory a
{
	background: url(../../img/v3/main/local.jpg) 0px -96px no-repeat #FFF;
}
li#education a
{
	background: url(../../img/v3/main/local.jpg) 0px -120px no-repeat #FFF;
}
li#links a
{
	background: url(../../img/v3/main/local.jpg) 0px -144px no-repeat #FFF;
}
li#jobs a
{
	background: url(../../img/v3/main/local.jpg) 0px -168px no-repeat #FFF;
}
li#webcam a
{
	background: url(../../img/v3/main/local.jpg) 0px -192px no-repeat #FFF;
}
li#contactus a
{
	background: url(../../img/v3/main/local.jpg) 0px -216px no-repeat #FFF;
}

li#about a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px 0px no-repeat #FFF;
}
li#discover a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -24px no-repeat #FFF;
}
li#relocate a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -48px no-repeat #FFF;
}
li#calendar a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -72px no-repeat #FFF;
}
li#directory a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -96px no-repeat #FFF;
}
li#education a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -120px no-repeat #FFF;
}
li#links a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -144px no-repeat #FFF;
}
li#jobs a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -168px no-repeat #FFF;
}
li#webcam a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -192px no-repeat #FFF;
}
li#contactus a:hover
{
	background: url(../../img/v3/main/local.jpg) -139px -216px no-repeat #FFF;
}

/* / Local navigation */



/* News */
/* News acts as the "content" of the div#top container */
div#news
{
	padding: 321px 190px 0 321px;
	min-height: 260px; /* For IE: */
	_height: 260px;
}

div#news li
{
	list-style-image: url(../../img/v3/main/dot.gif);
	list-style-type: disc;
	color: #969696;
	margin: 0 0 0 14px;
	text-indent: -5px;
	font-size: 0.8em;
}


div#news a:link, div#news a:active
{
	text-decoration: none;
	color: #969696;
}
div#news a:visited
{
	text-decoration: none;
	color: #b1b1b1;
}
div#news a:hover
{
	text-decoration: underline;
	color: #000;
}

div#news div.more
{
	font-weight: bold;
	font-style: italic;
	margin: 0 0 7px;
}

div#news h3
{
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	width: 237px;
	height: 18px;
}

div#news h3 a
{
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(../../img/v3/main/news.gif);
}

h3#local a
{
	background-position: 0px 0px;
}
/*h3#local a:hover
{
	background-position: 0px -18px;
}*/
h3#sports a
{
	background-position: 0px -36px;
}
/*h3#sports a:hover
{
	background-position: 0px -54px;
}*/

/* / News */




/* Footer */

div#footer
{
	width: 764px;
	height: 174px;
	background: url(../../img/v3/main/bottom.gif) top left no-repeat #CDCCC9;
	position: relative;
}

div#footer div.box
{
	height: 139px;
	position: absolute;
	top: 19px;
}
div.smallAd
{

	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	height: 174px;
}
div.smallAd a
{
	display: block;
	height: 100%;
	width: 100%;
}
div#busdirAd
{
	width: 110px;
}
div#busdirAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -6px 0px no-repeat transparent;
	width: 110px;
	margin: 0 auto;
}
div#busdirAd a:hover
{
	background-position: -6px -174px;
}
div#eventsAd
{
	width: 110px;
	left: 110px;
}
div#eventsAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -121px 0px no-repeat transparent;
	width: 110px;
	margin: 0 auto;
}
div#eventsAd a:hover
{
	background-position: -121px -175px;
}
div#newsAd
{
	width: 110px;
	left: 220px;
}
div#newsAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -235px 0px no-repeat transparent;
	width: 110px;
}
div#newsAd a:hover
{
	background-position: -235px -174px;
}
div#mccAd
{
	width: 110px;
	left: 330px;
}
div#mccAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -350px -1px no-repeat transparent;
	width: 110px;
}
div#mccAd a:hover
{
	background-position: -350px -175px;
}
div#dqAd
{
	width: 110px;
	left: 330px;
}
div#dqAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -350px 0px no-repeat transparent;
	width: 110px;
}
div#dqAd a:hover
{
	background-position: -350px -175px;
}
div#miracleAd
{
	width: 110px;
	left: 110px;
}
div#miracleAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -121px 0px no-repeat transparent;
	width: 110px;
	margin: 0 auto;
}
div#miracleAd a:hover
{
	background-position: -121px -175px;
}
div#dsuAd
{
	width: 110px;
	/*left: 440px;*/
	left:330px;
}
div#dsuAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -465px 0px no-repeat transparent;
	width: 110px;
}
div#dsuAd a:hover
{
	background-position: -465px -175px;
}
div#boosterAd
{
	width: 110px;
	/*left: 550px;*/
	left: 440px;
}
div#boosterAd a
{
	background: url(../../img/v3/main/Slide_Ads.jpg) -577px 0px no-repeat transparent;
	width: 110px;
}

div#boosterAd a:hover
{
	background-position: -577px -175px;
}
#galleryWrap
{
	float: right;
	position: relative;
	width: 441px;
	margin-right: 10px;
}
.stepcarousel
{
	position: relative; /*leave this value alone*/
	/*overflow: scroll; leave this value alone*/ /*width: 460px; Width of Carousel Viewer itself*/
	height: 175px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
	position: relative; /*leave this value alone*/
	height: 175px;
}
.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ /*margin: 10px 14px 10px 5px; margin around each panel*/ /*width: 188px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.slidderButtons
{
	position: absolute;
	height: 14px;
	left: 180px;
	bottom: 0px;
}
.slidderButtons a
{
	text-indent: -9999px;
	display: block;
	width: 47px;
	height: 13px;
}
.slidderButtons #bckBtn
{
	background: transparent url(../../img/v3/sldBtns.png) no-repeat 0px -23px;
}
.slidderButtons #bckBtn:hover
{
	background-position: 0px -7px;
}
.slidderButtons #fwdBtn
{
	background: transparent url(../../img/v3/sldBtns.png) no-repeat -48px -23px;
	position: absolute;
	left: 50px;
	bottom: 1px;
}
.slidderButtons #fwdBtn:hover
{
	background-position: -48px -7px;
}

div#quicklinks
{
	width: 290px;
	left: 12px;
	background: url(../../img/v3/main/links.gif) top left no-repeat transparent;
}

div#quicklinks h3
{
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}

div#quicklinks ul
{
	margin: 30px 20px 20px 40px;
}

div#quicklinks li
{
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	list-style-type: circle;
	list-style-image: url(../../img/v3/main/arrow.png);
	font-style: italic;
}

div#quicklinks a:link, div#quicklinks a:visited, div#quicklinks a:hover, div#quicklinks a:active
{
	color: #565656;
}


/* / Footer */
/* fixes */
#miscBurst
{
	background: transparent url(../../img/v3/main/miscBurst.png) -13px 0px no-repeat;
	position: absolute;
	display: block;
	width: 175px;
	height: 140px;
	font-size: .01px;
	text-indent: -9999px;
	z-index: 0;
	right: 10px;
	top: 150px;
}
#miscBurst:hover
{
	background: transparent url(../../img/v3/main/miscBurst.png) -198px 0px no-repeat;
}
#flyOut
{
	background:transparent url(../../img/v3/main/PetContest_Flyout.png) 0px 0px no-repeat;
	position: absolute;
	display:block;
	width:210px;
	height:50px;
	font-size: .01px;
	text-indent: -9999px;
	z-index: 0;
	right: -14px;
	top: 212px;
}
#crossBanner
{
	background: transparent url(../../img/v3/main/RedCross.png) 0px 0px no-repeat;
	position: absolute;
	display: block;
	width: 134px;
	height: 50px;
	font-size: .01px;
	text-indent: -9999px;
	z-index: 0;
	right: 35px;
	top: 249px;
}
#crossBanner:hover
{
	background: transparent url(../../img/v3/main/RedCross.png) -134px 0px no-repeat;
}