﻿body{
font: 11px tahoma, sans-serif;
margin: 0;
padding:0;
background: url(Images/hbg.jpg) white repeat-x;}

a{
text-decoration: none;
color: #c92a2a;}
a:hover{
text-decoration: underline;}

#main{
background: url(Images/crest.jpg) no-repeat;
width: 800px;
height: 200px;}

#nav{
height: 25px;
padding: 70px 0 0 135px;}
#nav ul{
display: inline;}
#nav ul li{
line-height: 25px;
list-style: none;
float: left;
text-transform: lowercase;
font: small-caps bold 10px tahoma, sans-serif;}

#nav ul li a{
margin-top:1px;
padding: 6px 10px 5px 10px;
display: block;
color: #282828;}
#nav ul li a:hover{
text-decoration: none;
background: url(Images/navbg.jpg) repeat-x;
color:#C92A2A;}
#nav ul li a.current{
padding-bottom: 6px;
background: #e8e8e8;
border-left: 1px solid white;
border-right: 1px solid white;}

#crumbs{
width: 500px;
margin-top: 15px;
font: bold 10px tahoma, sans-serif;
color: #636363;}
#crumbs a{
margin: 0 5px;}

#cont{
width: 665px;
padding-top: 30px;
margin: 30px 0 0 135px;
color: #6f6f6f;}

#left{
background: url(Images/sidebg.gif) 0 25px no-repeat;
float: left;
width: 140px;
margin-right: 20px;}

.cal{
background: url(Images/cal_bg.gif) no-repeat;
height: 60px;}
.cal:hover{
background: url(Images/cal_bg_over.gif) no-repeat;}

.cal .date{
margin: 4px 0 0 -3px;
font: bold small-caps 10px tahoma, sans-serif;
text-transform: lowercase;
text-align: center;
float:left;
width: 60px;}
.cal .month{
margin-left: 1px;
color: white;}
.cal .day{
margin-top: 6px;
font-size: 18px;
color: #5F5F5F;}

.cal .filler{
width: 50px;
height: 50px;
background: black;
margin: 0 5px;}

.cal ul{
list-style: none;
padding-top: 15px;
font: 10px tahoma, sans-serif;
color: #5C5C5C;}
.cal a{
font-weight: bold;}


#right{
background: url(Images/contbg.gif) 0 25px no-repeat;
width: 505px;
float: right;}

.lside{
float: left;
width: 235px;
margin-right: 10px;}

.rside{
float: right;
width: 245px;}

.contwide{
background: url(Images/barbg.gif) 0 25px no-repeat;
width: 100%;}

#bar{
clear: both;}
#bar ul{
list-style: none;
padding: 0;
margin:0;
display: inline;}
#bar li{
text-align: center;
float:left;
margin: 35px 16px 0 16px;
padding-bottom: 30px;}
#bar li a{
width: 100px;
display: block;
padding-top: 80px;}
#bar a{
font-weight: bold;}

#bar a#events{
background: url(Images/events.gif) 10px 0 no-repeat;}
#bar a#rush{
background: url(Images/rush.gif) -10px 0 no-repeat;}
#bar a#bros{
background: url(Images/bros.gif) no-repeat;}
#bar a#media{
background: url(Images/media.gif) no-repeat;}
#bar a#about{
background: url(Images/about.gif) 20px 0 no-repeat;}

/*if you want to scroll (ie have more than 5 inductees per chapter) you can either increase the height or change overflow: hidden; to overflow-y: scroll;*/
.clipped{
overflow-y:scroll;
height: 350px;}

/* if you have a profile that is longer than 350px, you may want to increase the min-height*/
.profile{
clear: both;
min-height: 350px;}

.featured{
width: 235px;
height: 120px;
background: url(Images/feature_event.gif) no-repeat;}

.third{
width: 30%;
margin: 0 1%;
float: left;}

.twothird{
width: 60%;
margin: 0 1%;
float: left;}

.rss{
float: right;}
.rss a{
width: 13px;
height: 13px;
display: block;
background: url(Images/rss.gif) no-repeat;
font-size: 0;}
.rss a:hover{
background: url(Images/rss_over.gif) no-repeat;
text-decoration: none;}

.pad{
margin: 25px 5px 10px 5px;}

.clear{
clear: both;}

h1{
font: bold 18px tahoma, sans-serif;
color: #9e9e9e;
margin: 0 0 -15px 0;
text-transform: lowercase;}

.bmargin{
margin-bottom: 5px;}

h2{
font: bold 18px tahoma, sans-serif;
color: #c92a2a;
margin: 10px 0;}

h3{
font: bold 11px tahoma, sans-serif;
color: #393939;
margin: 0 0 15px 0;}

p{
margin: 5px 0 10px 0;
padding:0;}

#credits{
margin-top: 20px;
border-top: 1px solid #e1e1e1;
text-align: right;
padding-bottom: 15px;
font: 11px tahoma, sans-serif;
color: #9e9e9e;}

hr{
margin: 0;
border:0;
border-bottom: 1px solid gray;
height:1px;}

label{
font-weight: bold;
float:left;
display:block;
width: 75px;}
input,select{
width: 100px;}
button{
margin: 10px 10px 0 0;
width: auto;
height:auto;}

.clipForm select,.clipForm label{
width: auto;}

img{
border:1px solid #e7e7e7;}

.noborder{
border:0;}

div.feedburnerFeedBlock ul { 
margin-left:0; 
padding-left:0; 
list-style-type: none 
}


div.feedburnerFeedBlock #creditfooter {
display: none;
text-align: left;
}


div.feedburnerFeedBlock span.headline {
font: bold 18px tahoma, sans-serif;
color: #c92a2a;
margin: 10px 0;}


div.feedburnerFeedBlock p.feedItemAuthor {
font: bold 11px tahoma, sans-serif;
color: #393939;
margin: 0 0 15px 0;}


div.feedburnerFeedBlock p{
margin: 5px 0 10px 0;
padding:0;}  
