/* CSS Document */
body {
	font: 100% "Arial", Helvetica, Verdana, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	min-width:1080px;
	}


/* ANCHORS */

a:link {
	font: 100% "Arial", Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {	
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;	
	font-weight: bold;
	}

a:hover {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
	font-weight: bold;	
	}

a:active {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;

}
.leftimage {/* this class should be used for left hand images */
	padding:0 10px 10px 0;
	float:left;
}
.leftimage .border{ /* this class should be used for left hand image boarders */
	border: solid #000 1px;
	margin:0 0 10px 0;
}

.rightimage { /* this class should be used for right hand images */
	padding:10px 0px 10px 10px;
	float:right;
}
.rightimage .border{ /* this class should be used for right hand image boarders */
	border: solid #000 1px;
	margin:0 0 10px 0;
}
.captions {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 12px;
	margin-top: 2px;
	font-style:italic;
}

.left2 { 
	 float:left;
}     

.right2 { 
	 float:right;
}     


/* Navigation */


.mainnav { 
	 width: 960px;
	 w\idth: 965px; /*IE6 width*/
	 margin: 0 auto;
	 background:#fff;
	 z-index:5000;
	
}


.social { 
	 float:right;
	 margin:15px 15px 0 0;
}     

.social2 { 
	 float:right;
}     
/* Main Content */
#maincontent {
	width: 100%; 
	text-align: left; /* this overrides the text-align: center on the body element. */		
	background-color: #fff;
	}
#bgImg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height:434px;
	min-width:1080px;
	border:0;
}
#sealImg {
	position: absolute;
	z-index: 1;
	margin:0 auto;
	width:1053px;
	}
	.topwrapper { 
	 width: 947px;
	 w\idth: 950px; /*IE6 width*/
	 height:430px;
	 margin: 0px auto 0 auto;
	 padding:0 15px 20px 15px;
	}
.topcontent { 
	 width: 945px;
	 w\idth: 950px; /*IE6 width*/
	 padding:105px 0 0 10px;
	 position:absolute;
	 z-index:100;
}

.feature { /* this styles the mainfeature text. */		
	float:left;
	width:688px;
}   

#featuretext {
	position: absolute;
	top: 330px;
	left: 0px;
	width: 643px;
	height: 40px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* #featuretextbkg {
	position: absolute;
	top: 330px;
	left: 0px;
	width: 668px;
	opacity: .5;
	filter: alpha(opacity = 50);
	background-color: #000;
	height: 40px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}*/

#featurewrapper {
	position: absolute;
	overflow:hidden;
	width: 688px;
	height: 330px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
}
#featurearrow {
	position: absolute;
	top: 330px;
	left: 0px;
	width: 668px;
	height: 38px;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.topsidebar { /* this is the topsidebar right. */		
	position: absolute;
	left: 698px;
	width:238px;
	background:#FFFFFF url(topsideb.gif) no-repeat;
	background-position:top;
	margin:0;
	padding:0;
	height:330px;
} 
.promotion {
 width:225px;
 height:180px;
 margin:10px auto;
 }
 .promotionframe { position: absolute; width: 221px; height: 176px; overflow: hidden; }
.promotioncontainer { position: relative; left: 0; width: 450px; height: 176px; overflow: hidden; }

#box1 {
	float: left;
}
#box2 {
	float: right;
}
 
.bigbug {
 width:221px;
 margin:0px auto;
 }


.wrapper1 { 
	 width: 945px;
	 w\idth: 950px; /*IE6 width*/
	 margin: 0 auto 20px;
	  padding:0 0px 0 15px;
	  position: relative;
	  z-index: 1;	  
	
}

/* Resources Sidebar */

.resources { 
	 width: 239px;
	 margin:0 40px 0 0;
	 color: #002663;
	 background:#ECC35D;
	 background: url('images/bluebkg2.jpg') no-repeat;
	 float:left;
} 
.resourcesitem {
	width:220px;
	padding:0 0 10px 0;
	margin:0 0px 5px 15px;
	
	} 
	
.resourcesitem h1 {
	
	font: bold  15px "Arial", Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	border-bottom:solid 1px  #67AEFF;
	line-height: 25px;
	padding:10px 0 0 0px;
	margin:0px 0 10px 0;
}

