/***************************************************************************************
 * Midlands Technical College : Copyright 2009
 * MTC Template CSS
 * Developer: MTC
 * File: mtc_screen.css
 * Last update: February 24, 2009
 ***************************************************************************************/

/* =Global
**********************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
	margin-bottom: 1px;
	height: 100%;
}

body {	
	background: #FFF url(/images/dot9.gif) repeat top left;
	color: #000;
	font:  80%/1.5 Arial, Verdana, Helvetica, sans-serif;
	/*font: 12px/18px Georgia, Times, Times New Roman, Serif;*/
	text-align: center;
}

hr {
	display: none;
}

address {
	margin-bottom: 10px;
}

.structural 
{
	position: absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

acronym {
	border-bottom: 1px dotted #000000;
}

.floatLeft {
	float: left;
}

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

.clearfix
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}

/* =Links
**********************************************/
a {
	color: #0000FF;
}

a:hover, a:focus {
	color: #0000FF;
	text-decoration: none;
}

a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/* =Layout
**********************************************/
#wrapper {
	position: relative;
	width: 750px;
	text-align: left;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	background: #FFF url(/images/cont_bg.jpg) repeat-y top center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#nav {
	float: left;
	width: 155px;
	margin: 2px 0 0 0;
}

#photo {
	float: right;
	width: 582px;
	margin: 2px 0 5px 0;
	border-right: 1px solid #000;
}

#content {
	float: right;
	width: 561px;
	margin: 2px 0 0 0;
}

#content_wide {
	float: left;
	width: 730px;
	margin: 2px 0 0 0;
}

#maincontent {
	width: 400px;
	margin: 0;
	float: left;
}

#maincontent_wide {
	width: 561px;
	margin: 0;
	float: left;
}
	
#sidecontent {
	float: right;
	width: 145px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	margin: 2px 0 0 0;
}

#footer {
	clear: both;
}

#nonPage {
	clear: both;
} 

/* =Main Navigation
**********************************************/
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid #000;
	width: 155px;
}

	#nav ul li {
		vertical-align: bottom; /* this fixes the IE5/6 Win gap! */
	}

	#nav ul#majorprograms p {
		display: block;
		background-color: #990000;
		border-top: 1px solid #CC6666;
		border-bottom : 0 solid #660000;
	}

	#nav ul#majorprograms li a {
		display: block;
		padding-right: 2px;
		line-height: 1.75em;
		text-align: right;
		color: #FFF;
		background-color: #990000;
		text-decoration: none;
		border-top: 1px solid #CC6666;
		border-bottom : 1px solid #660000;
		width: 153px;
	}

	#nav ul.sidenav p {
		display: block;
		background-color: #4E6B7C;
		border-top: 0 solid #CCC;
		border-bottom: 1px solid #214252;
	}

	#nav ul.sidenav li a {
		display: block;
		padding-right: 2px;
		line-height: 1.75em;
		text-align: right;
		color: #FFF;
		background-color: #4E6B7C;
		text-decoration: none;
		border-top: 1px solid #849CAD;
		border-bottom: 1px solid #214252;
		width: 153px;
	}

	#nav ul#majorprograms li a:hover {
		color: #FF0000;
		background-color: #002864;
		border-top: 1px solid #CC6666;
		border-bottom: 1px solid #660000;
	}

	#nav ul.sidenav li a:hover {
		color: #FF0000;
		background-color: #002864;
		border-top: 1px solid #849CAD;
		border-bottom: 1px solid #214252;
	}
	
	/* subnav */
	#nav ul.subnav {
		width: 154px;
		font-size: 11px;
		font-family: tahoma,verdana,sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		text-align:right;
	}
	
	#nav ul.subnav li a {
		display: block;
		background-color: #F0EFED;
		font-weight: normal;
		font-size: 11px;
		font-family: tahoma,verdana,sans-serif;
		line-height: 20px;
		color: #000000;
		text-decoration: none;
		padding-right: 2px;
		border-bottom: 1px dotted #849CAD;
	}
	
	#nav ul.subnav li a.bottom {
		border-bottom: 0;
	}
	
	#nav ul.subnav li a:hover {
		color: #FFFFFF;
		background-color: #002864;
		text-decoration: none;
	}
	
	#nav ul li span {
		font-size: 10px;
	}
	
	#nav #sponsors {
		margin: 10px 0;
		border-left: 1px solid #000;
		width: 155px;
	}
	
	#nav #sponsors a {
		display: block;
		font-size: 90%;
		font-weight: bold;
		padding: 15px 0;
		background: #00509e;
		text-align: center;
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#nav #sponsors a:hover {
		background: #004b2d;
	}

/* =Global Navigation
**********************************************/
#globalNav {
	color: #FFF;
	background: #000;
	text-align: right;
	width: 750px;
	height: 14px;
	line-height: 14px;
	font-size: 80%;
}

	#globalNav .access {
		height: 0;
		left: -19000px;
		overflow: hidden;
		position: absolute;
		width: 0;
	}

	#globalNav ul {
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}

	#globalNav li {
		display: inline;
		list-style-type: none;
	}	
	
	#globalNav a {
		text-decoration: none;
		color: #FFF;
		padding: 2px 2px 2px 0;
	}

	#globalNav a:hover {
		color: #C30;
	}

