/* Below is the CSS reset */

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Below is the Body Content */

body {
	background: url(../images/backgroundImage.jpg) top no-repeat;
	background-color: #850037;
}

/* Below is the 960 grid structure */

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.column1,
.column2,
.column3,
.column4,
.column5,
.column6,
.column7,
.column8,
.column9,
.column10,
.column11,
.column12,
.column13,
.column14,
.column15,
.column16,
#leftCol,
#rightCol,
#footerInfo {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Below are global sytles */

h1, h2, h3, h4, h5, h6, p, a, li {
	font-family: Tahoma;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: .5px;
}
img { 
	-ms-interpolation-mode: bicubic; 
}

/* Below is the Header Content */

.headerContain {
	margin-left: auto;
	margin-right: auto;
	width: 960px;  
	height:auto !important;  
	min-height:150px;  
	height:150px;
}
.headerContain #headerLogo {
	height: 185px;
	width: 300px;
	float: left;
	padding-top: 30px;
	padding-left: 23px;
	overflow: hidden;
}
.headerContain ul#headerNav {
	padding-top: 155px;
	float: right;
	padding-right: 12px;
}
.headerContain ul#headerNav li {
	width: 133px;
	height: 60px;
	font-weight: bold;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	padding-right: 20px;
	background: url(../images/buttonHover.png) center no-repeat;
}
.headerContain ul#headerNav li:hover {
	width: 133px;
	height: 60px;
	background: url(../images/buttonNormal.png) center no-repeat;
}
.headerContain ul#headerNav li a {
	display: block;
	padding-top: 18px;
	padding-left: 20px;
	color: white;
	text-decoration: none;
}

/* Below is the Main Content */

.contentContain {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom: 20px;
	background-color: #FCF1DF;
	overflow: hidden;
}

/* Below is the Left Column Copy Content */

.contentContain #leftCol {
	width: 540px;
	overflow: hidden;
}
#leftCol .subjectHeader {
	width: 540px;
	border-bottom: medium;
	border-color: #720039;
}
#leftCol .subjectHeader h1.mainHead {
	width: 300px;
	font-size: 25px;
	font-weight: bolder;
	line-height: 30px;
	color: #720039;
	float: left;
	padding-bottom: 17px;
	padding-top: 17px;
	padding-left: 13px;
}
#leftCol .subjectHeader h2.mainHead {
	font-size: 14px;
	font-weight: bolder;
	line-height: 16px;
	color: #720039;
	float: right;
	padding-right: 45px;
	padding-top: 28px;
}

/* Flickr Stream
-------------------------------------------------------- */

#leftCol #flickrStream {
	width: 482px;
	height: 299px;
	background: url(../images/index_leftCol-flickrFeed.png) no-repeat center;
	padding-left: 27px;
	padding-top: 26px;
}

/* 
-------------------------------------------------------- */

#leftCol p {
	width: 448px;
	font-size: 12px;
	line-height: 18px;
	color: #7f7e81;
	padding-left: 13px;
	padding-bottom: 55px;
}
#leftCol a {
	font-size: 12px;
	line-height: 14px;
	color: #7f7e81;
	font-weight: bold;
	text-decoration: none;
}
#leftCol a:hover {
	font-size: 12px;
	line-height: 14px;
	color: #720039;
}
#leftCol span {
	font-size: 12px;
	line-height: 18px;
	color: #720039;
	font-weight: bolder;
}
#leftCol h1 {
	width: 490px;
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #7f7e81;
	padding-left: 13px;
	padding-top: 17px;
	text-transform: uppercase;
}
#leftCol h1.oneline {
	width: 490px;
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #720039;
	padding-left: 13px;
	padding-top: 17px;
	padding-bottom:  27px;
	text-transform: uppercase;
}
#leftCol h1.subject {
	width: 490px;
	color: #720039;
	padding-bottom: 27px;
	padding-top: 0px;
	text-transform: uppercase;
}

/* Below is the Left Column Image Content */

#leftCol img {
	padding-left: 13px;
}
#leftCol .slideshow {
	width: 480px;
	height:auto !important;  
	min-height:301px;  
	height:301px; 
	padding-left: 28px;
	padding-top: 15px;
	background: url(..images/imagename.png);
}

/* Below is the Right Column Content */

.contentContain #rightCol {
	width: 380px;
	background: #FCF1DF;
}

/* Below is the Right Column Copy Content */

#rightCol .subjectHeader {
	width: 380px;
	border-bottom: medium;
	border-color: #720039;
}
#rightCol .subjectHeader h1 {
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #7f7e81;
}
#rightCol .subjectHeader h1.subject {
	color: #720039;
}
#rightCol h1 {
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #7f7e81;
	padding-top: 17px;
}
#rightCol h1.subject {
	color: #720039;
	padding-bottom: 27px;
	padding-top: 0px;
}

/* Below are conditional comments to fix IE Bugs */

<!--[if IE 6]>
#rightCol h1 {
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #7f7e81;
}
#rightCol h1.subject {
	color: #720039;
	padding-bottom: 27px;
	padding-top: 0px;
}
<![endif]-->

<!--[if IE 7]>
#rightCol h1 {
	font-size: 25px;
	line-height: 30px;
	font-weight: bolder;
	color: #7f7e81;
}
#rightCol h1.subject {
	color: #720039;
	padding-bottom: 27px;
	padding-top: 0px;
}
<![endif]-->