.resourcesitem p{
	font: normal 13px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 15px;
	padding:0 0 2px 0;
	color: #fff;
}
.resourcesitem a{
	color: #fff;
	font: normal  13px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 15px;
	
}
.resourcesitem a:hover, .resourcesitem a.selected
{
	font: normal  13px "Arial", Helvetica, Verdana, sans-serif;
	line-height:15px;
	color:#67AEFF;
	text-decoration:underline;
	
	
}
.resourcesicon {
	width: 56px;
	float:left;
} 
.resourcesitem2 {
	width: 170px;
	float:left;
	font: bold  11px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 12px;
	padding:0 0 0 5px;
}
.resourcesitem2 p{
	font: bold  11px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 12px;
	padding:0 0 4px 0;
}
.resourcesitem2 a{
	color: #002663;
	font: bold  11px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 12px;
	
}
.resourcesitem2 a:hover, .resourcesitem2 a.selected
{
	font: bold  11px "Arial", Helvetica, Verdana, sans-serif;
	line-height:12px;
	
	
}


/* tab items */

.wrapper2
{
	width:665px;
	float:left;
	}
	

	.newsheader
{
	width:645px;
	margin:15px 0 0 0;
	color:#666;
	
	
	}
	
	.newsheader a
{
	
	color:#666;
	
	
	}

.newsheader a:hover, .newsheader a.selected{
	
	color: #002663;

	}
	.newsheadericons
{
	width:645px;
	height:45px;
	margin:0 0 10px 0;
	border-bottom:solid 3px #002663;
	}
	.newsheadericons p
{
	padding:0;
	margin:0;
	}
	.newsheadericons ul
{
	padding:0;
	margin:0;
	}
	.newsheadericons li
{
	padding:0;
	margin:0;
	}
	.newsheadericons img
{
	padding:0;
	margin:0;
	float:left;
	}
	.calendar
{
	float:right;
	
	}
	
	/* News Tab */
	
.mainnewsimage {/* this class should be used for left hand images */
	padding:0 10px 10px 0;
	float:left;
	clear:both;
}
.newseventswrapper {
	margin: 30px 0 25px 0;
	clear:left;
}
/*end*/ 
/*\*/ 
/*html*.newseventswrapper { 
[margin: 30px 0 60px 0; 
]margin: 30px 0 60px 0; 
}*//*end*/ 
.dummyend[id]{clear:both;} 

/*\*/ 
* html .newseventswrapper { 
margin: 30px 0 25px 0;
} 
/*end*/ 
.newsblock {
	background-color: #FFFFFF;
	width: 415px;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	border-right: solid 1px #CCCCCC;
	padding-right:10px;
}

.leadstorywrapper {
	float:left;
	width:190px;
	margin-right:10px;
}

.newsstoryhead {
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
}

.newsstoryhead a{
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
	text-decoration:none;
}
.newsstoryhead a:hover, .newsstoryhead a.selected{
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #4680DC;
	margin-bottom: 10px;
	text-decoration:underline;
}

h2.newsstoryhead {
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
}

h2.newsstoryhead  a{
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
	text-decoration:none;
}
h2.newsstoryhead  a:hover,  h2.newsstoryhead a.selected{
	font: bold  18px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #4680DC;
	margin-bottom: 10px;
	text-decoration:underline;
}

.newsstorybody {
	font: normal 12px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 14px;
	margin-bottom: 30px;

}
.newsmainlink {
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #D0801E;
	margin-bottom:20px;

}
.newsmainlink a {
	font-size: 14px;
	font-weight: bold;
	color: #D0801E;
	text-decoration: none;
}

.newsmainlink a:hover, .newsmainlink a.selected{
	font-size: 14px;
	font-weight: bold;
	color: #002663;
}
.newstitles {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}
.newstitles1 {
	font-size: 12px;
	margin-bottom: 20px;
}
.newstitles a:link {
	color: #002663;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:0;
 }
.newstitles a:visited {
color: #002663;
text-decoration: none;
font-weight: bold;
 }
.newstitles a:hover {
color: #4680DC;
text-decoration: underline;
font-weight: bold;
}
.newstitles ul {
margin:0;
padding:0;
list-style:none;
	}
.newstitles ul li {
	font-size: 12px;
	font-weight: bold;
	margin:0 0 10px 25px;
	color: #4680DC;
	list-style-image: url('images/newsgold.gif');
	

}
.newsbottom {
	padding: 10px 0;
	background-color: #FFFFFF;
	width: 100%;
	display: block;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	border-top: solid 1px #CCCCCC; 
	
}
.morenews {
    
	float:left;
	
}
.morenews a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
    float:left;
	
}