/* =Header
**********************************************/
#header {
	position: relative;
	height: 88px;
	width: 748px;
	margin: 2px 0 0 1px;
	background: #FFF url(/images/mtc-foundation-header.jpg) repeat-x top left;
}

	#header h1 {
		background: none;
		position: relative;
		/* hide overflow: hidden from IE5/Mac */
		/* \*/
		overflow: hidden;
		/* */
		width: 68px;
		height: 88px;
		margin-left: 35px;
		text-indent: -9999px;
	}

	#header h1 span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1; /* for Opera 5 and 6 */
		width: 68px;
		height: 88px;
	}

	#header h1 a {
		display: block;
	}

	* html #header h1 a { /* for IE5/Win */
		cursor: hand;
		c\ursor: pointer;
	}

	#header h1 span {
		background-position:0 0;
	}

/* =Bar
**********************************************/
#date {
	background-image: url(/images/graybar2.gif);
	font-size: 12px;
	color: #000000;
	text-align: left;
	width: 748px;
	margin-left: 1px;
}

#date a {
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
}

#date a:hover {
	color: #C30;
}

/* =Content
**********************************************/
#content {
	margin: 2px 1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	background: #F0EFED;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#content_wide {
	margin: 2px 1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	background: #F0EFED;
	border: 1px solid #000;
}

#maincontent {
	margin: 10px 0 0 0;
}

	#maincontent p {
		margin: 0 0 10px 0;
	}

	#maincontent h1 {
		font-size: 140%;
		color: #990000;
	}

	#maincontent h2 {
		font-size: 130%;
		color: #990000;
	}
	
#maincontent_wide {
	margin: 10px 0 0 0;
}

	#maincontent_wide p {
		margin: 0 0 10px 0;
	}

	#maincontent_wide h1 {
		font-size: 140%;
		color: #990000;
	}

	#maincontent_wide h2 {
		font-size: 130%;
		color: #990000;
		margin: 10px 0;
	}

	#maincontent_wide h3 {
		font-size: 120%;
		color: #990000;
	}
	
	#maincontent_wide ul {
		margin: 10px 25px;
	}
	
	#maincontent_wide ol {
		margin: 10px 25px;
	}
	
	#maincontent_wide ul.faqList {
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #000000;
	}
	
	#maincontent_wide ul.faqList li {
		list-style-type: none;
	}
	
	#maincontent_wide ul.resourceList {
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
	}
	
	#maincontent_wide ul.resourceList li {
		padding: 10px 0 10px 0;
		list-style-type: none;
		border-bottom: 1px dotted #000000;
	}
	
	#maincontent_wide ul.resourceList li.listtop {
		border-top: 1px dotted #000000;
	}
	
	#maincontent_wide p.backtotop {
		width: 561px;
		padding: 0 0 10px 0;
		text-align: right;
		border-bottom: 1px dotted #000000;
	}	
	
	#maincontent_wide table.membersTbl td {
		padding: 3px;
		background: #ddd;
	}
	
	#maincontent_wide table td.tblHeader {
		color: #fff;
		background: #990000;
		font-weight: bold;
		font-size: 14pt;
		padding: 2px 5px;
	}

#sidecontent .box {
	width: 145px;
	padding: 0 0 2px 2px;
	margin: 10px 0 0 0;
	border: 1px solid #778899;
	display: block;
	font-size: 11px;
	background-color: #DDDDDD;
	text-decoration: none;
}

	#sidecontent .box h3 {
		padding: 2px 0 2px 2px;
		color: #3D5E71;
		font-size: 12px;
		font-weight: bold;
	}

	#sidecontent .box p {
		padding: 0 0 2px 2px;
		display: block;
		font-size: 11px;
		line-height: 1em;
		background-color: #DDDDDD;
		margin: 2px 0 3px 0;
		color: #000000;
	}

	#sidecontent .box ul {
		padding: 0;
		margin: 0 0 0 20px;
	}
	
#tournament .golfClassic {
	position: absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
	
#tournamentInfo {
	background: #dddddd;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	text-align: center;
}

#tournamentInfo ul {
	padding: 0;
	color: #990000;
}

#tournamentInfo li {
	list-style-type: none;
	border-top: 1px dashed #000;
	padding: 5px;
	width: 300px;
	margin: 0 auto;
}

#tournamentInfo li.last {
	border-bottom: 1px dashed #000;
}

.tournamentReg {
	text-align: center;
}

.tournamentReg p {
	background: #DDD;
	padding: 5px 0;
}

/* Make an item stand out/important */
div.stand-out {
	margin: 0 auto;
	width: 375px;
	background: #990000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	div.stand-out p {
		padding: 10px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}
	
div.social-media {
	margin: 10px 0;
	width: 100%;
	text-align: center;
}

/* =footer
**********************************************/
#footer {
	height: 40px;
	margin: 20px 0 0 1px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 10px;
}

	#footer ul {
		padding: 10px 8px 0 0;
		color: #444;
	}

	#footer li {
		display: inline;
		list-style-type: none;
	}

	#footer li.copyr {
		display: block;
		color: #000000;
	}
	
	#footer a {
		color: #244C63;
		font-size: 10px;
		text-decoration: none;
	}
	
	#footer a:hover {
		font-size: 10px;
		text-decoration: underline;
	}

/* =push and nonPage
**********************************************/
.push {
	height: 40px; /* .push must be the same height as #nonPage */
}

#nonPage {
	height: 40px;
	width: 748px;
}