@charset "utf-8";
/*
Theme Name: mechecon Theme
Version: 1.0
Author: BH Crist
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}

p {
   padding: 5px;
}

#full_wrapper { 
 margin: 0 auto;
 width: 100%;
 background: #E1E1E1;
 border-bottom: 2px solid black;
 position: relative;
 zoom: 1;
}

#border_wrapper {
 margin: 0 auto;
 width: 1024px;
 background-image: url("images/mecheconnects_fade3.jpg");
 background-repeat: repeat-y;
 position: relative;
 zoom: 1;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
 position: relative;
 zoom: 1;
}

#header {
 color: #333;
 height: 141px;
 background-image: url("images/mecheconnects_banner_frame2.jpg");
 background-repeat:no-repeat;
 margin-left: 20px;
 position:relative;
 zoom: 1;
}

#header_box_1 {
  position:relative;
  top: 3px;
  left: 0px;
  height: 70px;
  width: 120px;
}

#header_box_1a {
  position:relative;
  top: -31px;
  left: 250px;
  height: 35px;
  width: 90px;
}


#header_box_2 {

  position:relative;
  top: -66px;
  left: 350px;
  height: 35px;
  width: 250px;
  text-align:center;
}

#header_box_3 {
  position:relative;
  top: -101px;
  left: 617px;
  height: 40px;
  width: 310px;
}

#header_box_4 {
  position:relative;
  top: -106px;
  left: 0px;
  height: 67px;
  width: 348px;
}

#header_box_5 {
  position:relative;
  top: -155px;
  left: 360px;
  height: 40px;
  width: 350px;
  text-align:center;
}

#header_box_6 {
  position:relative;
  top: -198px;
  left: 740px;
  height: 40px;
  width: 178px;
  text-align:right;
}


#footer { 
 width: 100%;
 height: 100px;
 clear: both;
 color: #333;
 background: #FFF;
 border-top: 1px solid #DDD;
 margin-top: 10px;
 font-size:11px;
}

#footer p {
  margin-left: 20px;
  margin-top: 20px;
  
}

#navigation {
 float: left;
 width: 100%;
 height: 35px;
 color: #333;
 text-align: left;
 background-image: url("images/mecheconnects_hnav_bg.jpg");
 background-repeat:no-repeat;
  margin-left: 20px;
}

#outer_content { 
 color: #333;
 background-image: url("images/mecheconnects_content_bg2.jpg");
 background-repeat: repeat-y;
 height: 100%;
 width: 675px;
 float: left;
 margin-left: 20px;
 min-height: 1400px;
}

#content { 
 width: 605px;
 color: #333;
}

#story {
  width: 600px;	
}

#story h4 {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 10px;
  color: #da3419;   /* red */
}

#story p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  color: #535353;
}

#toc_container { 
 color: #333;
 height: 100%;
 width: 240px;
 float: left;
 margin-left: -5px;
}

#toc {
  margin-right: 20px;
}

#feature_title{
 height: 109px;
 width: 604px;
 background-image: url("images/mecheconnects_feature_title_bg_b.jpg");
 background-repeat:no-repeat;
 margin: 0px;
 padding-top: 10px;
 padding-right: 5px;
}

#feature_img{
  margin-top: -10px;
  padding: 0px;
}

#feature{
 margin-top: 10px;
}

#index_toc{
  margin-top: 25px;
  width: 100%;
}


body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

a:link{
	color: #37610E;
	text-decoration:none;
}
a:visited {
	color: #37610E;
	text-decoration:none;
}
a:active{}
a:hover{}

.page_title {
  font-weight: bold;
  font-size:12px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.caption {
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
}

#feature_title_box {
  margin-left: 20px;
}

.feature_story_title{
	font-size: 20px;
	font-weight:bold;
	margin-top: 10px;
}

.feature_story_text{
	font-size:13px;
	color: #494848;
	margin-left: 20px;
}

.index_toc_title {
	font-size: 13px;
}

