/* Hanson Auditorium CSS */

body {
background: #161616 url(../imgs/body_bg.jpg) repeat-x left top;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1em;
text-align: center;
}


/* Content Styling */

a:link, a:focus, a:visited {
text-decoration: underline;
color: #555;
}
a:hover {
text-decoration: none;
}

img.justifyleft  {float:left; margin-right:10px;margin-bottom:5px;margin-top: 5px !important;}
img.justifyright {float:right; margin-left:10px;margin-bottom:5px;margin-top: 5px !important;}

/* Header */

#Header {
text-align: left;
width: 1000px;
margin: 0 auto;
position: relative;
}

#Logo {
float: left;
}

#Located {
position: absolute;
top: 21px;
right: 21px;
}


/* MainNav */

#MainNav {
float: right;
margin-top: 55px;
margin-right: 4px;
}

#MainNav ul {
list-style-type: none;
}

#MainNav ul li {
float: left;
margin-right: 10px;
padding: 5px 10px;
}

#MainNav ul li.active {
background-color: #464646;
}

#MainNav ul li a:link, #MainNav ul li a:focus, #MainNav ul li a:visited  {
font-family: Trebuchet MS, Arial, sans-serif;
text-transform: uppercase;
color: #d8d8d8;
font-size: .9em;
text-decoration: none;
}

#MainNav ul li a:hover {
text-decoration: underline;
}

#MainNav ul li.Active a:hover {
text-decoration: none;
}
 


/* Featured Styles */
#Featured {
width: 945px;
height: 301px;
background-color: #fff;
margin: 0 auto;
padding: 6px;
clear: both;
position: relative;
}
#Featured .ComingTo {
position: absolute;
right: 47px;
top: 8px;
}
#Featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:32px; right:21px; 
	list-style:none; 
	padding:0; margin:0; 
	width:284px; 
}
#Featured ul.ui-tabs-nav li{ 
  padding: 1px 0 10px 13px; 
	font-size:12px; 
	color:#666; 
	text-align: left;
}
#Featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#Featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:Trebuchet MS, Arial, sans-serif; 
	line-height:18px; 
	display: inline-block;
	color: #464646;
}
#Featured ul.ui-tabs-nav li span p {
margin: 0;
}
#Featured ul.ui-tabs-nav li span strong {
text-transform: uppercase;
}
#Featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:50px; 
	color:#333;  background:#fff; 
	line-height:20px;
	padding: 5px;
	text-decoration: none;
}
#Featured li.ui-tabs-nav-item a:hover{ 
	background:#dcdcdc; 
}
#Featured li.ui-tabs-selected{ 
	background:url('../imgs/selected-item.gif') top left no-repeat;  
}
#Featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#Featured .ui-tabs-panel{ 
	width:640px; height:301px; 
	background:#999; position:relative;
}
#Featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:255px; left:0;
  width: 100%; 
	text-align: left;
	background: url('../imgs/transparent-bg.png'); 
}
#Featured .info h1,#Featured .info h2,#Featured .info h3,#Featured .info h4,#Featured .info h5,#Featured .info h6{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#Featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#Featured .info a{ 
	text-decoration:underline; 
	color:#fff; 
}
#Featured .info a:hover{ 
	text-decoration:none; 
}
#Featured .ui-tabs-hide{ 
	display:none; 
}
#Featured .ui-tabs-panel p {
/*margin: 0;*/
}

/* Content */
#ContentWrapper {
position: relative;
width: 957px;
margin: 0 auto;
padding-top: 22px;
color: #464646;
}
#Col1 {
float: left;
width: 289px;
height: 331px;
background-color: #fbfbfb;
margin-right: 33px;
padding: 4px;
}
#Col2 {
float: left;
width: 289px;
height: 331px;
background-color: #fbfbfb;
margin-right: 33px;
padding: 4px;
}
#Col3 {
float: left;
width: 289px;
height: 331px;
background-color: #fbfbfb;
padding: 4px;
}      
#Col3 table {
margin-top: 1em;
}
#Col3 table tr {

}
#Col3 table tr td {
padding: 5px 5px 15px;
vertical-align: top;
}
#Col3 table tr td.desc {
width: 133px;
}
#Col1 div.Wrapper, #Col2 div.Wrapper, #Col3 div.Wrapper {
height: 100%;
width: 100%;
background: transparent url(../imgs/col_bkgd.gif) repeat-x left bottom;
text-align: left;
font-size: .8em;
color: #555555;
}
#Col1 div.Wrapper h2, #Col2 div.Wrapper h2, #Col3 div.Wrapper h2 {
background: url("../imgs/home_h2_bkgd.gif") repeat-x scroll left top transparent;
color: #fff;
margin: 0;
padding: 5px 0 5px 9px;
font-family: "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
font-size: 1.2em;
}
#Col1 div.Wrapper p, #Col2 div.Wrapper p, #Col3 div.Wrapper p {
padding: 0 5px 5px 5px;
}
#Col1 div.Wrapper h3, #Col2 div.Wrapper h3, #Col3 div.Wrapper h3 {
color: #555555;
margin-bottom: 0;
}
#Col1 div.Wrapper h3 a, #Col2 div.Wrapper h3 a, #Col3 div.Wrapper h3 a {
font-size: .9em;
}
/* Stuf for Ditto */
#Col2 div.Wrapper #NewsWrapper {
padding: 0 5px;
}
#Col2 div.Wrapper .ditto_info {
font-size: .8em;
}


/* Footer */
#Footer {
width: 949px;
background: #fff;
height: 100px;
margin: 0 auto;
margin-top: 20px;
clear: both;
padding: 4px;
}
#Footer div {
background: #fff url(../imgs/footer_bkgd.gif) repeat-x left bottom;
height: 100px;
}
#Footer div #FooterCol1 {
float: left;
width: 305px;
background: transparent url(../imgs/footer_sep.gif) no-repeat right top;
text-align: left;
}
#Footer div #FooterCol2 {
float: left;
width: 311px;
background: transparent url(../imgs/footer_sep.gif) no-repeat right top;
text-align: left;
}
#Footer div #FooterCol3 {
float: left;
width: 285px;
text-align: left;
position: relative;
}
#Footer div #FooterCol3 .facebook {
position: absolute;
bottom: 5px;
right: 7px;
}
#Footer div #FooterCol1, #Footer div #FooterCol2, #Footer div #FooterCol3 {
padding: 0 8px;
}
#Footer div h3 {
color: #515151;
font-size: 1em;
margin: 0 0 5px 0;
} 
#Footer div p {
margin: 0 0 7px 0;
color: #515151;
font-size: .9em;
}
#Copyright {
width: 949px;
margin: 0 auto;
margin-top: 10px;
clear: both;
color: #fff;
font-size: .7em;
text-align: right;
}

/* Calendar Styling */
#bsCalendar {
width: auto;
}
#bsCalendar #calbody {
margin: 0 auto;
}
.cal_month {
margin: 0 auto;
}

/* Calendar */
#EventsCalendar {
text-align: center;
width: 100%;
}
#EventsCalendar table {
margin: 0 auto;
background-color: #d9d9d9;
border: solid 2px #9b9b9b;
}
#EventsCalendar table tr td.title {
font-weight: bold;
text-decoration: underline;
}
#EventsCalendar table tr td {
padding: 10px;
text-align: left;
}

/* Fixes */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}