/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: left;
	font-size: 10pt;
	font-family: "Century Gothic", verdana, arial, sans-serif;
	color: #5a5a5a;
	background: #ca001d; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: bold;
		color: #ca001d;
		margin: 10px 0 10px 0; }

	h3 { 
		font-size: 20px; 
		font-weight: normal;
		color: #ca001d;
		margin: 20px 0 10px 48px;
		text-shadow: #464646 1px 1px 1px; }
		
	h4 { 
		font-size: 20px; 
		font-weight: normal;
		color: #ca001d;
		margin: 20px 0 10px 60px;
		text-shadow: #464646 1px 1px 1px; }

	h5 { 
		font-size: 14px; 
		color: #ca001d;
		margin: 5px 0 5px 0; }
	
	a:link, a:visited { color: #ca001d; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 1020px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#banner {
		width: 1020px;
		height: 136px;
		float: left;
		display: block;
		background: url(../images/flash.jpg) top left no-repeat; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 1020px;
		height: 56px;
		margin: 0 auto;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 56px; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 950px;
		padding: 0 35px;
		float: left;
		background: url(../images/content_bg.jpg) top left repeat-y; }
		
		/*** LEFT COLUMN ***/
		#leftColumn {
			width: 642px;
			float: left;
			margin: 0 0 0 1px; }

			/*** FLASH SLIDESHOW ***/
			#header {
				width: 642px;
				height: 302px;
				float: left; }
				
			/*** ROW ***/
			#row {
				width: 627px;
				padding: 0 0 0 15px;
				height: 199px;
				float: left; }
				
				/*** CONTEST ***/
				#contest {
					width: 255px;
					height: 199px;
					padding: 0 20px 0 15px;
					float: left;
					display: block;
					text-align: justify;
					font-size: 11px;
					background: url(../images/contest_bg.jpg) top left no-repeat; }
					
				/*** CLUBS ***/
				#clubs {
					width: 298px;
					padding: 0 15px 0 20px;
					height: 199px;
					float: left;
					display: block;
					font-size: 11px;
					text-align: justify;
					background: url(../images/clubs_bg.jpg) top left no-repeat; }
						
			/*** CONTENT ***/
			#content {
				width: 622px;
				padding: 0 10px;
				float: left;
				text-align: justify; }
				
				#content li {
					margin: 0 0 0 15px; }
		
		/*** RIGHT COLUMN ***/
		#rightColumn {
			width: 307px;
			float: left; }
			
			/*** NEWS ***/
			#news {
				width: 287px;
				height: 266px;
				font-size: 10px;
				padding: 25px 20px 0 0;
				display: block;
				float: left;
				text-align: justify;
				background: url(../images/news_bg.jpg) top left no-repeat; }
				
				#news span {
					font-size: 12px; 
					font-weight: bold;
					color: #ca001d; }
					
			/*** SIDE NAV ***/
			#sideNav {
				width: 307px;
				float: left; }
				
			/*** TWITTER ***/
			#twitter {
				width: 247px;
				height: 337px;
				padding: 0 30px;
				display: block;
				float: left;
				background: url(../images/twitter_bg.jpg) top left no-repeat; }
				
				#twitter h2 {
					width: 203px;
					height: 39px;
					display: block; }
					
					#twitter h2 span {
						display: none; }

					ul#twitter_update_list {
						list-style: none;
						width: 247px;
						margin: 30px 0 0 0; }	
						
						ul#twitter_update_list li {
							margin: 0 0 5px 0;
							font-size: 10px; }
							
							ul#twitter_update_list li a {
								color: #113C6A;
								text-decoration: none;
								font-size: 8px; }
								
						a#twitter-link {
							margin: 0 0 0 10px; }
		
		
			/*** STUDENT COUNCIL STYLES ***/
			ul.studentCouncil { list-style: none; margin-top: 10px; }
					
				ul.studentCouncil li { 
					margin-bottom: 10px; }
					
				ul.studentCouncil p {
					float: left;
					margin-bottom: 10px;
					width: 80% }
					
				ul.studentCouncil img { 
					float: left; 
					margin-right: 15px;
					margin-bottom: 10px; 
					border: 1px solid #ccc; }
					
				p.studentName {
					font-size: 12px;
				}
				
			/*** FACEBOOK ***/
			#facebook {
				width: 307px;
				height: 69px;
				float: left; }
		
	/*** FOOTER ***/
	#footer {
		width: 1020px;
		height: 321px;
		display: block;
		background: url(../images/footer_bg.jpg) top left no-repeat;
		text-align: left;
		float: left; }
		
			#footerLeft {
				float: left;
				width: 565px;
				padding: 140px 0 0 100px;
				font-size: 11px;
				color: #fff; }
					
					#footerLeft a:link, #footerLeft a:hover, #footerLeft a:visited {
						text-decoration: underline;
						color: #fff; }
	
				#footerLeft p.poweredby { 
					float: left;
					margin: 0 10px 0 0;
					text-align: right; }
			
				#footerLeft p.poweredby a { margin: 0 10px 0 0; }		
			
			#footerRight {
				width: 305px;
				float: left;
				padding: 140px 0 0 30px; }
				
				form#contactForm fieldset { border: none; }
					
					form#contactForm h3 { 
						margin: 10px 0 -5px 0;
						font-size: 12px;
						font-weight: bold; }
					
					form#contactForm small { font-weight: bold; }
					
					form#contactForm fieldset ol { 
						margin: 10px 0 0 0; 
						list-style: none; }
					
						form#contactForm fieldset ol li { margin: 0 0 10px 0; }
							
							form#contactForm fieldset ol li input, form#contactForm fieldset ol li textarea { 
								height: 22px;
								width: 200px;
								line-height: 15px;
								padding: 0 5px;
								color: #fff;
								background: #da0423;
								border-top: 1px solid #62000e;
								border-left: 1px solid #62000e;
								border-bottom: 1px solid #e94159;
								border-right: 1px solid #e94159;
								font-family: "Century Gothic", verdana, arial, sans-serif;
								font-size: 10px; }
								
								form#contactForm fieldset ol li textarea {
									height: 60px; }
								
							form#contactForm fieldset ol li button { 
								height: 22px;
								margin: 0 10px 0 0;
								font-size: 10px;
								font-weight: bold;
								color: #fff;
								text-transform: uppercase;
								padding: 0 10px 5px 10px;
								background: #da0423;
								border-top: 1px solid #62000e;
								border-left: 1px solid #62000e;
								border-bottom: 1px solid #e94159;
								border-right: 1px solid #e94159;
								font-family: "Century Gothic", verdana, arial, sans-serif; }	

	/*** FORM STYLES ***/
	form {}
	
		form fieldset { border: none; }
		
			form fieldset ol,
			form fieldset ul { list-style: none; }
			
		form input,
		form select,
		form textarea { 
			font-size: 10px;
			padding: 5px;
			font-family: "Century Gothic", verdana, arial, sans-serif;
			color: #5a5a5a;
			border-top: 1px solid #dadada;
			border-left: 1px solid #dadada;
			border-bottom: 1px solid #e8e8e8;
			border-right: 1px solid #e8e8e8;
			background: #fff;
			font-family: "Trebuchet MS", verdana, arial, sans-serif; }
		
		td.leftColumn {
			width: 200px; }
			
		td.leftColumn, td.rightColumn { padding: 0 10px 15px 0; }


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

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */