/* $Id: zen.css,v 1.14 2008/09/15 10:36:22 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */


/** body **/
  body
  {
    margin: 0;
    padding: 0;
		background: #354E61 url('../images/bg_body.png') repeat-x;
		
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */
	text-align: justify;
	color: #192D3B;

  }

  #page
  {
	width: 846px;
	margin: 0 auto;
	position: relative;
  }

  #page-inner
  {
	 position: relative;
  }
  
  img {border-width: 0;}

/** header **/
  #header
  {
	height: 113px;
	position: relative;
	overflow: hidden;
  }

  #header-inner
  {
  	position: relative;
  }
	

  #logo /* Wrapper for logo */
  {
	float: left;
	margin: 19px 0 0 7px;
  }

	#imgArea {background: url('/images/bg_imgArea.png') 50% 0 no-repeat;}
	#imgArea-inner {width: 826px; margin: 0 auto; height: 226px;}
		.bg_home {background: url('/images/bg_default.jpg') no-repeat;}
		.bg_aboutus {background: url('/images/bg_aboutus.jpg') no-repeat;}
		.bg_solutionsandservices {background: url('/images/bg_solutions.jpg') no-repeat;}
		.bg_contracts {background: url('/images/bg_contracts.jpg') no-repeat;}
		.bg_locations {background: url('/images/bg_locations.jpg') no-repeat;}
		.bg_careers {background: url('/images/bg_careers2.jpg') no-repeat;}
		.bg_contactus {background: url('/images/bg_contactus.jpg') no-repeat;}
		.bg_executiveteam {background: url('/images/bg_default.jpg') no-repeat;}
		.bg_strategicsourcing {background: url('/images/bg_strategicsourcing.jpg') no-repeat;}
		.bg_agencies {background: url('/images/bg_agencies.jpg') no-repeat;}
		.bg_customers {background: url('/images/bg_default.jpg') no-repeat;}

	#main {background: url('/images/bg_page.png') 50% 50% repeat-y;}
	.main {background: url('/images/bg_page.png') 50% 50% repeat-y;}
	#mainNoSidebar {background: url('/images/bg_page2.png') 50% 50% repeat-y;}
	#main-inner {background: url('/images/bg_main.png') 50% 0 no-repeat; min-height: 250px;}
	#main-innerNoSidebar {background: url('/images/bg_main2.png') 50% 0 no-repeat; min-height: 250px;}


  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
	color: #0D3140;
  }
  
  h1.title {font-size: 20px;}
  h2.title {font-size: 12px;}
	

/** footer **/
  #footer
  {
	  background: url('/images/bg_footer.png') no-repeat;
	  margin: 0 0 25px 0;
	  text-align: center;
	  font-size: 11px;
	  color: #fff;
	  padding-top: 35px;
  }
  #footerNoSidebar
  {
	  background: url('/images/bg_footer2.png') no-repeat;
	  margin: 0 0 25px 0;
	  text-align: center;
	  font-size: 11px;
	  color: #fff;
	  padding-top: 35px;
  }
	
	#footer a, #footer a:visited {text-decoration: none;}

  #footer-inner
  {
  }
	
	#footer ul.links {margin-bottom: 10px;}

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
  }

  DIV.block /* Block wrapper */
  {
    margin-bottom: 1em;
		background-color: #302E2E;
		border: 1px solid #454242;
  }
	

