/*

	Montera Sport Management main stylesheet

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

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

body {
	background: #fff url('../images/wrapper/body-bg.jpg') top center repeat-x;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
}

table tr td {
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

img, a img {
	border: 0;
}

.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

.float-left {
	float: left;
	
}


/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link {
	outline: none;
	color: #9e0006;
}

a:focus {
	outline: none;
	color: #757575;
}

a:hover {
	outline: none;
	color: #000000;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	line-height: 20px;
	margin: 0 0 18px 0;
}

h1 {
	color: #39b54a;
	font-size: 22px;
	margin: 0 0 16px 0;
}

h2 {
	color: #a41116;
	font-size: 15px;
	padding: 10px 0 20px 0;
}

h2 span {
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	color: #224570;
	font-size: 14px;
	margin: 0;
}

h4 {
	color: #373737;
	padding: 5px 0 5px 0;
	font-size: 13px;
	margin: 0;
}

#left-column ul strong {
	font-size: 14px;
	color: #164a6f;
}

#right-column strong {
	font-size: 13px;
	color: #757575;
}

#intro-content p {
	padding: 28px 10px 0 0;
}

.red {
	color: #9e0006;
}

.in-this-section {
	margin-top: 45px;
	padding: 0 0 20px 40px;
}

#sub-nav ul li {
	background: url(../images/wrapper/menu-arrow.gif) 25px 15px no-repeat;
	padding-left: 40px;
	line-height: 36px;
}

.sub-section {
	padding: 20px 0 20px 40px;
	font-weight:bold;
	font-size:13px;
	color: #224570;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#wrapper #branding {
	position: absolute;
	margin-top: 87px;
	margin-left: 36px;
}

/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {
	padding: 128px 0 0 382px;
	width: 598px;
	height: 68px;
}

#main-nav li {
	float: left;
	height:25px;
	display:block;
	text-decoration:none;
}

#main-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#main-nav ul li ul li { /* all list items */
	background: url(../images/wrapper/menu-arrow.gif) 8px 7px no-repeat;
	padding: 1px 20px;
	float: none;
	position: relative;
	width: 220px;
}

#main-nav li ul { /* second-level lists */
	font-size: 12px;
	width: 210px;
	display:none;
	position: absolute;
	margin-top:-12px;
}

#main-nav li a {
	display: block;
}

#main-nav li ul li a {
	display: inline;
}

#main-nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#main-nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#main-nav .dropdown1 {
	background: white url(../images/wrapper/nav-menu1-bg.jpg) top left no-repeat;
	padding: 15px 0 10px 10px !important;
	border-bottom: 1px solid #a7c5da;
	}
	
#main-nav .dropdown1-alt {
	background: white url(../images/wrapper/nav-menu2-bg.jpg) -111px 0 no-repeat;
	padding: 15px 0 10px 4px !important;
	border-bottom: 1px solid #a7c5da;
	}

#main-nav .dropdown2 {
	background: white url(../images/wrapper/nav-menu2-bg.jpg) -111px 0 no-repeat;
	width: 370px;
	padding: 15px 0 10px 4px !important;
	border-bottom: 1px solid #a7c5da;
}

#main-nav .nav-col-left {
	width: 170px;
	float: left;
	
}

#main-nav .nav-col-right {
	width: 200px;
	float: left;
	
}

#main-nav .heading {
	padding: 10px 0 0 20px;
	height: 23px;
	margin: 0px 0 10px 0 !important;
	display: block;
	background: url(../images/wrapper/nav-divider.jpg) 19px 32px no-repeat;
	width: 185px;
	color:#224570;
	font-weight: bold;
	font-size: 13px;
}

#main-nav .nav-col-left ul {
	padding-top: 5px;
}



/* =Layout
---------------------------------------------------------------------------------------------------- */

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#horizontal-feature {
	background-image:url('../images/home-feature-img.jpg');
	height: 300px;
	margin-top: -12px;
}

#intro-content {
	padding: 38px 10px 10px 660px;
	clear:both;
	
}

#left-column {
	background:url(../images/bg-services.jpg) no-repeat;
	float: left;
	width: 600px;
	margin-top: -12px;
	padding: 35px 10px 0px 35px;
	
}

#left-column ul{
	width: 263px;
}

#right-column {
	float: left;
	width: 300px;
	padding: 25px 0px 0px 16px;
}

#left-column li {
	padding: 0 0 0 30px;
}

.divider {
	background-image:url(../images/list-divider.jpg);
	margin: 9px 0 9px 0;
}

