/* *************************** 
  Site - Sheffield Steeler
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - Blog Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#FF9900;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../cssimg/bg_body.png) left top repeat;
}
#container{
	width:896px;
	background:#c8c8c8;
	margin:0px auto;
	padding:0px 17px;
}

#contactform {
  margin: 10px 0px 0px 25px;
  width: 570px;
  float: left;
}
#contactform h1 {
  border-bottom: 1px solid #7f9db9;
  margin: 0px 20px 12px 0px;
  font-family: Arial;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: #10487b;
  padding-bottom: 6px;
}
#contactform p {
  margin: 10px 20px 10px 0px;
  font-family: Verdana;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  font-size-adjust: none;
  font-stretch: normal;
  color: #10487b;
}
#contactform ul li {
  font-family: Verdana;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  font-size-adjust: none;
  font-stretch: normal;
  color: #10487b;
}
.intropara {
  padding-bottom: 10px;
}
.textbox {
  border: 1px solid #7f9db9;
  padding: 2px;
  font-family: Verdana;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  width: 150px;
}
.textboxmulti {
  border: 1px solid #7f9db9;
  padding: 3px;
  font-family: Verdana;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
label {
  padding: 3px 10px 0px 0px;
  float: left;
  width: 115px;
  text-align: left;
}
.contactformbutton {
  margin: 5px;
  font-family: Verdana;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}


/* *************************** 
   $3 Header Styles
   ***************************/
#header{
	height:208px;
	background:url(../cssimg/bg_header.png) left top no-repeat;
	width:100%;
	position:relative;
	z-index:11;
}
#header h1 a{
	background:url(../cssimg/logo.png) left top no-repeat;
	display:block;
	width:262px;
	height:128px;
	position:absolute;
	left:26px;
	top:15px;
	text-indent:-9999px;
	outline-style:none;
	cursor:pointer;
}
#header .header_box{
	width:362px;
	height:126px;
	padding:0px 23px;
	background:#FFF;
	position:absolute;
	right:20px;
	top:17px;
	overflow:hidden;
}
#header .header_box h3{
	font-size:14px;
	padding-top:18px;
	padding-bottom:5px;
}
#header .header_box img{
	display:block;
	float:left;
}
#header .header_box img.first{margin-right:45px;}
.main_nav{
	width:100%;
	height:40px;
	background:url(../cssimg/bg_main_nav.png) left top repeat-x;
	position:absolute;
	left:0px;
	top:158px;
}
.main_nav ul{
	width:100%;
}
.main_nav ul li{
	float:left;
}
.main_nav ul li a{
	display:block;
	float:left;
	padding:0px 12px;
	color:#000;
	height:40px;
	line-height:39px;
	font-weight:bold;
	text-transform:uppercase;
}
.main_nav ul li a:hover{
	color:#FFF;
	background:url(../cssimg/bg_main_nav_a.png) left top repeat-x;
	text-decoration:none;
}
.main_nav ul li.active a{
	color:#FFF;
	background:url(../cssimg/bg_main_nav_a.png) left top repeat-x;
	text-decoration:none;
}
/* *************************** 
   $4 Content Styles
   ***************************/
#content{
	width:100%;
	overflow:hidden;
	padding-bottom:16px;
}
.maincontent{
	width:665px;
	float:left;
}



