/* $Id: style.css,v 1.1.2.1 2007/08/19 */

/* Main container styles */
* {
  margin: 0;
  padding: 0;  
}
*html body {
  text-align: center;
}
body {  
  font: normal 10pt Arial, Helvetica, sans-serif;
  line-height: 1.6em;
  color: #666666;
  background: url(img/page_bg.jpg) #DCDCDC top left repeat-x;
}


/** LAYOUT **/
.inner_p {width:900px; margin-left:auto; margin-right:auto;}

/* header */
#header {
  width:100%;
}
#header_inner {
  width:900px;
  margin: 10px auto 0 auto;
	padding: 10px 0 10px 0;
  background: url(img/page_top_bg.png) #ffffff top center no-repeat;
}
#logo {
  
  margin: 0 0 0 10px;
}
*html #logo img, *html #logo a  { /* needed for IE 6 */
  padding:0;
  margin: 0 0 -3px 0;
  border:0;
}
#search_box {
 float:right;
 margin: 0 25px 0 0; 
}
.login_button {
  text-align: right;
	margin: 5px 0 10px 0;
}

#navigation {
  background: #ffffff;
	width: 900px;
	margin: 0 auto 0 auto;
	padding-top: 5px;
}
#navigation .inner_p {
	background: url(img/nav_bg.png) #ffffff top center repeat-x;
	width: 860px;
}
#navigation_bottom {
  background: url(http://local.thewheel.com/sites/all/themes/wheel_v1/img/nav_bottoms.png) #ffffff top center no-repeat;
	height: 9px;
  width:900px;
  margin: 0 auto 0 auto;	
}

/** main navigation **/
#navigation ul#links-menu {padding:0; list-style-type:none;line-height: 1;z-index: 100; position:relative;}
#navigation ul#links-menu li {position:relative;text-align:center;float:left; font-size:10pt; margin:0; font-family:arial, sans-serif;}
#navigation ul#links-menu ul {list-style: none;margin: 0;padding: 0;}

/* top level */
#navigation ul#links-menu li a, #navigation ul#links-menu li a:visited {display: block; margin-right: 0.3em; padding: 6px 0.6em 6px 0.6em;line-height: 26px;color:#fff; text-decoration:none;position:relative;}
#navigation ul#links-menu li a:hover{color:#fff; text-decoration:none;background: url(img/active_tab.png) transparent bottom center no-repeat;}
#navigation ul#links-menu li.active a.active {background: url(img/active_tab.png) transparent bottom center no-repeat; z-index:300; font-weight: bold;}


/* content area */
#main {
  /*background: url(img/main_bottom.png) #ffffff bottom center no-repeat;*/
	background: #ffffff;
  padding: 0 0 25px 0;
  text-align: left;
}
#section_header {
  padding: 10px 0 0 0;
	/*background: url(img/nav_bottom.png) #ffffff bottom center no-repeat;*/
}
#section_header h1{ /* each section can have its own icon using h1._section_name (eg. h1._sitemap) */
  color: #666666;
  font-weight:400;
  font-size: 1.8em;
  padding: 10px 0 5px 25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main_inner {width:900px;background: url(img/nav_bottom.png) #ffffff bottom center no-repeat;}
#main_content {float:left; width:430px; padding:25px;}

.sidebar-left #main_content, .sidebar-right #main_content, .front #main_content {width:590px;}
.no-sidebars #main_content {width:850px;}
#left {float:left; width:250px;background: url(img/col_left_bg.png) transparent top right no-repeat;}
#right {float:right; width:260px;background: url(img/col_right_bg.png) transparent top left no-repeat;}
#right .block {padding: 1em;}
.front #left {width:720px;background: url(img/col_left_bg.png) transparent right 212px no-repeat;}
.front #right {background: none;}
.front #right .block {padding: 0;}
.front #right .block:first-child h2.title {display: none;}
.front #right .block:first-child div.content {margin:0;}
*html .front #right .block div.content {margin:0;}
.front .tabs {
  margin-top: 10px;
}
#mission {
  color: #17549B;
  font-size: 24px;
  letter-spacing: 25%;
  line-height: 24px;
}
.front .page_content {
  margin: 0;
  padding: 10px 0 0 0;
  background: url(img/node_list_bg.jpg) transparent top left repeat-x;
}
.content_right_front .page_content {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  background: url(img/node_list_bg.jpg) transparent top left repeat-x;
  width: 420px;
  float: left;
}
#content_right_front {
  width: 220px;
  margin-top: 0; 
  float:right; 
}
#content_right_front h2.title{display: none;}

