/* CSS FOR ANGELS */

body {
   	background: #cccccc;
   	min-width: 995px;
   	max-width: 995px;
   	font-size:13px;
   
 	background-color:#E2EBED;
	font-family: Trebuchet MS, Arial,  Lucida Sans Unicode, Arial, sans-serif;
 	line-height:140%;
	margin:0px;
	margin-top: 0px;
	padding-left:0px;
   
   }

h1 {
   color: white;
   font-family: trebuchet ms; }

h3 {
   color: #4f8fcf;
   font-size: 14px;
   margin-top: 5px; }
   
.contentContainer h2
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	 
	color: #4f8fcf;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

h3 {
   font-size: large;
   margin-top: 0; }

h4 {
   font-size: medium;
   font-weight: normal;
   color: #555555; }

li {
   line-height: 150%; }

img {
   border: none; }

a.highslide img {
	cursor:url(/images/zoomin.gif), -moz-zoom-in;
}


a:link {
   color: #016aad;
   text-decoration: none;
   }

a:visited {
   color: #016aad;
   text-decoration: none;
   }

a:hover {
   color: #5bc5c5;
   text-decoration: none;
   }

#menu a:link {
   color: #5bc5c5;
   text-decoration: none;
}

#menu a:visited {
   color: #5bc5c5;
   text-decoration: none;
}

#menu a:hover {
   color: #ffffff;
   text-decoration: none;
}

 
#container {

   background: #ffffff;
   /* margin: 0 0.5% 0 0%;*/ 
   -moz-box-shadow: 0.5px 0.5px 20px #777777;
   -webkit-box-shadow: 0.5px 0.5px 20px #777777;
   box-shadow: 0.5px 0.5px 20px #777777; 

	 
  margin-left: auto ;
  margin-right: auto ;
     
   }

#header, #menu, #banner, #banner2, #content, #content2, #sub-section, #footer {
   overflow: hidden;
   display: inline-block;}

#header, #menu, #content, #content2 {
   float: left;}

#sub-section {
   float: right; }

#header {
   width: 100%;
   background: #ffffff url(images/EarthForce-Reboot-Inside_01.jpg) no-repeat;
   height: 20px; }

#sidebar {
   width: 151px;
   background: #ffffff url(images/EarthForce-Reboot-Inside_03.jpg) no-repeat; 
   height: 652px;
   
    }
#toolbar {
   width: 131px;
   background: #ffffff  ; 
   height: 652px;
   float:left;
	display:inline;
	background-color:#FFFFFF;
	 
	margin:0 0px 0 0;
    }    
    
 #content {
   width: 660px;
   background: #ffffff 
   height: 652px;
   float:left;
   display:inline;
  
   background: #ffffff; 
   padding: 0 1.5% 0 1%; 
   margin-top: 20px;
   margin-right: 0px;
   border-right: 1px dotted #cccccc;
   
  }
  
   
  
  #homepage-content {
   width: 380px;
   background: #ffffff 
   height: 652px;
   float:left;
   display:inline;
  
   background: #ffffff; 
   padding: 0 1.5% 2%; 
   margin-top: 20px;
   margin-right: 1px;
   border-right: 1px dotted #cccccc;
  }
  
  #homepage-content2 {
   width: 260px;
   background: #ffffff 
   height: 652px;
   float:left;
   display:inline;
  
   background: #ffffff; 
   padding: 0 1.5% 0 2%; 
   margin-top: 10px;
   margin-right: 0px;
   
  }  
  
#banner {
   width: 100%;
   background: #21947d url(images/banner.png) no-repeat;
   height: 225px; }

#banner img {
   display: block; }
 

#content2 {
   width: 36.5%; 
   background: #ffffff; 
   padding: 0 2% 1% 2%;
   margin-top: 20px; }

#sub-section {
   width: 17.5%;
   background: #fddc83;
   font-family: arial;
   line-height: 125%;
   font-size: small;
   padding: 1% }

#footer {
   width: 100%;
   background: #b3edfe url(images/footer.png);
   text-align: center;
   padding: 5px 0 5px 0;
   color: #777777;
   font-size: x-small; }

#footer img {
   margin: 0 5px 5px 5px; }

#footer {
   clear: both; } 

#footerBar {
   position : absolute;
   left : 0;
   width=995px;
   border-top: 1px dotted #cccccc; 
   
   }    

