/* 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;
	
	}


/* 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%;
}
.topwrapper { 
	 width: 947px;
	 w\idth: 950px; /*IE6 width*/
	 height:390px;
	 margin: 0 auto;
	 padding:0 15px 20px 15px;
	}
.topcontent { 
	 width: 945px;
	 w\idth: 950px; /*IE6 width*/
	 padding:60px 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;
	cursor:hand;
}
#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;
	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:10px auto 0px;
 }


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

/* Gold Sidebar */

.resources { 
	 width: 242px;
	 margin:0 40px 0 0;
	 color: #060C56;
	 background:#ECC35D;
	 background: #fff url('/images1/newsidebarbk.jpg') repeat-y;
	 float:left;
	 
	 
} 
.resourcesitem {
	width:235px;
	padding:0 0 10px 5px;
	
	} 
.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: #060C56;
	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;
	height:40px;
	margin:0 0 10px 0;
	color:#666;
	font-weight:bold;
	font: bold  12px "Arial", Helvetica, Verdana, sans-serif;
    line-height:16px;
	
	
	}
	
	.newsheader a
{
	
	color:#666;
	font-weight:bold;
	font: bold  12px "Arial", Helvetica, Verdana, sans-serif;
    line-height:16px;
	
	}

.newsheader a:hover, .newsheader a.selected{
	font-size: 12px;
	font-weight: bold;
	color: #060C56;

	}
	.calendar
{
	float:right;
	
	}
	
	/* News Tab */
	
.mainnewsimage {/* this class should be used for left hand images */
	padding:0 10px 10px 0;
	float:left;
	clear:both;
}
.newsblock {
	background-color: #FFFFFF;
	width: 380px;
	display: block;
	float: left;
	margin: 0 30px 0 0;
}

.leadstorywrapper {
	float:right;
	width:210px;
}

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

.newsstoryhead a{
	font: bold  16px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #060C56;
	margin-bottom: 10px;
	text-decoration:none;
}
.newsstoryhead a:hover, .newsstoryhead a.selected{
	font: bold  16px "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: 10px;
}
.newsstoryhead {
	font: bold  16px "Arial", Helvetica, Verdana, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #060C56;
	margin-bottom: 10px;
}
.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: #060C56;
}
.newstitles {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}
.newstitles a:link {
	color: #060C56;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:0;
 }
.newstitles a:visited {
color: #060C56;
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(../images1/newsgoldbullet.gif);
	

}
.newsbottom {
	padding: 10px 0;
	background-color: #FFFFFF;
	width: 100%;
	display: block;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	
}
.morenews {
    
	float:left;
	
}
.morenews a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #060C56;
    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: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	letter-spacing: 2px;
	color: #060C56;
    
	
}

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

/* 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: #060C56;
}
.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: #060C56;
	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 {
	width: 200px;
	background-color: #DAE3F8;
	padding:10px 12px 20px 12px;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #060C56;
	}
.spotlightmore a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #060C56;
 	
}

.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: #060C56;
	}
.spotlightmore2 a {
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	color: #060C56;
 	
}

.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;
	border-top: solid 1px #ECC35D;
	margin:0 20px 0 0;
}

.getconnected3 {
   
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 12px;
	letter-spacing: 2px;
	color: #060C56;
    float:left;
	
}
	/* Carousel */
	.promotion {
 width:221px;
 height:176px;
 margin:10px auto;
 }
 .promotionframe { position: absolute; width: 221px; height: 176px; overflow: hidden; }
.promotioncontainer { position: relative; left: 0; width: 450px; height: 176px; overflow: hidden; }


.infiniteCarousel {
  width: 221px;
  position: relative;
   height:176px;
  margin:10px 0px 10px 10px;
}

.infiniteCarousel .wrapper {
  width: 221px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  height: 176px;
  margin: 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel .wrapper ul {
  width: 221px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0;
  height: 176px;
  width: 221px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
/* tabs */

ul tabnav { list-style: none; position: relative; padding:0; width: 645px; }
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; width: 645px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin:0; padding: 0; background-color: #060c56;  }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0px; font: bold 12px Arial, Helvetica, Verdana, sans-serif; color:#fff; letter-spacing: 2px; border-top:1px solid #060c56; line-height:24px; }
.ui-tabs .ui-tabs-nav li a:hover {
	background-color: #4680DC;
	color:#fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-color:#fff; color: #060c56; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;  color: #060c56; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:30px 0; display: block; background: none; border-top:1px solid #060c56; width: 640px; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.UDWebEventFeedItemDescription { display:none;}
.UDWebEventFeedTitle  { display:none;}
.UDWebEventFeedItemTitle {padding:20px 0 5px 10px;}
.UDWebEventFeedItemDate {margin-left:10px;}
.UDWebEventFeedItemTime {margin-left:10px;}