.morenews a:hover, .morenews a.selected{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #0066FF;
	
	
}
.subscribe {
   
    float:right;
	
}

.subscribe a {
    
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
    
	
}

.subscribe a:hover, .subscribe a.selected{
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	
	color: #0066FF;
	
	
}

/* New Spotlight Sidebar */

.newspotlight {
background-color:#D3D3C7;
border: solid 1px #666666;
width:645px;
background-image:url('images/dare-spo.jpg');
background-repeat:repeat-x;
padding-bottom:10px;
}
.newspotlight h1 {
	background-color: #666666;
	background-image:url('images/dare-spp.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	letter-spacing: 2px;
	color: #fff;
	padding:5px 0 5px 10px;
	text-align:left;
	border-bottom:solid 1px #666;
	margin-bottom:20px;
}
.newspotlight2 {
background-color:#D3D3C7;
border-bottom:0;
border-bottom: none;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
width:699px;
background-image:url('images/dare-spo.jpg');
background-repeat:repeat-x;
margin-bottom:0px;
}

.newspotlightbar {
	background-color: #666666;
	background-image:url('images/dare-spp.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
	height:5px;
	line-height: 12px;
	letter-spacing: 2px;
	color: #fff;
	text-align:left;
	border-bottom:solid 1px #666;
	margin-bottom:20px;
}
.col {
    float:left;
	width:250px;
	margin: 0 20px  0 10px;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	border-right:solid 1px #ccc;
		
}
.col h4{
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
		
}
 .col a {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #333;
		
}
.imagecol {
    float:left;
	width:100px;
	margin: 0 10px 20px 0px;
	clear:left;
		
}
.imagecol2 {
    float:left;
	width:95px;
	margin: 0 0px 20px 0px;
	clear:left;
		
}
.col2 {
    float:left;
	width:160px;
	display:block;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
		
}
.col2 p {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin: 10px auto;
	padding:0;
	width:130px;
		
}
.col2 h4 {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin: 10px auto;
	padding:0;
	width:130px;
	font-weight:normal;
		
}
 .col2 a{
	color:#000;
	font-weight:normal;
		
}
.col2 a:hover, .col2 a.selected{
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
}
/* Events Sidebar */
.events {
	width: 180px;
	float: left;
	font:12px Arial, Helvetica, Verdana, sans-serif;
}
.events h1 {
	font: bold  16px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
	letter-spacing:1px;
}
.events h2 {
	font: bold  16px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #002663;
	margin-bottom: 10px;
	letter-spacing:1px;
}

.events a:link {
	color: #002663;
	text-decoration: none;
	font-weight: bold;
 }
.events a:visited {
color: #002663;
text-decoration: none;
font-weight: bold;
 }
.events a:hover {
color: #4680DC;
text-decoration: underline;
font-weight: bold;
}
.events ul {
margin:0;
padding:0;
list-style:none;
	}
.events ul li {
font:12px Arial, Helvetica, Verdana, sans-serif;
	margin:0 0 20px 0px;
	color: #002663;
	line-height:16px;

}
/* Spotlight Sidebar */
.spotlight {
	width: 224px;
	float: left;
}
.spotlight .contents{
     width:200px;
	font: normal 12px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 14px;
	background-color: #DAE3F8;
	padding:0 12px;
}
.spotlight .contents2{
     width:200px;
	 height:400px;
	font: normal 12px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 14px;
	background-color: #DAE3F8;
	padding:0 12px;
	overflow:hidden;
}
.spotlight a{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
}
.spotlight a:hover, .spotlight a.selected{
	color: #4680DC;
	}

.spotlighthead {
    width:224px;
	background-color: #DAE3F8;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	letter-spacing: 2px;
	color: #002663;
	padding:10px 0;
	text-align:center;
	
}
.spotlighthead2 {
    width:224px;
	background-color: #060c56;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 24px;
	letter-spacing: 2px;
	color: #fff;
	padding:0;
	text-align:center;
	
}
.spotlightmore {
	padding:10px 12px 10px 12px;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
	}
.spotlightmore a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
 	
}

.spotlightmore a:hover, .spotlightmore a.selected{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #0066FF;
	
	}
	
	.spotlightmore2{
	width: 200px;
	background-color: #DAE3F8;
	padding:20px 12px 20px 12px;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
	}
.spotlightmore2 a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #002663;
 	
}

.spotlightmore2 a:hover, .spotlightmore2 a.selected{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #0066FF;
	
	}
	/* Events Tab */

	.eventsblock {
	padding-top: 20px;
	background-color: #FFFFFF;
	width: 350px;
	display: block;
	float: left;
	margin: 0 25px 0 0;
}
/* Calendar - Small */