.featured_picture{
	width:100%;
	position:relative;
}
.featured_picture img{
	display:block;
	margin:0px auto;
}
.featured_picture .text_box{
	width:358px;
	padding:10px 15px;
	position:absolute;
	left:26px;
	top:16px;
	background:#fff;
 	opacity:0.88;
	-moz-opacity:0.88;
	filter:alpha(opacity=88);
}
.featured_picture .text_box h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	padding-top:8px;
}
.featured_picture .text_box p{
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:17px;
	padding-top:3px;
}
.maincontent .bottom_box{
	width:100%;
	background:url(../cssimg/bg_bottom_box_bb.png) left bottom no-repeat;
	padding-bottom:11px;
	padding-top:8px;
}
.maincontent .bottom_box .bottom_box_inner{
	width:100%;
	overflow:hidden;
	background: url(../cssimg/bg_bottom_box_bm.png) left top repeat-y;
}
.maincontent .bottom_box .bottom_box_inner .left_box{
	width:172px;
	float:left;
}
.title_box{
	width:100%;
	background:#e4e4e4 url(../cssimg/bg_title_box.png) left top no-repeat;
}
.title_box .title_box_inner{
	width:100%;
	overflow:hidden;
	background:url(../cssimg/bg_title_box_inner.png) right top no-repeat;
	height:29px;
}
.title_box .title_box_inner h3{
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 0px 0px 36px;
}
.maincontent .bottom_box .bottom_box_inner .left_box .left_box_img{
	width:100%;
	padding-top:10px;
}
.maincontent .bottom_box .bottom_box_inner .left_box .left_box_img img{
	display:block;
	margin:0 auto;
}
.maincontent .bottom_box .bottom_box_inner .right_box{
	width:484px;
	float:right;
}
.maincontent .bottom_box .bottom_box_inner .right_box .bb{
	height:22px;
	background:url(../cssimg/bg_bb.png) left top no-repeat;
}

.innermaincontent {
	background: #fff;
	padding: 20px;}
	
.innermaincontent p {
	line-height: 22px;
	padding: 8px 0;}
	
.innermaincontent h2 {
	line-height: 18px;
	padding: 10px 0;}	

.innermaincontent li {
	margin: 10px 0 10px 35px;
	list-style-type: square;
}	

