/* set up the font to be used for the page */
body {font-family: "Trebuchet MS"; background: #442152 url(images/mainbg.png) repeat-x top}


/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:630px; height:120px; background:url(images/founders_basic.jpg) no-repeat; position:relative;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:630px; height:0; padding-top:120px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(images/founders_hover.jpg) no-repeat 600px 600px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imap a#title {height:120px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #picp {left:7px; top:24px; z-index:20;}
#imap #picr {left:88px; top:24px; z-index:20;}
#imap #picj {left:170px; top:24px; z-index:20;}
#imap #picg {left:252px; top:24px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#love {display:block; width:75px; height:90px; background:transparent url(images/founder_love.jpg) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#just {display:block; width:75px; height:90px; background:transparent url(images/founder_just.jpg) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#coleman {display:block; width:75px; height:90px; background:transparent url(images/founder_coleman.jpg) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#cooper {display:block; width:75px; height:90px; background:transparent url(images/founder_cooper.jpg) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap a#just:hover, #imap a#coleman:hover, #imap a#cooper:hover, #imap a#love:hover {background-position:0 0;}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:292px; display:block; font-family:arial; font-size:12px; background: transparent; color:#FFF; border:0px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:304px; w\idth:292px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#just:hover span {left:319px; top:-15px;}
#imap a#coleman:hover span {left:238px; top:-15px;}
#imap a#cooper:hover span {left:156px; top:-15px;}
#imap a#love:hover span {left:75px; top:-15px;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}
#imap a h4 { color:#FFCC00; font-size:11pt;font-style:italic; padding-top:7px; padding-bottom:3px; margin:0}

.qaccord{
margin: 5px 0;
padding: 0;
width: 300px; /*width of menu*/
border: 1px solid #000;
}

.qaccord div.silverheader a{
background: url(images/AccordionTab0.gif) repeat-x center left;
font: normal 12pt "Trebuchet MS";
text-transform:uppercase;
color: #660099;
font-weight:bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 3px 0;
padding-left: 8px;
text-decoration: none;
}


.qaccord div.silverheader a:visited, .qaccord div.silverheader a:active{
color: #660099;
}


.qaccord div.selected a, .qaccord div.silverheader a:hover{
background-image: url(images/AccordionTab2.gif);
color: #660099;
}

.qaccord div.submenu{ /*DIV that contains each sub menu*/
background:#F5F4E9;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
padding: 5px;
height: 155px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.qaccord a:active { color: #660099; text-decoration:underline; font-weight: normal }
.qaccord a:link { color: #660099; text-decoration:underline; font-weight: normal }
.qaccord a:visited { color: #660099; font-weight: normal; text-decoration:underline }
.qaccord a:hover { color: #993399; text-decoration:underline; font-weight: normal}

*{ padding:0px; margin:0px; }
			
.boxgrid a:active { color: #FFFFFF; text-decoration:underline; font-weight: normal }
.boxgrid a:link { color: #FFFFFF; text-decoration:underline; font-weight: normal }
.boxgrid a:visited { color: #FFFFFF; font-weight: normal; text-decoration:underline }
.boxgrid a:hover { color: #FFCC00; text-decoration:underline; font-weight: normal}
.boxgrid h3{ margin: 5px 5px 0 5px; color:#FFCC00; font:14pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
.boxgrid{ 
		width: 110px; 
		height: 80px; 
		margin:5px; 
		float:left; 
    	background: #470251; 
		overflow: hidden; 
		position: relative; 
			}
.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; }

.boxgrid p{ 
		padding: 0 5px; 
		color:#ffffff; 
		font-weight: normal; 
		font:8pt Arial, Helvetica, sans-serif; 
		}
				
.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #660066; 
		height: 100px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
.captionfull .boxcaption {
		top: 76px;
		left: 0px;
		}
.caption .boxcaption {
		top: 10px;
		left: 0px;
    	}

.qcontent1div{
width:958px}


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 485px; /*width of featured content slider*/
height: 200px;
text-align:left;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 7px;
background-color: #F0EBC8;
width: 475px; /*width of content DIVs within slider. Total width should equal slider's inner width (475+5+5=485) */
height: 200px;
font-size:10.5pt;
font-weight:500;
font-family: Arial, Helvetica, sans-serif;
display:block;
}

.sliderwrapper .contentdiv a:active { color: #330066; text-decoration:underline; font-weight: 500 }
.sliderwrapper .contentdiv a:link { color: #330066; text-decoration:underline; font-weight: 500 }
.sliderwrapper .contentdiv a:visited { color: #330066; font-weight: 500; text-decoration:underline }
.sliderwrapper .contentdiv a:hover { color: #670BBB; text-decoration:underline; font-weight:500}

.pagination{
width: 440px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding-top:5px;
padding-left: 5px;
padding-bottom:5px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #8B8443;background: #F4F1D7;
border: 1px solid #9C9243;
font-size:15pt;
}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background-color: #CAC184;
border: 1px solid #9C9243;
font-size:15pt;
}


.homenews{
font-size:8pt;
font-weight:400;
color: #534F31;
font-family: Arial, Helvetica, sans-serif;
}

.homenews a:active { color: #3E0550; text-decoration: none; font-weight:500; font-size:10pt }
.homenews a:link { color: #3E0550; text-decoration:none; font-weight:500; font-size:10pt }
.homenews a:visited { color: #3E0550; font-weight:500; text-decoration:none;font-size:10pt }
.homenews a:hover { color: #3E0550; text-decoration:underline; font-weight:500; font-size:10pt}

.homeevents{
font-size:10pt;
font-weight:bold;
color: #3E0550;
font-family: Arial, Helvetica, sans-serif;
}

.homeevents a:active { color: #3E0550; text-decoration: none; font-weight: 300; font-size:10pt }
.homeevents a:link { color: #3E0550; text-decoration:none; font-weight: 300; font-size:10pt }
.homeevents a:visited { color: #3E0550; font-weight: 300; text-decoration:none;font-size:10pt }
.homeevents a:hover { color: #3E0550; text-decoration:underline; font-weight:300; font-size:10pt}

.qfooter2{
font-size:8pt; font-weight:bold;color:#3F064D; font-family:Arial, Helvetica, sans-serif;}
.qfooter2 a:active {font-size: 8pt; color: #3F064D; text-decoration: none; font-weight: bold }
.qfooter2 a:link {font-size: 8pt; color:#3F064D; text-decoration: none; font-weight: bold }
.qfooter2 a:visited {font-size: 8pt; color:#3F064D; text-decoration: none; font-weight: bold }
.qfooter2 a:hover {font-size: 8pt; color: #6600CC; text-decoration: underline; font-weight: bold}
.qfooter2 .current{font-size: 8pt; color:#FFFFFF; text-decoration: underline; font-weight: bold;}


.centennialqb h3{font-size:10pt; font-weight: normal; margin-bottom:3px}
.centennialqb ul li{ list-style:inside; font-weight: normal; list-style-position:inside; list-style-type:square; margin:5px; }
.centennialqb{font-size:9.5pt;color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.centennialqb a:active {font-size: 9.5pt; color: #FFCC00; text-decoration: underline; font-weight: normal }
.centennialqb a:link {font-size: 9.5pt; color:#FFCC00; text-decoration: underline; font-weight: normal }
.centennialqb a:visited {font-size: 9.5pt; color:#FFCC00; text-decoration: underline; font-weight: normal }
.centennialqb a:hover {font-size: 9.5pt; color: #FFC; text-decoration: underline; font-weight: normal}

.countdown{font-size:16pt;color:#FFF; font-family: "Times New Roman", Times, serif;}
.countdown a:active {font-size: 10pt; color: #FFCC00; text-decoration: underline; font-weight: normal; font-family:Arial, Helvetica, sans-serif }
.countdown a:link {font-size: 10pt; color:#FFCC00; text-decoration: underline; font-weight: normal; font-family:Arial, Helvetica, sans-serif }
.countdown a:visited {font-size: 10pt; color:#FFCC00; text-decoration: underline; font-weight: normal;font-family:Arial, Helvetica, sans-serif }
.countdown a:hover {font-size: 10pt; color: #FFC; text-decoration: underline; font-weight: normal;font-family:Arial, Helvetica, sans-serif}

#centfeatured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#centfeatured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#centfeatured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#centfeatured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#centfeatured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#centfeatured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#centfeatured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#centfeatured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#centfeatured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#centfeatured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#centfeatured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#centfeatured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#centfeatured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#centfeatured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#centfeatured .info a:hover{ 
	text-decoration:underline; 
}
#centfeatured .ui-tabs-hide{ 
	display:none; 
}