.calendar_box { padding: 0; background:#FFFFFF; width:230px; float:left;}



	/* Get Connected */

	.getconnected {
	padding-top: 20px;
	background-color: #FFFFFF;
	display: block;
}
.getconnected2 {
	padding: 0;
	background-color: #FFFFFF;
	display: block;
	height:60px;
	width:930px;
	margin:30px auto 10px auto;
}

.getconnected3 {
   
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	letter-spacing: 2px;
	color: #002663;
    float:left;
	
}
/* Dare Home Page items */
/* Main Slideshow nav */
#nav { z-index: 50; position: absolute; bottom: 18px; right: 270px; }
#nav a { margin:0 2px; padding: 2px 3px;  background: #000; text-decoration: none; color:#fff; font-size:8px; line-height:12px;}
#nav a.activeSlide { background: #ea0; color:#000; }
#nav a:focus { outline: none; }
/* Main Slideshow */
#mainslideshow { width: 688px; height: 330px; overflow:hidden; }
#mainslideshow div { width: 688px; height: 330px; padding: 0px; color: #333; text-align: left;  }
#mainslideshow div img { float: left; margin: 0; width: 688px; height: 330px; padding: 0px; background: #fff; visibility: hidden; }

#mainslideshow div { top: 0; left: 0 }
 
#mainslideshow div .boxcaption p{ 
					padding: 0 0 0 20px; 
					color:#fff; 
					font-weight:normal; 
					font:14px "Lucida Grande", Arial, sans-serif;
					line-height:26px;
					background:#002663;
				}
#mainslideshow div .boxcaption a{ 
					padding: 0 ; 
					color:#fff; 
					font-weight:normal; 
					font:14px "Lucida Grande", Arial, sans-serif;
					line-height:26px;
					background:#002663;
				}
				
#mainslideshow div .boxcaption{  
				position: absolute; 
				height: 55px; 
				width: 688px;
				visibility: hidden;
				
 			}
#mainslideshow div .boxcaption {
 					top: 250px;
 					left: 0; 				}
#mainslideshow div .boxcaption h3{ padding: 0 0 0 20px;  margin:3px 0 0 0px; color:#FFF; font:40px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; line-height:40px;   }
#mainslideshow div .boxcaption h3 a{ color:#FFF; font:40px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; line-height:40px; text-decoration:none; background:none;  }
#mainslideshow div .boxcaption h3 a:hover{ color:#FFF; font:40px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; line-height:40px; text-decoration:none;   }
				
			h3 a{}
			/* top slider */
#s4 { width: 218px; height: 225px; background-color: #fff; margin:10px auto 5px auto; overflow:hidden; }
#s4 div { width: 218px; height: 225px; padding: 0px; color: #333; text-align: left; ; }
#s4 div img { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; padding: 0px; background: #fff }
#s4 div { top: 0; left: 0 }

#events-heading { width: 50px; height: 58px; float:right; background-image: url(eventsca.jpg); margin-left:5px; position:relative;  }
			
			#calendar-year { position: absolute; top: 0px; left: 0px; width: 88px; height: 15px; text-align: center; }
				#calendar-year p { margin: 2px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; color: #fff; }
				#calendar-year p a{ margin: 2px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; color: #fff; text-decoration:none; }
			#calendar-month{ position: absolute; top: 0px; left: 0px; width: 50px; height: 13px; text-align: center; color:#000033 }
				#calendar-month p { margin:0; padding: 0; font-size: 10px; font-weight: bold; color: #fff; line-height:12px; }
				#calendar-month p a { margin:0; padding: 0; font-size: 10px; font-weight: bold; color: #fff; line-height:12px; text-decoration:none; }
			#calendar-day { position: absolute; top: 13px; left: 0px; height: 40px; width: 50px; text-align: center; }
				#calendar-day p { margin: 2px 0 0 0; padding: 0; font-size: 28px; font-weight: bold; color: #666; }
				#calendar-day p a { margin: 2px 0 0 0; padding: 0; font-size: 28px; font-weight: bold; color: #666; text-decoration:none; }
			#calendar-dayname { position: absolute; top: 40px; left: 0px; height: 14px; width: 50px; text-align: center; }
				#calendar-dayname p { margin: 1px 0 0 2px; padding: 0; font-size: 10px; font-weight: bold; color: #333; }