.bottom_nav{
	width:100%;
	background:url(../cssimg/bg_main_nav.png) left center repeat-x;
}
.bottom_nav ul{
	width:100%;
	text-align:center;
	padding:7px 0px;
}
.bottom_nav ul li{
	font-weight:bold;
	display:inline;
	padding:0px 12px;
}
.bottom_nav ul li a{color:#000;}
.bottom_nav ul li a:hover{color:#000;}
.bottom_nav ul li.selected a{color:#000;}
.content_tab{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
.content_tab .text_box{
	width: 428px;
	padding:15px 18px 15px 38px;
	overflow:hidden;
}
.content_tab .text_box ul{
	float:left;
	padding-right:35px;
}
.content_tab .text_box ul li{
	font-size:14px;
	color:#000;
	padding:1px 0px;
}
.content_tab .text_box ul li span{
	color:#E6A320;
	font-weight:bold;
}
.content_tab .text_box ul.text_box_list li{
	font-weight:bold;
	font-size:12px;
	padding:2px 0px;
}
.content_tab .text_box p{
	clear:both;
	width:100%;
	text-align:right;
	font-weight:bold;
}
.content_tab .text_box p a{color:#000;}
.content_tab .text_box p a:hover{
	text-decoration:none;
	color:#E6A320;
}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
.sidebar{
	width:219px;
	float:right;
}
.sidebar .sidebar_box{
	width:100%;
	background:url(../cssimg/bg_bb2.png) left bottom no-repeat;
	padding-bottom:16px;
	margin-bottom:11px;
}
.sidebar .sidebar_box .sidebar_box_inner{
	width:100%;
	padding-top:6px;
	background:url(../cssimg/bg_sidebar_box_inner.png) left top repeat-y;
}
.sidebar .sidebar_box .sidebar_box_inner img{
	display:block;
	margin:0px auto;
}
.sidebar .sidebar_box .sidebar_box_inner h2{
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:5px 0px;
	padding:6px 0px 0px 19px;
}
.sidebar .sidebar_box .sidebar_box_inner p{
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	line-height:18px;
	padding:5px 10px 0px 19px;
}
.sidebar .sidebar_box .sidebar_box_inner p a{
	font-weight:bold;
	color:#000;
}
.sidebar .sidebar_box .sidebar_box_inner p a:hover{color:#000;}
.sidebar .sidebar_box .sidebar_box_inner span{
	display:block;
	padding-right:10px;
	overflow:hidden;
	padding-top:5px;
}
.sidebar .sidebar_box .sidebar_box_inner span a{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../cssimg/see_news_page.png) left top no-repeat;
	display:block;
	width:107px;
	height:27px;
	float:right;
	line-height:21px;
	color:#000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.sidebar .sidebar_box .sidebar_box_inner span a:hover{
	text-decoration:none;
	color:#000;
}
.sidebar .sidebar_box .sidebar_box_inner .text_box{
	width:189px;
	padding:5px 7px;
	margin:0px auto;
	overflow:hidden;
	background:#e7a321;	
}
.sidebar .sidebar_box .sidebar_box_inner .text_box label{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.sidebar .sidebar_box .sidebar_box_inner .text_box a{
	display:block;
	float:right;
	text-indent:-9999px;
	outline-style:none;
	width:11px;
	height:16px;
	overflow:hidden;
}
.sidebar .sidebar_box .sidebar_box_inner .text_box a.left_button{
	background:url(../cssimg/bg_left_button.png) left top no-repeat;
}
.sidebar .sidebar_box .sidebar_box_inner .text_box a.right_button{
	background:url(../cssimg/bg_right_button.png) left top no-repeat;
	margin-left:7px;
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer{
	width:930px;
	margin:0px auto;
	padding:14px 0px;
	overflow:hidden;
}
#footer p{
	color:#FFF;
}
#footer span{
	float:right;
	color:#FFF;
}

/* *************************** 
   $7 Blog Styles
   ***************************/
.social {
	margin: 20px 0 10px 0;
	padding: 5px;
	width: 598px;
	background: #f9f9f9;
	border-top: 1px solid #dedede;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #eeeeee;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	font-style: normal;
}
.news-headline h4 {
	font-size: 1.2em;
}
.news-headline h4 a {
	color: #000;
}
.post-meta {
	margin: 0px;
	padding: 0px 0px 12px;
}
.post-meta h3 {
	font-size: 1.2em;
	color: #000;
	padding: 0px;
}
.post-meta h3 a {
	color: #000;
	text-decoration: none;
}
.post-meta h3 a:hover {
	color: #666;
	text-decoration: underline;
}
.post-meta a {
	color: #666;
	text-decoration: none;
}
.post-meta a:hover {
	color: #000;
	text-decoration: underline;
}
.class-author {
	font-size: 11px;
	line-height: 18px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
.class-author a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.class-author a:hover {
	color: #F49514;
	text-decoration: underline;
	font-weight: bold;
}
.social a {
	color: #333333;
	text-decoration: underline;
	padding-left: 10px;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding-right: 10px;
}
.social a:hover {
	color: #000000;
	text-decoration: underline;
	padding-right: 10px;
	padding-left: 10px;
}
#ditto_pages {
	font-size: 0.85em;
}
#ditto_pages .ditto_currentpage {
   	background: #fff;
	border: 1px solid #A0C339;    
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #A0C339;
}
#ditto_pages .ditto_off {
    border: 1px solid #A0C339;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #A0C339;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #333;
   	background: #f5f5f5;

}
#ditto_pages a:hover {
    background-color: #fff;
    color: #333;
}

.ditto_patron {
	border-bottom: 5px #ccc solid;
	padding: 5px 0;
	clear: both;}
.ditto_patron h2 {
	color: #000;}	
.ditto_patron img {
	float: right;
	padding: 5px;
	border: 5px #ccc solid;
	margin: 0 0 0 10px;
	}	
	
.sponsors_lrg {
	border: 4px #ddd solid;
	padding: 8px;}	
	
.sponsors_sml img{
	border: 4px #ddd solid;
	padding: 4px;}		

.sponsors_sml td{
	text-align: center;
	padding: 0px 6px;}