/* Mustang Styles by Erik Kringlie */

body { font-size: 75%; color: #333; margin: 0; padding: 0; background: url(../imx/headerBKGD.png) repeat-x top; background-color: #a6a6a6; }

ul, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; }

.container { font: 13px/1.5em Lucida Grande, Verdana, Arial, sans-serif; background: url(../imx/footerBKGD.png) repeat-x bottom; }

.header, .content, .footer { margin: 0 auto; }

.clearfix { display: block; height: 0px; overflow: hidden; clear: both; }

/* Header Styles */

.header { color: #FFF; height: 114px; width: 940px; }

.header a, .header a:hover { color: #ffffff; text-decoration: none; }

.header .navigation { padding-left: 20px; }

.header .navigation li a {  padding: 4px 8px 5px 8px; }
    
.header .navigation li a:hover, .header .navigation li a.active { background: #6379Ab; }

/* Logo Treatment */

.logoTreat { padding-top: 5px; padding-left: 20px; float: left; margin-bottom:-25px; }

.logoTreat img { border: none; }

/* Top Navigation */

.navigation { font: normal normal 14px Verdana, Arial, sans-serif; float: left; padding: 16px 0px 0px 26px; }

.navigation ul { padding: 0; margin: 0; }
  
.navigation li { display: inline; margin: 0px; padding: 0; }

.navigation .pageTitle { font-size: 36px; font-weight: bold; margin-bottom: 6px; }

.utility {
  font-size: 13px;
  float: right;
  margin-right: 20px;
  text-align:center;
  width: 200px;
  margin-top: 5px;
}

.utility ul {
    padding: 6px 0;
    height: 20px; 
	margin: 0px auto;}

.utility li {
    padding: 0 9px;
    display: inline;
     }

.utility li:first-child {
    border-right: solid 1px #fff; }

.utility .contactInfo {
    font: 14px Verdana, Arial, sans-serif;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 6px 0px 6px;
	margin: 0px auto;
}

/* Page Content */

.content {
	background: #FFF;
	width: 938px;
	margin-top: 18px;
	border: solid 2px;
	border-color: #666666;
	border-bottom: none;
	overflow: hidden;
}

#contentMain {
	width: 606px;
	float: left;
	min-height: 400px;
	margin-top: 0px;
	margin-left: -2px;
	padding: 20px 40px 40px 40px;
	border-left: solid 2px #ededed;
	border-right: solid 2px #ededed;
}


#contentMainFull {
	width: 850px;
	float: left;
	min-height: 400px;
	margin-top: 0px;
	margin-left: -2px;
	padding: 20px 40px 40px 40px;

}
/* News Story Stuff */

#contentMain .storyTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #0a3aac; }

#contentMain .storyDate { font-size: 10px; color: #aaaaaa; }

#contentMain .storyBody { border-bottom: 1px solid #ededed; padding-bottom: 6px; margin-bottom: 20px; }

#contentMain a { color: #b96155; text-decoration: none; }

#contentMain a:hover { text-decoration: underline; }


#contentMainFull .storyTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #0a3aac; }

#contentMainFull .storyDate { font-size: 10px; color: #aaaaaa; }

#contentMainFull .storyBody { border-bottom: 1px solid #ededed; padding-bottom: 6px; margin-bottom: 20px; }

#contentMainFull a { color: #b96155; text-decoration: none; }

#contentMainFull a:hover { text-decoration: underline; }

 
 /* Banner Story Stuff */
 
#homePage #banner { height: 280px; margin: 0; background: #000 url(../imx/bg_banner.png) no-repeat; }

#homePage .bannerImg { float: left; margin: 8px 0 0 8px; width: 248px; height: 198px; }

#homePage .message { width: 530px; float: right; padding-top: 45px; padding-right: 60px; }

#homePage #banner h1 { color: #FFF; font-size: 22px; }

#homePage #banner h2 { width: 460px; color: #FFF; font-size: 14px; line-height: 20px; margin-top: 20px; }

#homePage #bannerSmall { cursor: hand; cursor: pointer; height: 20px; width:100%; margin-top: 0px; padding: 5px; color: #FFF; font-size: 20px; font-weight: bold; background: #000 url(../imx/bg_banner.png) no-repeat; }

#homePage #bannerSmallNav { height: 20px; width:100%; margin-top: 0px; padding: 8px; color: #FFF; font-weight: bold; background: #000 url(../imx/bg_banner.png) no-repeat; }
#homePage #bannerSmallNav a {  color: #FFF;  }

#banner .bannerControl {	
	float: right;
	color: #ffffff;
	margin: 0px 3px 0px -3px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

#bannerSmall .bannerControl {	
	float: right;
	color: #ffffff;
	margin: -5px 8px 0px 0px;
	font-weight: bold;
	font-size: 12px;
}

.bigPictureFrame {
	background: url(../imx/bg_picture_frame.png) no-repeat;
	margin: 30px 10px 10px 30px;
	width: 270px;
	height: 220px;
	float: left;
}

/* Contact Section */

#contactOuter {
	width: 100%;
	text-align: center;
}

#contactInner {
	width: 400px;
	margin: 0px auto;
	text-align: left;
}

#contactLeft {
	float: left;
}

#contactRight {
	float: right;
}

/* Classes Section */

#classesOuter {
	width: 100%;
	text-align: center;
}

#classesInner {
	width: 700px;
	margin: 0px auto;
	text-align: left;
	border: 2px solid #616160;
}

#faculty {
	text-align: center;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	background-color: #616160;	
}

#staff {
	text-align: center;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	background-color: #616160;
}

#classesInner .personnelContainer {
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
	width: 680px;
	margin: 0px auto;
}

#classesInner .pictureFrame {
	background: url(../imx/sml_picture_frame.png) no-repeat;
	margin: 10px;
	width: 150px;
	height: 122px;
	float: left;
}

#classesInner .pictureFrame img {
	width: 134px;
	height: 107px;
	border: 0px;
	margin: 7px 0px 0px 8px;
}

#classesInner .personnelName {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #0a3aac; 
	margin-top: 10px;
	
}


/* SideBar Stuff */

.sidebar { font-size: 12px; width: 250px; float: right; margin-left: -2px; padding-top: 0px; }

#sidebarHeader { font-family: Georgia, "Times New Roman", Times, serif; color: #0a3aac; }

#sidebarHeader .navTitle { padding: 8px; background-color: #ededed; font-size: 16px; text-transform: uppercase; }

#sidebarHeader .nav  { text-transform: none; text-align: center; border-bottom: 1px solid #ededed; }

#sidebarHeader .nav li  { cursor: hand; cursor: pointer; padding: 8px; display: inline; }

.eventLists { padding: 8px; }

.eventLists a { color: #ffffff; text-decoration: none; }

.eventLists a:hover { text-decoration: underline; }

.eventLists ul { margin: 0px; }

.eventLists li { padding: 4px 8px 4px 8px; margin: 2px; background-color: #6379ab; color: #ffffff;}

.eventLists div { margin-left: 10px; }

.eventLists .altLI { background-color: #ededed; }

.eventLists .altLI a { color: #333333; }

.eventLists .altLI div { color: #333333; }


.eventList .sampleList { }

.clearfix { clear: both; }

/* Footer Style */

.footer { font-size: 12px; line-height: 17px; color: #998770; width: 920px; height: 110px; padding: 10px 10px 30px 10px; }