.index_toc_text {
	font-size: 13px;
	color: #494848;
}

.story_text_container {
    margin-top: 5px;
}

.story_intro {
  font-weight: bold;
}

.index_story{
  margin-top: 5px;
  margin-bottom: 5px;
  width: 605px;
  border-top : 1px solid #DDD;
  height: 110px;
}

.index_story img {
     margin-right:  10px;
	 padding-top: 10px;
}

.index_hr {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 605px;
  color: #DDD;
  clear: both;
}

.spacer {
	clear: both;
}

.banner_1 {
  font-family:"Times New Roman", Times, serif;
  font-size: 13px;
}

.banner_2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.banner_3 {
  font-family:"Times New Roman", Times, serif;
  font-size: 13px;
  color: red;
  font-weight: bold;
}

table.header_table td.top_line {
	border-top-color: #AAA;
	border-top-style: solid;
	border-top-width: 1px;
}

table.header_table td.mid_low {
	border-left-color: #AAA;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #AAA;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #AAA;
	border-top-style: solid;
	border-top-width: 1px;
}

table.header_table td.mid_high {
	border-left-color: #AAA;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #AAA;
	border-right-style: solid;
	border-right-width: 1px;
}

.hnav {
	font-size: 12px;
	color: #FFF;
}

#toc p {
  margin: 10px 5px 10px 5px;	
}

.skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
.skip a:focus
{
position:static;
width:auto;
height:auto;
}


/*!!!!!!!!!!!!!!!!!!!!!!*/
li.menuparent {
	color: #00CC66;	
}


ul#hnav,
ul#hnav ul {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	background: none; /* IE6 Bug */
	font-size: 100%;
	margin-left: 5px;
	}

ul#hnav {
	/*top:5px;
	left:5px;*/
	float: right;
	width: 924px;
	z-index: 999999;
	position: absolute;
	line-height:33px;
	margin-left: 10px;
	}

ul#hnav:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

ul#hnav li {
	position: relative;
	list-style: none;
	float: left;
	width: 150px; /* Width of Menu Items */


	}

ul#hnav li a,
ul#hnav li li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 0px;
	padding-left:13px;

	}

	/* Fix IE. Hide from IE Mac \*/
	* html ul#hnav li { float: left; height: 1%; }
	* html ul#hnav li a { height: 1%; }
	/* End */

	ul#hnav ul {
		position: absolute;
		display: none;
		}

ul#hnav ul ul {
	/*left: 50px;*/
	left: 141px;
	top: 0;
	}



ul#hnav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#hnav li:hover ul ul,
ul#hnav li:hover ul ul ul,
ul#hnav li.over ul ul,
ul#hnav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#hnav li:hover ul { display: block; background: #485b92; }
ul#hnav li li:hover ul { display: block; background: #485b92; }
ul#hnav li li li:hover ul { display: block; background: #485b92; }
ul#hnav li.over ul { display: block; background: #485b92; }
ul#hnav li li.over ul { display: block; background: #485b92;}
ul#hnav li li li.over ul { display: block; background: #485b92;} /* The magic */



ul#hnav li.menuparent { /*background: transparent url(arrow-down.gif) right center no-repeat;*/ }



ul#hnav li ul li a{
background:none;
height:14px;
padding: 0px 2px 14px 12px;
border-bottom:1px solid #919dbe;
font-weight:bold;
margin-left:-15px;
}



ul#hnav li.menuparent2:hover,
ul#hnav li.menuparent:hover,
/* ul#hnav li.over { background-color: none !important; } */

ul#hnav li a:hover { color: #dee2ec; }

ul#hnav li li.menuparent2 ul, ul#hnav li ul.menuparent2 li a{
	margin-left:7px;
}



ul#hnav a{
/*background:#ffffff url("right.gif") no-repeat right top;*/
}

ul#hnav li.menuparent {
	margin:0;
  	padding:0 0 0 5px;
  font-weight:bold;
	}

