a
{
  outline: none;
}

* 	{ margin: 0; padding: 0; }


html,body {
	margin:0;
	padding:0;
	height:101%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
	min-height:100%
}

 .cl {
	clear:both;
	color: #036;
}

a  {
	text-decoration: none;
	
	color: #036;
}

a:hover {
	color:#00BCE4;
	text-decoration: underline;
}



p { font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px; margin: 15px 0;}
	
		
p.left { font-size:13px; line-height:17px; }

p.right { font-size:13px; line-height:17px; }

p.small { font-size:9px; line-height:16px; align:bottom;}


h3 {
	font-family:Arial, Helvetica, sans-serif;
 	font-size:16px;
	font-weight:bold;
}

h3.red {
	margin:0;
	color: #ED1B24;
}

h3.green { margin:0; color:#C1D82F; }

h3.blue { margin:0; color:#00BCE4; }

h3.darkgreen { margin:0; color: #009b5b;}


div#container {
	width:800px;
	background-image:url(images/wht-line.png);
	background-repeat:repeat-y;
	background-position:left top;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto -2em;
}

div#header {
	padding:1em 2em 8em 2em;
	
}
div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
}

div#header img.main{
   position:relative;
   float:left;
}

div#content {
	padding:2em 5em 5em;
	height:100%; /* bottom padding for footer */
	min-height:450px;
}

div#content p {
	text-align:left;
	padding:0;
	vertical-align: super;
	top: -15px;
	font-size: 13px;
}
		
div#footer {
    
	padding-left:5em;
}	

.push {
    height: 4em;
}
	

div.toplink {
 	float:right;
	text-align:right;
	padding-top:0px;
	padding-right:25px;
  }


div.titlegraphic{
	width: auto;
	height:auto;
	padding: 20px 0 0 0;
}




/* Chromestyle Menu */



.chromestyle{
width: 60%;
float:right;
padding-top:30px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #666;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover { /*script dynamically adds a class of "selected" to the current active menu item*/
color: #00BCE4;
}


.chromestyle_r{
width: 60%;
float:right;
padding-top:30px;
}

.chromestyle_r:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle_r ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle_r ul li{
display: inline;
}