/* Below is the Right Column Photo and Video Content */

#rightCol .sponsorVids {
	width: 364px;
	height: 221px;
	padding-bottom: 81px;
}
#rightCol img {
	text-align: center;
}
#rightCol .sponsorVids ul#userVids {
	width: 380px;
}
#rightCol .sponsorVids ul#userVids li {
	float: left;
	padding-right: 11px;
	padding-bottom: 11px;
}
#rightCol .socialMedia ul#Top {
	padding-bottom: 20px;
}
#rightCol .socialMedia ul#Top li {
	width: 95px;
	height: 95px;
	float: left;
}
#rightCol .socialMedia ul#Top li#secondLine {
	width: 95px;
	height: 95px;
	float: left;
	padding-left: 45px;
}

/* Below is the Footer Information Content */

.contentContain #footerInfo {
	width: 940px;
}
#footerInfo p {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	padding-bottom: 20px;
	color: #7f7e81;
}
#footerInfo a {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	padding-bottom: 20px;
	color: #720039;
	text-decoration: none;
}
#footerInfo a:hover {
	color: #7f7e81;
}
#footerInfo img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 0px;
}

/* SECONDARY PAGE STYLES */

/* MULTIMEDIA PAGE STYLES BELOW */
#leftCol #multimediaGraph {
	padding-top: 23px;
}
#leftCol ul#multimediaSociallinks {
	padding-left: 43px;
	height: 150px;
}
#leftCol ul#multimediaSociallinks li {
	padding-bottom: 5px;
}
#leftCol ul#multimediaSociallinks li a {
	color: #7f7e81;
	height: 20px;
	text-decoration: none;
}
#leftCol ul#multimediaSociallinks li a:hover {
	color: #720039;
}
#leftCol ul#aimIcons {
	width: 540px;
}
#leftCol ul#aimIcons li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
#leftCol ul#wallpaperDL {
	width: 540px;
}
#leftCol ul#wallpaperDL li {
	float: left;
	height: 137px;
	width: 152px;
	padding-right: 20px;
	color: #720039;
	overflow: hidden;
}
#leftCol ul#wallpaperDL li a {
	color: #7f7e81;
	
}
#leftCol ul#wallpaperDL li.names {
	float: left;
	height: 45px;
	font-size: 12px;
	line-height: 14px;
	color: #720039;
	text-align: center; 
	font-weight: bold;
}
#leftCol ul#wallpaperDL li.names a {
	font-weight: normal;
	color: #7f7e81;
	text-decoration: none;
	font-size: 10px;
	
}

/* BELOW ARE THE VOLUNTTER STYLES */

#playlist {
	border: 0px solid #666666;
	width: 539px;
}
#listHeader {
	border: 0px solid #666666;
	width: 539px;
}
#playlist tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	border-left: 0px solid #D9D9D9;
}
#listHeader tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 8px;
	border-left: 0px solid #D9D9D9;
}
#leftCol ul#collegecontactsLeft {
	width: 270px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
	padding-bottom: 60px;
}
#leftCol ul#collegecontactsRight {
	width: 270px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: right;
	padding-bottom: 60px;
}
ul#collegecontactsLeft li, ul#collegecontactsRight li {
	width: 270px;
	font-size: 12px;
	line-height: 16px;
	color: #7f7e81;
	padding-left: 13px;
}
ul#collegecontactsLeft li a, ul#collegecontactsRight li a {
	width: 270px;
	font-size: 12px;
	line-height: 14px;
	color: #7f7e81;
	text-decoration: none;
}
ul#collegecontactsLeft li a:hover, ul#collegecontactsRight li a:hover {
	width: 270px;
	font-size: 12px;
	line-height: 14px;
	color: #720039;
}
ul#collegecontactsLeft li.title, ul#collegecontactsRight li.title {
	width: 270px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #720039;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 5px;
}
ul#collegecontactsLeft li.collegeName, ul#collegecontactsRight li.collegeName {
	width: 270px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #720039;
	padding-left: 13px;
	padding-top: 10px;
}

/* BELOW ARE THE HAPPENINGS PAGE STYLES */

#leftCol ul#pennantcontestWinners {
	width: 540px;
}
#leftCol ul#pennantcontestWinners li {
	float: left;
	height: 164px;
	width: 123px;
	padding-right: 10px;
	color: #720039;
	overflow: hidden;
}
#leftCol ul#pennantcontestWinners li.name {
	float: left;
	height: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #720039;
	text-align: center; 
	font-weight: bold;
}
#leftCol ul#pennantcontestWinners li.name a {
	font-weight: normal;
	color: #7f7e81;
	text-decoration: none;
	font-size: 10px;
}

/* BELOW ARE THE FAN BOX STYLES */

.fan_box
.full_widget 
.connect_top {
	border: none;
	background-color: #000000;
}
.fan_box
.full_widget {
	border: none;
}
.connect_top a {
	color: #990000;
}
.connect_top a:hover {
	color: #CC0000;	
}
.fan_box
.connections {
	background-color: #000000;
	border: none;
	color: #990000;
}
.fan_box
.connections_grid
.grid_item
.name {
	color: #990000; 
}