#left-column li.one {
	background: url('../images/bullet-1.jpg') center left no-repeat;
}

#left-column li.two {
	background: url('../images/bullet-2.jpg') center left no-repeat;
}

#left-column li.three {
	background: url('../images/bullet-3.jpg') center left no-repeat;
}

#left-column li.four {
	background: url('../images/bullet-4.jpg') center left no-repeat;
}

#left-column li.five {
	background: url('../images/bullet-5.jpg') center left no-repeat;
}

#left-column li.six {
	background: url('../images/bullet-6.jpg') center left no-repeat;
}

.hdr {
	padding: 5px 0 15px 0;
}

#sub-nav {
	width: 230px;
	height: 570px;
	margin: -6px 0 0 0;
	background: url(../images/wrapper/sub-nav-vert-divider.jpg) 227px 0 no-repeat;
	float: left;

}

#sub-content {
	float: left;
	width: 680px;
	padding: 28px 0 0 30px;
}

#sub-content-wide {
	float: left;
	width: 900px;
	padding: 28px 0 0 30px;
}

#sub-content-wide ul li{
	background: url(../images/wrapper/menu-arrow.gif) 0 7px no-repeat;
	padding: 2px 0 0 20px;
}

#sub-content-wide ul {
	padding-left:30px;
}

#right-column ul li{
	background: url(../images/wrapper/menu-arrow.gif) 0 7px no-repeat;
	padding: 2px 0 13px 20px;
}

#right-column ul {
	padding-left:0;
}



.sub-divider {
	display: block;
}

#list-box {
	padding: 20px 0 0 0;
	background: url(../images/list-bg.jpg) 0 7px no-repeat;	
	height: 290px;
}

h2.dividing {
	clear: left;
	background: url(../images/wrapper/section-divider.jpg) 40px 21px no-repeat;
}

h2.dividing span {
	background: white;
	text-transform: none;
	padding-right: 5px;
}

ul.team {
	clear: both;
	margin-left: -20px;
}

ul.team li {
	float: left;
	margin-left: 20px;
	margin-bottom: 1em;
	padding: 11px;
	width: 27%;
	cursor: pointer;
	position: relative;
}

ul.team li:hover {
	border: 1px solid #A4C4DB;
	background: #E9F4F8;
	padding: 10px;
}

ul.team li.active {
	padding: 10px;
	z-index: 5;
	border: 1px solid #A4C4DB;
	border-bottom: none;
	background: #E9F4F8;
}

ul.team h4 {
	line-height: 12px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}

ul.team li .bio {
	display: none;
}

ul.team li.bios {
	display: none;
	top: -15px;
	width: 651px;
	border: 1px solid #A4C4DB;
	padding: 10px 10px 0 10px;
	background: #E9F4F8;
}

.sub h2.dividing {
	color: black;
	margin: -10px 0 -10px -10px;
	padding-left: 20px;
}

.sub ul.team {
	margin: 0;
}

.sub ul.team li.bios {
	width: 634px;
	#width: 636px;
}

.schedule {
	width: 48%;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.schedule td, .schedule th {
	padding: 3px 6px;
	font-size: 11px !important;
}

.schedule th {
	font-size: 13px !important;
	margin-top: 1em;
	font-weight: bold;
	background: #EAF4F9;
	border: 1px solid #CBDBE8;
}

.schedule tr.grey {
	color: #888;
	background: #f4f4f4;
}

.schedule div.blue {
	width: 15px;
	height: 15px;
	background: #55f;
	border: 1px solid #00f;
}

.schedule div.grey {
	width: 15px;
	height: 15px;
	background: #ccc;
	border: 1px solid #888;
}

.schedule div.white {
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #bbb;
}



/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	background:url(../images/wrapper/footer.jpg) no-repeat;
	float:left;
	width: 980px;
	height: 45px;
	margin: 50px 0 50px 0;
}

#footer p {
	font-size: 12px;
	line-height:40px;
	padding: 2px 0 0 30px;

}
/*At the buzzer styling
------------------------------------------------------------------- */
#containers2{
	background: url(../images/bg-at-the-buzzer.jpg) no-repeat;	
	overflow:hidden;
	height: 138px;
	position:relative;
	width:255px; 
	font-size:13px;
}
#s2 span{
	/*padding-top:15px;*/
}
#s2{
	margin-top: -110px;
	margin-left: 3px;
	padding:0 10px;	
	width:240px; 
}
#s2 span p{
	padding:0 10px;
}
#singleBuzzer p{
	margin-left:-11px;
}