/* footer */
.footer {background-color: #ffffff;color: #494748; clear: both; padding: 5px 0 70px 0; width: 900px;margin: 0 auto 0 auto;}
.footer_inner {width: 840px; margin: 0 auto 0 auto;}
.footer .block .title {
  display: none;
}
.footer .block .content {
  padding: 0 20px 0 0;
  width: auto;
  text-align: right;
  letter-spacing: +25%;
}
.footer .block .content a, .footer .block .content a:visited {
  color: #FFFFFF;
}
 
.footer h2 { font-size: 20px; letter-spacing: -1px; font-weight: normal; color: #E6E6E6; padding: 15px 0px 10px 0px; margin: 0px; border-bottom: solid 5px #484E56; } 
.footer ul { padding: 0px; margin: 20px 0px; border-top: dashed 1px #484E56; } 
.footer li, .footer .item-list ul li { margin: 0px; padding: 5px 0px 6px 15px; list-style-type: none; border-bottom: dashed 1px #484E56; display: block;  } 
.footer li small { font-size: 10px; color:#5e7d8c;}
.footer li a { color: #E6E6E6; }
.footer li a:visited { color: #E6E6E6; }
.footer p { padding: 10px; margin: 0px; font-size: 11px; color: #728a8a; float: left; } 
.footer a { text-decoration: underline; color: #728a8a; } 
.footer a:visited { text-decoration: underline; color: #728a8a; } 
.footer a:hover { text-decoration: underline; color: #728a8a; }
.footer .block { margin: 0; }

.footer_content {
  float: left;
	color: #666666;
}

.siteby {float:right;}
.siteby span {color: #333333;}
.siteby a, .siteby a:visited {color: #666666;text-decoration:none;}
.siteby a:hover {color: #333333; text-decoration: underline;}

/** LAYOUT STYLE **/
ul.secondary_links {
  list-style-type:none;
}
ul.secondary_links li {
  
}
ul.secondary_links li a {
  display:block;
  height:28px;
  margin-right: 3px;
  padding: 6px 0 0 45px;
  background: url(img/sub_nav_item_bg.png) #ffffff center left no-repeat;
}
ul.secondary_links li.last a {
  display:block;
  height:28px;
  padding: 6px 0 0 45px;
  background: url(img/sub_nav_item_bg_last.png) #ffffff top left no-repeat;
}


/** GENERAL STYLE **/
/* node and basic text attributes */
h1,h2,h3,h4,h5,h6 {

}
h1,h2,h3 {
	font-size:1.6em;
}
h4,h5,h6 {
	font-size:1.5em;
}
h5 {
	margin-bottom: 0.5em;
}

a {
  text-decoration: none;
  color: #0059A6;
}

a:hover {
  text-decoration: underline;
  color:#0059A6;
}

/* lists */
ol {margin: 0 0 1em 2em;}


/* table styles */
table {
  margin: 1em 0;
  width: 100%;
	border-collapse: separate;
}
thead th {
  border-bottom: 2px solid #AAAAAA;
  color: #494949;
  font-weight: bold;
}
td, th {
  padding: 0.3em 0 0.5em 0;
}
tr.even, tr.odd, tbody th {
  border: solid #D5D6D7;
  border-width: 1px 0;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
tr.even {
  background-color: #fff;
}
tr.odd td.active {
  background-color: #E1E1E1;
}
tr.even td.active {
  background-color: #F1F1F1;
}
td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #AAAAAA;
  background-color: #D5D6D7;
  color: #455067;
  font-weight: bold;
}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

/* other stuff */
.content {
  margin-top:15px;
  clear: both;
}
.content p {
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 1em;
}

.messages {
  border-color: #FF0000;
  background: url(img/icons/info.jpg) #EFF4FA center left no-repeat;
  border: 1px solid #ccc;
  padding: 0.5em; 
  padding-left: 30px;
  margin-bottom: 1em; 
}
div.error {
  padding-left: 30px;
  border-color: #FF0000;
  background: url(img/icons/error.jpg) #E8D7CE center left no-repeat;
}
div.messages ul{
  padding-left: 30px;
}
input.error {
  background: #E8D7CE;
  border: 1px solid red;
}
div.status {
  padding-left: 30px;
  border-color: #009900;
  background: url(img/icons/status.jpg) #E5EFE5 center left no-repeat;
}
.help {
  border-color: #FF0000;
  background: url(img/icons/help.jpg) #EEEEEE center left no-repeat;
  border: 1px solid #ccc;
  padding: 0.5em; 
  padding-left: 30px;
  margin-bottom: 1em; 
  margin-top: 0.5em;
}

/* form related */
span.form-required {
  color: #ffae00;
}
span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}
fieldset {
  border: 1px solid #D1E8A5;
}
fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
  font-size: 1.2em;
  font-weight: bold;
}

/**
 * Watchdog.module
 */
tr.watchdog-user {
  background-color: #fcf9e5;
}

tr.watchdog-user td.active {
  background-color: #fbf5cf;
}

tr.watchdog-content {
  background-color: #fefefe;
}

tr.watchdog-content td.active {
  background-color: #f5f5f5;
}

tr.watchdog-warning {
  background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
  background-color: #fdf2de;
}

tr.watchdog-error {
  background-color: #fbe4e4;
}

tr.watchdog-error td.active {
  background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
  background: #c7eec7;
}

/* tabs */
ul.primary {
  margin: 0 0 1em 0;
}  

/** ADMIN PAGES **/
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  color: #666666;
  margin: 0;
}
div.admin .left {
  float: left;
  width: 48%;
  margin-left: 0;
}
div.admin .right {
  float: right;
  width: 48%;
  margin-right: 0;
}
dl.admin-list dt a {
  font-size:1.1em;
  font-weight: bold;
}
dl.admin-list dd {
  margin:0 0 10px 0;
}

/* create content page */
dl {
  margin:  0.5em 0 1em 0.5em;
}

dl dd {
  margin: 0 0 .5em 0.5em;
}


/** NODE STYLE **/
.node {
  padding: 0 0 12px 0;
  margin: 0 0 12px 0;
  /*background: url(img/node_list_bg.jpg) transparent bottom left repeat-x;*/
}
.calendar .node {
  background: none;
  padding: 0;
  margin: 0;
}
/* page and front dont need date */
.front .page h2.title {display: none;}
.front .story h2.title, .front .news h2.title {display: none;}
.page .date, .page h2.title, .webform .date, .webform h2.title, .calendar .node .date {display: none;}
/* front right tabbed block */
#right .block-tabbed_block .node {
  padding:15px;
  background: url(img/node_list_bg_front.jpg) transparent bottom left repeat-x;
}

.node .date {
  color: #00529E;
  font-size: 0.9em;
  margin:0;
  line-height:10pt;
}
.node .date span{ /* formats date spacers / */
  color: #80A119;
}
.node h2 {
  font-size: 12pt;
  font-weight: bold;  
  width: auto;
  margin: 0;
  line-height:18pt;
  color: #424242;
  text-transform:uppercase;
} 
.node h2 a, .node h2 a:hover {
  color: #424242;
  line-height:18pt;
  background: url(img/node_title_bg.gif) transparent top left repeat;
  text-decoration: none;
}
.node .content {
  margin: 0;
}
.node .content ul {
  margin: 0 0 20px 5px;
}
.node .content ol {
  margin: 0 0 20px 35px;
}

.node .content ol li {
  margin: 0 0 1em 0;
}

.node .content ul li {
  padding: 0 0 .2em 1.5em;
	margin-top: 0;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(img/menu-leaf.gif) no-repeat 1px .35em;
} 
.node .content ol li {
  padding: 0 0 .2em 0.5em;
	margin-top: 0;
}
.node .submitted, .node .links {
  display:none;
}

/** UTILITIES **/
.floatright{float:right}
.floatleft{float:left}  
.clearfix:after{ content:"."; display:block;height:0; clear:both; visibility:hidden} 
.clearfix{display:inline-table}
* html .clearfix{height:1%}.clearfix{display:block}


/** MODULE SPECIFIC **/
/* TABBED BLOCK */
div.block-tabbed_block h2.title {}
div.block-tabbed_block .content {margin:0;}
#right .tabbed_block-ajax{display: none;}
#right .block-tabbed_block .tabs-container {
  clear:both;  
  border-top: 0;
  border-bottom: 0;
    
}
#right .block-tabbed_block .tabs-nav a {
    display: block;
    top: 1px;
    z-index: 2;
    padding: 10px 0 0 0;
    width: 115px;
    height:35px;
    color: #27537a;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(img/tab_off_white.gif) #ffffff top left no-repeat;
	text-transform:uppercase;
    border-width:0;
}
#right .block-tabbed_block .tabs-nav a:hover{
  background: url(img/tab_off.gif) #ffffff top left no-repeat;
}
#right .block-tabbed_block .tabs-nav .tabs-selected a, #right .tabs-nav a:hover, #right .tabs-nav a:focus, #right .tabs-nav a:active {
    background: #ffffff;
}

/* MENU TREE (sitemap) */
.menutree-page {}
.menutree-page ul.menutree {list-style-type:none;list-style-image: none;}
.menutree-page ul.menutree li.leaf, 
.menutree-page ul.menutree li.expanded,
.menutree-page ul.menutree li.collapsed {
  list-style-type:none;list-style-image: none;
}
.menutree-page ul.menutree li.leaf {
  /* top level link */  
  font-weight: bold; 
  font-size: 14pt;
  margin-bottom: 1em;
} 
.menutree-page ul.menutree li.expanded,
.menutree-page ul.menutree li.collapsed {
  /* parent link */  
  font-weight: bold; 
  font-size: 14pt;
  margin-bottom: 1em;
}
.menutree-page ul.menutree li.collapsed {margin-bottom:0;}
.menutree-page ul.menutree li.expanded ul.menu,
.menutree-page ul.menutree li.expanded li.leaf {
  font-weight: normal;
  margin-left: 1em;
}
.menutree-page ul.menutree li.expanded ul.menu li.expanded,
.menutree-page ul.menutree li.expanded ul.menu li.collapsed {
  font-size: 12pt;
}
.menutree-page ul.menutree li.expanded ul.menu li.leaf {
  margin-left: 1em;
  margin-bottom: 0.2em;
  font-size: 10pt;
}

/* quotes block */
.block-nodeasblock .content {
  padding: 0;
	margin: 0;
}
.block-nodeasblock h2.title {
  display: none;
}
/* quotes block */
.block-nodeasblock .content {
  padding: 0;
	margin: 0;
	color:#005F91;	
	line-height: 1.5em;	
}
.photo_holder img{
  background: #ffffff;
	border: 1px solid #eeeeee;
	padding: 1px;
}

.quote_holder {
  margin: 10px 0 0 10px;
}
.quote_top {
  background: url(img/quote_top.gif) transparent bottom left no-repeat;
	padding-bottom: 44px;
}
.quote_bottom {
  background: url(img/quote_bottom.gif) transparent top right no-repeat;
	padding-bottom: 31px;
}
.quote {
	font-style:italic;
	color: #273D64;
	margin: 0;
	padding: 0;
}
.quote p {
	margin: 0;
	padding: 0;
}
.quote_by {
	font-style:italic;
	color: #273D64;
	font-size: 0.9em;
}
.quote_company {
	font-style:italic;
	color: #ABABAB;
	font-size: 0.9em;
}

.field-field-quote-photo img {
  padding:0;
	margin: 0;
}

/* random */
.blue {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	margin: 1em;
	font-size: 1.1em
}