/* Base CSS Document */

html{}

body{
	background:#214963 url(../media/bg-site.jpg) repeat-y 50% 0;
	font-family:Arial, Helvetica, sans-serif;
	padding:0; margin:0px auto; color:#555;
	font-size:11px;
	background-color:#fff;
}

img { border:none;}
a { color:#AD0F15; padding:3px 0;}
a:hover {background-color:#f2f2f2; color:#900;}

dl { line-height:130%;}
dt { font-weight:bold; margin:7px 0 0 0; padding:0}
dd { margin:0 0 15px 10px; padding:0 }

.btn { 
	border:0; 
	font-size:1px; height:22px; color:#C4161C; 
}

.error { color:#FF0000}
.success {color:#009900}
.content { padding:0 7px ;}
.hide-v, h1 span, h2 span, h3 span { visibility:hidden; }
.hide-d, h1 span, h2 span, h3 span { display:none;}

.btnjoin { margin:0px auto 10px auto; text-align:center;  }
.txt-join {	font-size:18px; line-height:150%; margin:0px auto 10px auto; text-align:center; padding:0px 0 0 0 }

.img-strip { float:right; display:block; }
.img-strip img{ display:block; margin:0 0 15px 15px;}

#shadow-body{   }


#site-wrapper{
	width:1004px; margin:0px auto; padding-bottom:0; border:solid #fff; border-width:1px 0 0 0;
	background:transparent url(../media/global/bg-body.gif) repeat-y 0% 100%;
}

#site-wrapper .site-content{ margin:30px 85px 30px 85px; }

.redbox { background:transparent url(../media/txt-welcome.gif) no-repeat 0% 0%; color:#fff; height:194px; width:476px; float:left; }
.redbox h1 { background:transparent url(../media/hd-welcome.gif) no-repeat 0% 0%; margin:0 0 7px 0; padding:11px 0; display:none  }
.redbox p{ margin:3px 0 5px 0; display:none;}



/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> Header [hair]
/////////////////////////////////////////////////////////*/

#head { padding:0 0px 0px 0;}


#hair{
	text-align:center;
}



#head h1 a {
	width:100%; display:block; background-color:transparent;
	background:url(../media/global/EvacTPL_Logo2.jpg) no-repeat 0% 50%;
	width:380px; height:112px;
	padding:5px 0;
}



#head h1 {margin:0; }
#head h1 a span, #head .content em  { display:none; } 

#head .content { float:left;}




.main-nav { margin:4px 0 0px 0; list-style:none; text-align:center; padding:0 0; height:100%;   }
.main-nav li { border:0px solid #f60; float:left; margin:0 6px 0 0; color:#333333;  }
.main-nav li a{ 
	margin:0px 0px 0px 0px; 
	padding:2px 10px;
	color:#555; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; 
	text-decoration:none;
	display:block; float:left;
}


* html .main-nav { background-color:#000 !important}
* html .main-nav li a{ }
* html .main-nav li { background-color:#000 !important; margin:0}
* html .main-nav li li a{ width:150px; text-align:left }
* html .main-nav li a:hover { background-color:#333 !important; margin:0}



li.bb { background-color:#F79A58}



.body-bg { background:url(../media/home/homeslide.jpg) no-repeat 50% 0; border:0px solid #f60; padding:200px 0 10px 0; margin:20px 0 0 0}


/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> BRAIN [brain]
/////////////////////////////////////////////////////////*/
 
#brain .homecontent {	line-height:170%; margin:0px; border:0px solid #f60; padding:0 0px; display:block;}
 
#brain{
	display:block;
	padding:0px;
	margin:0 0px; 
 }

.brain-content { padding:0;   }

#brain .left{
	float:left; width:528px;
}

#brain .right{
	width:476px; 
	float:left;
}




/* ########################################################################################################
>>>>>>>>>>>>>>>>>>>>>>>>>>>> Sub Pages
######################################################################################################## */

#head { background-color:#AD0F15 }
/*#head { background-color:#ffffff }*/
#head h1 a { 
	background:url(../media/global/EvacTPL_Logo2.gif) no-repeat 0% 50%;
	display:block;
	padding:5px 0;
}


#sub .rl-form {margin:15px 5px 15px 5px; padding:0px; text-align:left; width:275px; color:#fff; background:transparent url(../media/bg-welcome.gif) no-repeat 50% 50%; border:none;  }
* html #sub .rl-form { width:230px; }
* html #sub .rl-form table { margin:0 15px 9px 15px;}
#sub .rl-form table { margin:0 25px 9px 25px; }
#sub .rl-form form { padding:0; margin:5px}
#sub .rl-form h2 { margin:10px 0 0px 30px; padding:0px; font-family:'Arial Narrow', Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; }
#sub .rl-form .btn { 
	background:url(../media/btn-signin2.gif) no-repeat 50% 0%; 
	width:60px;
	border:none;
}

.main-nav { background-color:#000; display:block; height:26px; margin:0px; border:1px dashed #fff; border-width:0px 0 }
.main-nav li a{ line-height:22px; color:#d2d2d2;}
.main-nav li a:hover{ background-color:#222; color:#fff;}

#sub #brain .left{
	float:left; width:704px;

}

#sub #brain .left .content{
	font-size:11.5px;
	line-height:140%;
	width:90%; margin:auto;
	
}



#sub #brain .right{
	width:300px;
	float:left;
	background:#AD0F15 url(../media/sb-bottom.jpg) no-repeat 0% 100%;
	padding-bottom:90px;
	overflow:hidden;

}


#sub .right { background-color:#AD0F15; color:#fff;  }

#sub #feet{ margin:0px 0 0 0; }

/* rl-form
/////////////////////////////////////////////////////////*/
.rl-form {margin:0px 3px 0 7px; padding:0px 0px; text-align:left; width:159px; color:#666; border:3px solid #f2f2f2; float:left;    }
.rl-form table { margin:0; padding:0px 0px  }
.rl-form h2 { margin:5px 0 2px 10px; padding:0px; }
.rl-form form{ margin:0 0; padding:7px 10px; display:block;}
.rl-form .btn { 
	background:url(../media/btn-signin.gif) no-repeat 50% 0%; 
	width:60px;
	border:none;
}

.rl-form .welcome{ text-align:right; padding:30px 20px 0 0; font-weight:bold; font-size:14px; color:#333; text-transform:capitalize; }
.rl-form .welcome a{ font-size:12px; }
.rl-form .ErrorMsg { font-size:11px; line-height:11px;}

.rl-form .lnk-logout { text-align:right; float:right; margin:5px 0}
.rl-form .lnk-logout a{
	display:block;
	background:url(../media/btn-signout.gif) no-repeat 50% 0%; 
	width:64px; height:20px;
}

.rl-form .lnk-logout a span{ display:none; visibility:hidden }



/* left
/////////////////////////////////////////////////////////*/

.left .content{ padding:20px 25px; text-align:justify;  }


 
/* right
/////////////////////////////////////////////////////////*/

.right { }

.right .content { padding:7px; }
.right .header{ background:url(../media/pic-services.jpg) no-repeat 0% 0px; margin:0 0 15px 0; height:141px; border: solid #777; border-width:5px 0 }



.right .content a{ color:#FFCC00; text-decoration:underline}
.right .content a:hover { background-color:#CC0000 }

.right  p {margin-bottom:15px}

#sub .left img { border:1px solid #ccc; padding:3px ; background-color:#eee}

#sub .left .mem img {border:0; padding:0px ;}


.right  em{ }

.left  hr {background-color:#95B91B; height:1px; border:1px solid #95B91B; border-width:0 0 1px 0; font-size:1%;}

.left  img.r, .right  img.l, .right  img.c { padding:0}

.left  img.r { margin:2px 0px 7px 15px !important;}
.left  img.l { margin:2px 15px 7px 0px !important;}
.left  img.c { margin:2px 10px 10px 10px !important;}


/* text formatting
======================= */

.left h1 {

	font-size:20px;
	margin:0px 0 0px 0; color:#AD0F15;
	padding:0; letter-spacing:-0.3px;
	font-weight:normal;
}
 

.left h1 a{ text-decoration:none; color:#000000 !important}

.left h2{ 

	letter-spacing:-0.7px;
	font-size:16px;
	margin:12px 0 0px 0;
	color:#666;
}


.left h2+p { margin-top:5px; }


.left h3{ 
	color:#5171AC; 	
	clear:left; 
	font-size:14px; 
	letter-spacing:-1px; 
	margin:10px 0 0px 0;
	padding:0 0 0px 0;

 }


.left h4{ 
	color:#999;
	font-size:14px; font-weight:bold;
	letter-spacing:-1px; 
	margin:25px 0 0px 0;
	padding:0 0 0px 0;
 }





.left  hr{ clear:left }

.left  a{ text-decoration:none; }

.left  blockquote{
	background:url(../media/bg-blockquote.gif) 0px 0px no-repeat;

	padding:30px 10px 30px 40px;
	margin:15px 25px 15px 15px;
	font-size:13px;
	border:solid #dfdfdf;
	border-width:0px;
	line-height:145%;
}

.right  blockquote p{margin:7px;}





/* lists
======================= */

.left #list-box {
	padding: 0;
}

.left #list-box li {
	display: block;
	padding: 12px;
	background-image:none;
float:left
}





.right  ul.list1 {

	padding: 0;
}

.right  ul.list1 li {
	display: block;
	padding: 6px 6px 6px 40px;
	background:url(../media/bullet02.gif) 12px 0px no-repeat;
}

.right  li.alt {
	background-color:#FFF;
}

.right  ul.list2 {
	padding: 0 0 0 0px;
	vertical-align: text-top;
	display: block;
	margin: 0 0 10px 0px;
	background-color: #F2F2F2;
}

.right  ul.list2 li {
	border-bottom: 0px solid #ccc;
	padding: 3px 7px 3px 35px;
	background:url(../media/bullet01.gif) 12px 7px no-repeat;
}

.right  .alt {background-color:#fff !important;}

.right  ul.list2 li.bottomBullet {
	font-size: smaller;
	list-style-type: none;
	background-image: none;
	border: none;
}

.right  li.small {
	font-size: smaller;
}

.right  ul.list3 {
  padding:0;
}

.right  ul.list3 li {
	line-height: 21px;
	background:url(../media/bullet03.gif) 0px 7px no-repeat;
	padding:0 0 0 12px;
}


em.small { font-style:normal; font-size:10px; line-height:normal;}

.cdetail { background:url(../media/bg-contact.gif) 0px 0px no-repeat; padding:4px 10px 10px 40px; line-height:25px }

.download-pdf a{ background:url(../media/icon-download-pdf.jpg) 0px 0px no-repeat; padding:57px 0px 20px 70px; display:block; color:#999}
.download-pdf a:hover { background-color:transparent; color:#333}
.download-pdf a strong{ display:none;}
.download-pdf a em{ font-weight:bold;}



/*///////////////////////////////////////////////////////////////////////*/

.left .content textHighlite{
-moz-border-radius: 5px; 
background-color: #ffc;
padding: 0 2px;
font-style:normal;
}

.textHighlite2{
color:#4C8DA6;
background-color:#FFF;
padding:5px;
font-weight:bold;
}

.textHighlite3{
color:#4C8DA6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;
padding:15px;
font-weight:bold;
}

.textHighlite4{
color:#004D5F;
font-size:14px;
font-weight:bold;
line-height:15px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
vertical-align:baseline;
}

.textHighliteRed{
color:#FFF;
background-color:#BE311E;
padding:5px;
font-weight:bold;
}

.textHighliteWhite{
border: 2px solid #FFF;
border-bottom: 2px solid #d0d0b5;  
border-right: 2px solid #d0d0b5;  
-moz-border-radius: 5px; 
background-color: #FFF;
padding: 0 2px;
}
/*///////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////*/

.left  ul{
	padding:0 0 0 15px; list-style:none;
	margin:7px 25px 7px 0 ;
}

.left  ul li{ 
	background:url(../media/bullet.gif) no-repeat 0 0px;
	padding:0 0px 5px 25px;

}

.left  ul ul li{ 
	line-height:13px;
	background:url(../media/bullet1.gif) no-repeat 0 2px;
	padding:0 0px 6px 16px;
}

.left ul ul { margin:7px 0 3px 0;}
/*//////////////////////////////////*/



/* tables
//////////////////////////////////*/

.tab-data { border-collapse:separate; margin:7px 0 7px 0; padding:0 7px;  }
.tab-data td, .tab-data th{ padding:3px; border:1px solid #C6C8CA; border-width:0px 0 0 0; margin:0 7px; text-align:left; vertical-align:top }
.tab-data th{ margin:0;  }

table.one { background:#E6E7E8 url(../media/bg-table.gif) repeat-x 0 0px; }
table.one th { color:#fff; padding:3px 25px; border: none;  }
table.one td { padding:10px 25px;  }
table.two { }

table.two { }

.nobdr, .nobdr th, .nobdr td, .nobdr tr td, .nobdr tr th{ border:none !important;}

/* //////////////////////////// */

 

.left  form textarea {
	border: 1px solid #ccc;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.left  form select {
	border: 1px solid #ccc;
}



.left  form input{
	 border:1px solid #ccc;
	 color:#666666
}

 





/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> FEET [feet]
/////////////////////////////////////////////////////////*/

#feet{
	background-color:#000;
	color:#d2d2d2;
	font-size:11px;
	text-align:center; 
	margin:0px 0 0 0;
	line-height:27px;
	padding:0;
}

* html #feet { border:0px solid #f60}

#feet em { font-style:normal;}

#feet a{ color:#d2d2d2; text-decoration:none;  }

#feet a:hover{  color:#fff; background-color:transparent}

.counter {  display:block;   }
.counter a {margin-top:7px; }
.counter img{ }
.counter strong{ display:none;}