/** James Cyrus css patch techniques **/


	.active {font-weight: bold; color: #fff;}

	dl {font-size: 13px;}
		dl dt {font-weight: bold;}
		dl dt a {text-decoration: none; color: #fff;}
			dl dd {margin: 0 0 10px 0;}
	
	.compact-link {font-size: 11px; text-transform: lowercase;}

.section-admin TABLE {font-size: 12px;}
.section-admin TABLE TD, .section-admin TABLE TH {padding: 1px 5px;}
	.section-admin TABLE TD {color: #111;}
	.section-admin TABLE TD a {text-decoration: none; color: #111;}
	.section-admin TABLE TD a:hover {text-decoration: underline;}

input, textarea {font-size: .9em;}

TABLE {width: 100%;}


#toolbar ul.links {width: 555px; height: 21px; background: url('../images/toolbar.png') no-repeat; margin: 0; padding: 0; overflow: hidden; position: absolute; right: 20px; top: 92px; z-index: 100;}
		#toolbar ul.links li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; height: 28px;}
		
		#toolbar ul.links li a {display: block; height: 21px; text-indent: -9999px; font-size: 0;}
		
			#toolbar ul.links .menu-1 {width: 48px; left:  0px; top: 0;}
			#toolbar ul.links .menu-2 {width: 68px; left: 52px; top: 0;}
			#toolbar ul.links .menu-3 {width: 136px; left: 125px; top: 0;}
			#toolbar ul.links .menu-4 {width: 77px; left: 265px; top: 0;}
			#toolbar ul.links .menu-5 {width: 73px; left: 347px; top: 0;}
			#toolbar ul.links .menu-6 {width: 64px; left: 424px; top: 0;}
			#toolbar ul.links .menu-7 {width: 63px; left: 492px; top: 0;}
	
			#toolbar ul.links a:hover, #toolbar ul.links a.active {background: url('../images/toolbar.png') no-repeat;}
			
			#toolbar ul.links .menu-1 a:hover, #toolbar ul.links .menu-1 a.active {background-position: -0px -21px;}
			#toolbar ul.links .menu-2 a:hover, #toolbar ul.links .menu-2 a.active {background-position: -52px -21px;}
			#toolbar ul.links .menu-3 a:hover, #toolbar ul.links .menu-3 a.active {background-position: -125px -21px;}
			#toolbar ul.links .menu-4 a:hover, #toolbar ul.links .menu-4 a.active {background-position: -265px -21px;}
			#toolbar ul.links .menu-5 a:hover, #toolbar ul.links .menu-5 a.active {background-position: -347px -21px;}
			#toolbar ul.links .menu-6 a:hover, #toolbar ul.links .menu-6 a.active {background-position: -424px -21px;}
			#toolbar ul.links .menu-7 a:hover, #toolbar ul.links .menu-7 a.active {background-position: -492px -21px;}








/** rounded corners **/

.tl, .bl, .tr, .br { position: absolute; display: block; width: 14px; height: 14px;}
	.tl {top: 0; left: 0; background: transparent url('images/tl.png') top left no-repeat;}
	.bl {bottom: 0; left:0px; background: transparent url('images/bl.png') bottom left no-repeat;}
	.tr {top: 0; right: 0px; background: transparent url('images/tr.png') top right no-repeat;}
	.br {bottom: 0; right: 0px; background: transparent url('images/br.png') bottom right no-repeat;}



#content {float: left; margin: 10px 15px 10px 25px; width: 531px; padding-top: 10px;}
#sidebar {float: right; margin: 10px 25px 10px 15px; width: 234px; padding-top: 40px;}
#contentNoSidebar {float: left; margin: 10px 15px 10px 25px; width: 755px; padding-top: 10px;}
#sidebar p {margin: 5px 0 15px 0;}
a.empLoginLink, a.empLoginLink:visited, a.empLoginLink:hover { color:#FFF;}
a, a:visited {color: #387D9C;}
	a:hover {color: #15253E;}
	 	TABLE.formTable {
			background-color: lightgrey;
			border: darkgrey 0px solid;
			border-width: 1px 1px 1px 1px;
    		color: #000;
		}
		
	 	TABLE.formTable TH {
			background-color: #354E61;
			border: darkgrey 0px solid;
			border-width: 0px 0px 1px 0px;
        	font-family: tahoma, monaco, arial, sans-serif;
        	font-size: 13px;
        	color: #FFF;
			width: 400px;
			text-align: left;
		}
		
	 	TABLE.formTable TD.end {
			background-color: #354E61;
			border: darkgrey 0px solid;
			border-width: 1px 0px 0px 0px;
    		color: #fff;
			font-size: 12px;
		}
		
	 	TABLE.formTable TD.note {
			background-color: #a5aaa5;
			border: darkgrey 0px solid;
			border-width: 1px 0px 1px 0px;
    		color: #000;
			font-size: 12px;
			font-weight: 700;
		}
		
	 	TABLE.formTable TD.note1 {
			background-color: #a5aaa5;
			border: darkgrey 0px solid;
			border-width: 1px 0px 0px 0px;
    		color: #FFF;
			font-size: 10px;
			font-weight: 700;
		}