.chromestyle_r ul li a{
color: #666;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle_r ul li a:hover { color: #EE3224;}


.chromestyle_g{
width: 60%;
float:right;
padding-top:30px;
}

.chromestyle_g:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle_g ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle_g ul li{
display: inline;
}

.chromestyle_g ul li a{
color: #666;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}


.chromestyle_g ul li a:hover { color: #C1D82F;}


.joe:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #036}
.joe:hover { color: blue; text-decoration: underline }



/* ######### Style for Drop Down Menu Red ######### */

.dropmenudiv_r{
position:absolute;
top: 0;
border-bottom-width: 0;
font: 11px Helvetica, Sans-Serif;
line-height:12px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_r a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #666;
}

* html .dropmenudiv_r a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_r a:hover{ /*THEME CHANGE HERE*/
color: #EE3224;
}



/* ######### Style for Drop Down Menu Green ######### */

.dropmenudiv_g{
position:absolute;
top: 0;
border-bottom-width: 0;
font: 11px Helvetica, Sans-Serif;
line-height:12px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_g a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #666;
}

* html .dropmenudiv_g a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_g a:hover{ /*THEME CHANGE HERE*/
color: #C1D82F;
}



/* ######### Style for Drop Down Menu Blue ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font: 11px Helvetica, Sans-Serif;
line-height:12px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #666;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #00BCE4;
}






ul.main                         { position: relative; float:left; font: 13px/20px Helvetica, Sans-Serif; padding-left: 15px;}
ul.main li                      { font-weight:normal; line-height:20px; }

ul.contactform                         { position: relative; float:left; font:13px/20px Helvetica, Sans-Serif; list-style: none;}
ul.contactform li                      { font-weight:normal; line-height:20px; }


div.portfolio {  width: 180px;  position: relative; float: left; top:20px; padding:0; }
div.portfolio img {  position: relative;  padding: 0 0 15px 0;  float: left; } 

div.portfolio_main {  width: 450px;  top:70px; position: relative;  float: right; }

div.portfolio ul li{width:300px; height:25px; list-style:none; font-size:14px; color:#EE3224;	}
div.portfolio  li a{ margin:0;	padding:10px 0 10px 0;	font-size:14px;	line-height: 16px;	color:#666;	font-weight:normal;}
div.portfolio li a:hover{	color:#EE3224;}

  
div.green-tip { width: 75%; }			
div.green-tip p {	background-repeat: no-repeat;	background-position: top right;	padding-right: 110px;}
			
div.greentip_left {  width: 380px; float:left; padding:0; }
div.greentip_right { width: 250px ; float:right; padding:0;}	
		
div.travel p { background-image: url("images/icon_hotels_travel.gif"); }
div.bills p { background-image: url("images/icon_pay_bill_online.gif"); }
div.burning p { background-image: url("images/icon_burning_cd.gif"); }


div.left { width: 400px; float:left; padding:0}
div.right { width: 255px; float:right; padding:0}

div.career { width: 280px; float:left; padding:0;}
div.career a { color: #666; font-size: 12px; top:10px; font-weight:bold;}
div.career a:hover { color: #C1D82F }
div.career ul { list-style: none}

div.academy_left { width: 380px; float:left; padding:0}
div.academy_right {
	width: auto;
	float:right;
	padding-top:100px
}
div.academy_right img{ width: 220px; float:right;}

div.jobs { 	padding:2em 3em }
div.jobs a { text-decoration:none; color:#009933}
div.jobs a:hover { text-decoration:underline; color:#009933}
div.jobs p {
	font-size:14px;
	line-height:18px;
}
div.jobs ul { font-size:13px; line-height:18px;}
div.jobs ul ul { margin-bottom:10px;}
div.jobs ul ul li { list-style-position: inside; }


	
div.cares{  width: 260px; float:right; 
background-image:url(images/footstep.jpg); 
			background-repeat: no-repeat;
			background-position: 60px 160px;
			padding-right: 0;
			min-height: 350px;}

div.leaders {
  margin: 3px;
  border: solid 1px #cfcfcf;
  height: auto;
  width: auto;
  float: left;
}	

div.leaders p{
  font:12px/16px Helvetica, Sans-Serif;
  text-decoration: none;

}	

div.leaders h4{
  font:14px/16px Helvetica, Sans-Serif;
  color:#EE3224;
  font-weight:normal;
  text-decoration: none;

}	


div.leaders a img {
  display: inline;
  margin: 3px;
}

div.leaders a:link span{display: none;}
div.leaders a:visited span{display: none;}
div.leaders a:hover{ z-index:25; text-decoration: none;}
div.leaders a:hover span {
  width: 450px;
  height: 250px;
  overflow:auto;
  position: absolute;
  margin-top:0px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  font:12px/16px Helvetica, Sans-Serif;
  color: #666;
  text-align:left;
  display: block;
  	opacity: 0.90;
	text-decoration: none;

}

div.leaders2 {
  margin: 3px;
  border: solid 1px #cfcfcf;
  height: auto;
  width: auto;
  float: left;
}	

div.leaders2 p{
  font:12px/16px Helvetica, Sans-Serif;
  text-decoration: none;

}	

div.leaders2 h4{
  font:14px/16px Helvetica, Sans-Serif;
  color:#EE3224;
  font-weight:normal;
  text-decoration: none;

}	


div.leaders2 a img {
  display: inline;
  margin: 3px;
}

div.leaders2 a:link span{display: none;}
div.leaders2 a:visited span{display: none;}
div.leaders2 a:hover{ z-index:25; text-decoration: none;}
div.leaders2 a:hover span {
  width: 450px;
  height: 200px;
  overflow:auto;
  position: absolute;
  margin-top:-378px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  font:12px/16px Helvetica, Sans-Serif;
  color: #666;
  text-align:left;
  display: block;
  opacity: 0.90;
  text-decoration: none;

}


div.leaders3 {
  margin: 3px;
  border: solid 1px #cfcfcf;
  height: auto;
  width: auto;
  float: left;
}	

div.leaders3 p{
  font:12px/16px Helvetica, Sans-Serif;
  text-decoration: none;

}	

div.leaders3 h4{
  font:14px/16px Helvetica, Sans-Serif;
  color:#EE3224;
  font-weight:normal;
  text-decoration: none;

}	


div.leaders3 a img {
  display: inline;
  margin: 3px;
}

div.leaders3 a:link span{display: none;}
div.leaders3 a:visited span{display: none;}
div.leaders3 a:hover{ z-index:25; text-decoration: none;}
div.leaders3 a:hover span {
  width: 450px;
  height: 260px;
  overflow:auto;
  position: absolute;
  margin-top:0px;
  margin-left:-280px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  font:12px/16px Helvetica, Sans-Serif;
  color: #666;
  text-align:left;
  display: block;
  opacity: 0.90;
  text-decoration: none;

}

div.leaders4 {
  margin: 3px;
  border: solid 1px #cfcfcf;
  height: auto;
  width: auto;
  float: left;
}	

div.leaders4 p{
  font:12px/16px Helvetica, Sans-Serif;
  text-decoration: none;

}	

div.leaders4 h4{
  font:14px/16px Helvetica, Sans-Serif;
  color:#EE3224;
  font-weight:normal;
  text-decoration: none;

}	


div.leaders4 a img {
  display: inline;
  margin: 3px;
}

div.leaders4 a:link span{display: none;}
div.leaders4 a:visited span{display: none;}
div.leaders4 a:hover{ z-index:25; text-decoration: none;}
div.leaders4 a:hover span {
  width: 450px;
  height: 200px;
  overflow:auto;
  position: absolute;
  margin-top:-378px;
  margin-left:-280px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  font:12px/16px Helvetica, Sans-Serif;
  color: #666;
  text-align:left;
  display: block;
  opacity: 0.90;
  text-decoration: none;

}

div.contact{  	 
				background-repeat: no-repeat;
				background-position: 360px 0px;
				padding-right: 90px;
				min-height: 300px;}
				
				
div.contact2{  	background-image:url(images/contact_img.jpg); 
				background-repeat: no-repeat;
				background-position: 150px 0px;
				padding-top:30px;
				padding-right: 90px;
				min-height: 300px;
				}
				
div.contact2 a { color: #009b5b}

div.contact2 a:hover { color: #C1D82F }
				
				
div.news_left { width:150px; height:auto; float:left }
div.news_left ul  { line-height:16px}

div.news_left a { text-decoration:none; color:#00BCE4; }
div.news_left a:hover {color:#003399}

div.news_right { width:365px; height:auto; float:right;
}
div.news_right a { text-decoration:none; color:#00BCE4; }
div.news_right a:hover { color:#00BCE4; text-decoration: underline }



label{
float: left;
width: 120px;
font-weight: normal;
}

input, textarea{
font:12px/20px Helvetica, Sans-Serif;
padding: 3px;
width: 250px;
height: 20px;
border:solid 1px #c1d72e;
margin-bottom: 5px;
}

textarea{
font:12px/20px Helvetica, Sans-Serif;
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

.submitbutton{
color: #666;
background-color:#fff;
margin-left: 120px;
margin-top: 5px;
width: 90px;
height: 30px;
}

br{
clear: left;
}

.feedsweep_body img {width: 75px; height : auto; float: right; margin: 10px 10px 10px 10px; 
    border: 1px solid #666; padding: 2px; }
	
.feedsweep_body img:hover { color:#00BCE4; text-decoration: underline }



/*---------- approach tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#fff;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 0;
	width:200px;
	color: #666;
	font: 13px/16px Helvetica, Sans-Serif;
    text-align: left;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.jpg) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #fff;
    background: url(images/bubble.png) no-repeat bottom;
}.joblocation {
	color: #AAA;
}