body {/*!!00FF00=green for testing B20000=light red FFF=white 400609=dark red*/
 background-color:#5f0000;
 color: #000;
 font-family:Arial;
 background-repeat:repeat-x;
 background-position:top;
 padding:0px;
 margin:0px;
}

#topWrapper {
 width:100%;
 height:145px;
 padding:0px;
 background:url(/images/topbar.png);
 position:absolute;
 top:0px;
 z-index: 101;
 }
 
#topContent {
 width:950px;
 height: 0px;
 margin:0px auto 0px auto;
 z-index: 100;
 background:url(/images/topbar.png);
 }

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

h1 { /*SPORK banner text*/
 color:#FFF;
 padding:0px 0px 0px 0px;
 float: right;
 font-size:40px;
 height:40px;
 }

h2 { /*Column header*/
 	font-size:20px;
 	width:100%;
 	border-bottom:1px solid #eeeeee;
 	margin:0px;
 	padding:0px;
 	clear:both;
 }


h3 { /*Tab header*/
}

h4 { /*Tab or page subsection with underline*/
 	font-size:20px;
 	width:100%;
 	border-bottom:2px solid #B20000;
 	margin:0px 0px 10px 0px;
 	padding:0px;
 	clear:both;
 }
 
h5 { /*Major accent*/
	font-size: 18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;
 }
 
h6 { /*Minor accent*/
}

li {
	margin-bottom:10px;
}

#scrollingspork{
 height: 145px;
 width: 190px;
 position: absolute;
 top: 10px;
 background-image: url(/images/Scrollingsporkgooglesnoshadow.png);
 background-repeat: no-repeat;
 background-position: bottom;
 -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

#scrollingspork:hover{
 height:176px;
 -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
 
#content {
 width: 950px;
 text-align: left;
 margin: 0px 0px 25px 0px;
 background: #FFFFFF;
 position:absolute;
 top:130px;
 z-index: 100;
}

#colLeft {
 width: 321px;
 float: left;
 margin:0px 0px 10px 0px;
 padding:20px 10px 10px 10px;
 background-color:#FFF;
 z-index: 20;
}

#socialMediaMenu {
	position:relative;
	top:86px;
	left:785px;
	width:150px;
	margin: 0px;
	padding: 0px;
	z-index:1;
	}

.socialMediaIcon {
	margin:0px;
	padding:7px;
	float:left;
	list-style:none;
}

#table td {
	text-align: center;
}

#countdownDesc {
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

.numbers {
    padding: 0px;
    width: 45px;
    text-align: center;
    font-family: Arial;             
    font-size: 28px;
    font-weight: bold;   
    font-style: normal;  
    color: #FFF;      
}
.title {        
    border-style: none;
    padding: 0px 0px 3px 0px;
    width: 45px;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;   
    color: #FFF;     
}

#table {
    width: 320px;
    height: 70px;
    border-style: ridge;
    border-width: 3px;
    border-color: #666666;      /* change color using the hexadecimal color codes for HTML */
    background-color: #222222;  /* change color using the hexadecimal color codes for HTML */
    border-radius: 15px;
    -moz-border-radius: 15px;
    position:relative;
}

#countdownDesc {
	margin-top:10px;
	}

#slideshow {
    position:relative;
    width:320px;
	height:100px;
	z-index:100;
	margin:20px 0px 20px 0px;
	border-top:1px solid #eeeeee;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.60);
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:101;
	border:0px;
	margin:0px;
	padding:0px;
}

#slideshow IMG.active {
    z-index:103;
}

#slideshow IMG.last-active {
    z-index:102;
}

iframe {
	border:0px;
	overflow:auto;
}

#awards, #awards td {
	border:1px solid #dedede;
	border-collapse:collapse;
}

#awards {
	width:100%;
	margin:0px 0px 10px 0px;
}

#awards td {
	padding:5px;
}

.center {
 text-align:center;
 }
 
#calendar {
 margin-bottom:10px;
 }

#badges {
	margin-top:20px;
	}

#colRight {
 width: 590px;
 margin:0px 0px 10px 0px;
 padding:20px 10px 10px 0px;
 background-color:#FFF;
 float:right;
 }

.contentBanner {
border-radius: 15px;
-moz-border-radius: 15px;
margin-left: auto;
margin-right: auto;
width:580px;
height:100px;
}

a {
 text-decoration:none;
 color:#B20000;
 font-weight:bolder;
}

a:hover {
 text-decoration:underline;
}

#links {
 width:900px;
 height:30px;
 margin: 10px 0px 0px 0px;
}

#countbox {
 color:red;
}

a img {
 border-style: none;
}

.left {
 float:left;
 clear:left;
 margin-left:25px;
 border:1px solid #b20000;
 }
 
.right {
 float:right;
 margin-right:25px;
 border:1px solid #b20000;
 }

.tabs {
 padding:0px;
 }

.tabs li {
 float: left;
 border:1px solid #B20000;
 position:relative;
 bottom:-1px;
 margin:0px 10px 0px 0px;
 padding:5px 10px 5px 10px;
 list-style-type:none;
 display: inline;
 background: #B20000;/*B20000 TOTAL BACKGROUND FOR MINI TABS*/
 border-top-right-radius: 10px;
 border-top-left-radius: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
}

.tabs li a {
 color:#FFFFFF;/*FFFFFF this is the text of the mini sub tabs*/
}

.tabBox {
 margin: 0px;
 padding: 10px;
 width: 570px;
 border: 1px solid #B20000;/*00FF00, B20000, this is the border for the mini tabs*/
 clear: both;
}

#active a {
 color: #B20000;
 }
 
#active {
background: #FFF;
border: 1px solid #B20000;
border-bottom:1px solid #FFF;
position:relative;
bottom:-1px;
}

.push {
clear: both;
}

#bottom {
clear: both;
width: 950px;
margin: 10px 10px 10px;
text-align: center;
color: #222222;
padding: 10px 10px 10px 10px;
font-weight: bold;
font-size: 10px;
border-top:1px solid #5f0000;
}

#bottom ul {
 padding:0px;
}

#bottom ul li {
 float:left;
 margin-right:20px;
 list-style-type:none;
}

#bottom ul li img {
 border:0px;
 width:125px;
}

#bottom p {
 clear:both;
}