#navigation ul {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
#navigation ul li {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 15px;
	line-height: 33px;
	display: inline;
	font-weight: bold;
	/*color: #dee2ec;*/
}

ul#hnav li ul li:hover{ background-color: #192754;}

.article_title {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 20px;
  color: #37610E;  /* green, was #37610E */
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

.navigation {
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
	height: 30px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.underneath_search_result {
	margin-top: 18px;
}

#img_align_r {
  display: inline;
  float: right;
  margin-left: 3px;
}

.caption_text {
  font-style:italic;
  font-size:12px;
}

.first_p {
  margin-top: 10px;
}

#pullquote {
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;
  color: #11568E;  /* blue */
}

#story p.intro_letter_caption {
  clear: both;
  margin-left: 25px;
  font-family:"Times New Roman", Times, serif;
  font-style: italic;
  font-size: 13px;
}

#finial {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

#story p.subhead_1 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  color: #37610e;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: 0px;
  padding-left: 0px;
}

#story p.caption {
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
}

#story ul.meche {
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #535353;
	margin-left: 40px;
}

#story li {
	padding: 3px; 
}

#robo_cap p{
    font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
	margin-left: 15px;
	margin-right: 0px;
}

#right_cap p{
	font-size: 10px;
	
	margin-right: 0px;
	margin-left: 15px;
}

#left_cap p{
	font-size: 10px;
	
	margin-right: 15px;
	margin-left: 0px;
}

#right_cap1 p{
	font-size: 10px;
	
	margin-right: 0px;
	margin-left: 15px;
}

#left_cap1 p{
	font-size: 10px;
	
	margin-right: 15px;
	margin-left: 0px;
}

#right_cap2 p{
	font-size: 10px;
	
	margin-right: 0px;
	margin-left: 15px;
}

#left_cap2 p{
	font-size: 10px;
	
	margin-right: 15px;
	margin-left: 0px;
}

#right_cap3 p{
	font-size: 10px;
	
	margin-right: 0px;
	margin-left: 15px;
}

#left_cap3 p{
	font-size: 10px;
	
	margin-right: 15px;
	margin-left: 0px;
}

#right_cap4 p{
	font-size: 10px;
	
	margin-right: 0px;
	margin-left: 15px;
}

#left_cap4 p{
	font-size: 10px;
	
	margin-right: 15px;
	margin-left: 0px;
}



.image_link {
    float: left;	
}

#border_table {
  width: 548px;
  border: 1px solid #999;	
}


/* =Menu
-------------------------------------------------------------- */

#access {
/*	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px; */
	
	float: left;
    width: 100%;
    height: 35px;
    color: #333;
    text-align: left;
    background-image: url("images/mecheconnects_hnav_bg.jpg");
    background-repeat:no-repeat;
    margin-left: 20px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	width: 150px;  /* BHC */
}
#access a {
	color: #fff;  /* aaa */
	display: block;
	line-height: 35px;  /* 38 */
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 35px;  /* 38 */
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


#feature_img img {
  border-top-left-radius: 15px;
}

#story p.wp-caption-text {
  font-size: smaller;
  text-align: center;
}

#story p.fac_box {
  min-height: 90px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 5px;
  clear:both;
}

#story div.fac_box {
  min-height: 90px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 5px;
 padding-left: 5px;
  clear:both;
}

#story p.fac_box_blurb {
  margin-left: 98px;
}


div.wp-caption.alignleft {
  margin-right: 10px;
}

div.wp-caption.alignright {
  margin-left: 10px;
}

#feature_img img {
  border-top-left-radius: 15px;
}

.image_left {
  margin-right:15px;
  margin-top:10px;
  margin-bottom: 10px;
}

.image_right {
  margin-left:15px;
  margin-top:10px;
  margin-bottom: 10px
}

#story p.wp-caption-text {
  font-size: 11px;
  padding-left: 15px;
  padding-right: 15px;
}

#story .aligncenter {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom:10px;
}