#bhome a#home,
#bservices a#services,
#bfaq a#faq,
#bjobs a#jobs,
#bcontact a#contact {
   color: #ffffff; }

/* CLASS SELECTORS */


.box{
float:left;
display:inline;
background-color:#009966;
width:144px;
margin:0 0px 0 0;
}

.boxEnd{
float:left;
display:inline;
background-color:#009966;
width:144px;
margin:0;
}

.floatleft {
   float: left; }

.floatright {
   float: right; }

.center {
   margin-right: auto;
   margin-left: auto;
   text-align: center; }

.floatl {
   float: left;
   margin: 0 5px 0 0; }

.button {
   border-left: 1px solid white;
   padding: 1px 20px 3px 5px;
   margin: 0px; }

.italic {
   font-style: italic; }

.tag {
   float: left;
   width: 475px;
   min-width: 400px;
   padding: 0 20px 0 20px;
   display: block; }

.dotted {
   border-top: 1px dotted #cccccc; }

.bold {
   font-weight: bold; }

.faq li {
   font-weight: bold;
   color: #016aad; }  
   
.bodyImage, .articleImage, .listImage, .featured-thumbnail {
	 border: 3px double #666;
	 margin-right: 15px;
	 margin-left: 15px;
	 margin-bottom: 3px;
}

.articleImage2 {
	 border: 3px double #666;
	 margin-right: 1px;
	 margin-left: 1px;
	 margin-bottom: 4px;
}

.picture { 
	background-color: #F9F9F9; 
	border: 1px solid #CCCCCC; padding: 3px; 
	font: 11px/1.4em Arial, sans-serif; 
} 

.picture img { 
	border: 1px solid #CCCCCC; 
	vertical-align:middle; margin-bottom: 3px; 
} 

.right { 
	margin: 0.5em 0pt 0.5em 0.8em; float:right; 
} 

.center { 
	margin: 0.5em 0pt 0.5em 0.8em; float:center; 
} 

.left { 
	margin: 0.5em 0.8em 0.5em 0; float:left; 
} 
	
a.gallerypic{
  width:250px;
  text-decoration:none;
  position:relative;
  display:block;
  border:1px solid #666;
  padding:3px;
  margin-right:5px;
  float:right;
}

a.gallerypic span.zoom-icon{
  visibility:hidden;
  position:absolute;
  left:40%;
  top:35%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.gallerypic:hover span.zoom-icon{
  visibility:visible;
}


	 /* tab strip  */
		.tabStrip ul { margin: 0; padding: 0; list-style-type: none; }
		.tabStrip li { position: relative; margin: 0 2px 0 0; list-style-type: none; float: left; }
		.tabLink { display: block; text-decoration: none; padding: 5px 10px 5px 10px; height: 15px; background: #baccdf url('tabBg.png') repeat-x; background-position: 0 -50px; color: #487eb7; white-space: nowrap; }
		.tabLink:hover { background-position: 0 0; }
		.tabLinkActive { display: block; text-decoration: none; padding: 5px 10px 5px 10px; height: 15px; background: #528bcd url('tabBgActive.png') repeat-x; background-position: 0 -50px; color: #ffffff; white-space: nowrap; }
		.tabLinkActive:hover { background-position: 0 0; }
		.tabContent { display: none; }
		.tabContentActive { display: block; clear: both; background: #ffffff; border-top: 1px solid #528bcd; padding: 10px; margin: 0 0 20px 0; }
		 
		/* tab rounded corners */
		.corner { position: absolute; width: 10px; height: 10px; background: url('corners.png') no-repeat; font-size: 0%; }
		.TL { top: 0; left: 0; background-position: 0 0; }
		.TR { top: 0; right: 0; background-position: -10px 0; }
		.BL { bottom: 0; left: 0; background-position: 0 -10px; }
		.BR { bottom: 0; right: 0; background-position: -10px -10px; }
		
		
.cornerBox {
	position: relative;
	background: #baccdf;
	
}

.cornerBoxInner {
	padding: 10px;
}

.buttonBox {
	position: relative;
	background: #5488ba;
	float:left;
}

.buttonBoxInner {
color: #FFF;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
}
 
a.buttonBoxInner {
color: white;
}


a.offsite{
    //display:inline-block;
    line-height:18px;
    background:transparent url(images/Offsite.png) no-repeat 99% 5px;
    padding-right:20px;
}