/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-08-25
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background-color: #242B3D;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Lucida Sans Unicode", Geneva, Verdana, sans-serif; /*"Lucida Grande", "Lucida Sans",*/
}

a {
	color: #3C8BC1;
	text-decoration: underline;
}
	a:hover { text-decoration: none; }
	a:visited { color: #666; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		font-size: 1.25em;
		color: #3C8BC1;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.7em; }
		h4 { font-size: 1.5em; }
		h5 { font-size: 1.3em; }
		h6 { font-size: 1.1em; }

hr {
	height: 2px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: transparent url('images/hr.gif');
	border: 0;
	width: 85%;
}

#wrapper {
	position: relative;
	width: 933px;
	margin: 18px auto;
}


/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */

#contentWrapper {
	background: transparent url('images/bg-contentWrapper.jpg') top left repeat-y;
	height: 350px;
}
   #wrapper > #contentWrapper {
      height: auto;
      min-height: 350px;
   }

/** @group leftCol */
#leftCol {
   width: 723px;
   height: 250px;
   background: transparent url('images/bg-header.jpg') top left no-repeat;
   float: left;
}
   #contentWrapper > #leftCol {
      height: auto;
      min-height: 250px;
   }
/* @group header */
#header {
   width: inherit;
   height: 75px;
}

#header #banner {
	width: inherit;
	height: 100px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 284px;
	height: 57px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 13px;
	left: 19px;
}
   body.commercial #header #banner a,
   body.commercial #header #banner a:visited { background-image: url("images/logo_commercial.jpg"); }

   body.profix #header #banner a,
   body.profix #header #banner a:visited { background-image: url("images/logo_profix_v2009.jpg"); }

   body.jhstewart #header #banner a,
   body.jhstewart #header #banner a:visited { background-image: url("images/logo_jhStewart.jpg"); }

/** @group searchSite */
#searchSite {
   position: absolute;
   left: 415px;
   top: 45px;
}
#searchSite label {
   color: #25437E;
   font-size: 1.1em;
}
#searchSite input { 
   width: 135px; 
   margin-right: 3px; 
   font-size: 1.1em;
   padding: .3em .4em .15em .4em;
}
#searchSite button {
   border: 0;
   background: transparent url('images/btn-go.jpg') top left no-repeat;
   padding: 0;
   margin: 0;
   text-indent: -10000px;
   width: 45px;
   height: 24px;
   position: absolute;
   left: 248px;
   top: 0;
   cursor: pointer;
   cursor: hand;
}
/* @end searchSite **/
/* @end header */

/* @group topNavigation */
#topNavigation { 
   margin: 5px 0 10px 0;
/*   height: 30px;*/
   border-bottom: 5px solid #000;
}
#topNavigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#topNavigation ul li {
   display: inline;
   float:left;
   margin-right: 2px;
   background: #1A6396 url("images/nav-up-M.jpg") top left repeat-x;
}
   #topNavigation ul li a {
      display: block;
      text-transform: lowercase;
      color: #FFF;
      font-size: 1.2em;
      *font-size: 17px;/* IE 7 */
      text-decoration: none;
      font-weight: bold;
      background: transparent url("images/nav-up-L.jpg") top left no-repeat;
   }
      * html #topNavigation ul li a { font-size: 17px; }
      #topNavigation ul li a:hover { text-decoration: underline; }
      
      #topNavigation ul li a span {
         display: block;
         padding: 6px 10px 8px 10px;
         background: transparent url("images/nav-up-R.jpg") top right no-repeat;
      }
   
   #topNavigation ul li.selected { background-color: #000; background-image: url("images/nav-selected-M.jpg"); }
      #topNavigation ul li.selected a { background-image: url("images/nav-selected-L.jpg"); }
         #topNavigation ul li.selected a span { background-image: url("images/nav-selected-R.jpg"); }
/* @end topNavigation */


#home td.column1,
#home td.column2 {
   padding: 20px;
   font-size: 1.2em;
}
   #home td.column1 h2,
   #home td.column2 h2 {
      font-size: 1.4em;
   }
   
   #home td.column1 {
      background-color: #FFF;
      border: 1px solid #999;
   }
   
   #home td.spacer { width: 10px; }

#layout { padding: 3px 12px 3px 8px; }
/*   #layout img { border: 1px solid #000; }
*/
#content {
   font-size: 1.2em;
   line-height: 1.5;
   color: #000;
   padding: 10px;
}

#content h2 { 
   font-size: 1.6em;
   margin: 0;
}

#content p {
   margin: 0;
   padding: 0 0 16px 0;
}
#content input.input, #content textarea.textarea { 
   border: 1px solid #141C2C; 
   padding: 3px;
}
#content input.submit {
   background-color: #002F79;
   border-width: 1px;
   border-style: solid;
   border-right-color: #002053;
   border-bottom-color: #002053;
   border-top-color: #0040A7;
   border-left-color: #0040A7;
   color: #FFF;
   padding: 3px;
}
/* @end leftCol **/

/** @group rightCol */
#rightCol {
   width: 210px;
   padding: 85px 0 45px 0;
   float: left;
}

#blueColumn {
   position: relative;
   background: transparent url('images/bg-blueColumn.jpg') top left repeat-y;
   height: 320px;
}
   #rightCol > #blueColumn {
      height: auto;
      min-height: 320px;
   }
#blueColumn h2, #blueColumn h3, #blueColumn h4, #blueColumn h5, #blueColumn h6 { color: #282426; }
#blueColumn #columnTop {
   height: 20px;
   width: 210px;
   background: transparent url('images/bg-blueColumn-top.jpg') left top no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
}
#blueColumn #blueColumnStretcher { 
   height: 320px; background: transparent url('images/bg-blueColumn-bottom-2.jpg') left bottom no-repeat; 
}
   #blueColumn > #blueColumnStretcher { 
      height: auto;
      min-height: 320px;
   }
#blueColumn #columnContent { 
   padding: 25px 15px 35px 15px; 
   color: #FFF; 
   font-size: 1.2em;
}
   #blueColumn #columnContent h4 { font-size: 1.45em; }
   #blueColumn #columnContent a { color: #FFF; }
/* @end rightCol **/

/* @end ContentWrapper */

/** Footer
-------------------------- **/
/* @group footer */

#footer {
	height: 29px;
	text-align: center;
	padding: 35px 210px 0 0 ;
	background: transparent url('images/bg-footer.jpg') top left no-repeat;
	font-size: 1.1em;
}
   #footer, #footer a { color: #666; }
   #footer a { text-decoration: none; }
   #footer a:hover { color: #ECECEC; }

/* @end footer */


/** Class Styles
-------------------------- **/
.white { color: #FFF; }
.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}