@charset "utf-8";
/* CSS Document */

/*LAYOUT*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #FFFFFF;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-size:11px; background:#939393 url(../images/generic/bgx.jpg);  height: 560px; background-repeat:repeat-x;
}

body a{ color:#006666; text-decoration:none;}

body a:hover{ color:#006666; text-decoration:underline;}

p a{ color:#003300; font-weight:bold;}
.main-template #container {
	width: 790px;  /* this will create a container 80% of the browser width */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.main-template #header {
	background: #FFFFFF; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.main-template #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
  
}

.main-template #topnav {
	background: #DDDDDD; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.main-template #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.main-template #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#333333;
	color:#8A8A8A; border-top:4px solid #E66C1C;
	font-size:10px;
} 

.main-template #footer a { 
	color:#FFFFFF; 
	
} 

.main-template #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*LAYOUT*/

/*HEADER*/
.header-left_ {
	width:526px;
	height:95px;
	background-image:url(../images/header/header-left.jpg);
	background-repeat:no-repeat;
}

.header-right {
	height:95px;
	
	background-image:url(../images/header/header-mid.jpg);
	background-repeat:repeat-x;
}
/*HEADER*/

/*FOOTER*/
#footer-link td{
	color:#003300;
	border-right: 1px solid #CCCCCC;
	height:20px;
}

#footer-link td.noborder{
	border:none;
}

#footer-link td a{
	color:#003300; 
	text-decoration:none; 
	font-weight:bold; font-size:-1;
}

#footer-link td a:hover{
	color:#003300; 
	text-decoration:underline;
}

#pad { padding-left:5px; padding-right:5px;}
/*FOOTER*/

/*TYPO*/
.bg-breadcrumb {height:11px;
	
	background-image:url(../images/generic/breadcrumb.jpg);
	background-repeat:repeat-x; padding-left:10px; padding-top:3px;}
.breadcrumb { font-weight:bold; color:#DE6419; padding-left:5px; padding-top:5px; }

h1 { font-size:14px; font-weight:bold; color:#BF430F; padding-left:15px;  height:30px; padding-top:5px; background-image:url(../images/generic/line.jpg);
	background-repeat:repeat-x; background-position:bottom; padding-bottom:13px;}
p { padding-left:20px;}

h2 { font-size:12px; font-weight:bold; color:#333333; padding-left:20px; line-height:normal;}

h3 { font-size:small; border-bottom:1px solid #FFCC00;}

h4 { font-size:x-small; color:#006666;}

.banner-txt { font-size:19px; color:#333333; font-weight:normal; padding-left:30px;}
.banner-txt-light { font-size:18px; color:#FFFFFF; font-weight:normal; padding-left:30px;}
.banner-txt-light-right { font-size:18px; color:#FFFFFF; font-weight:normal; padding-right:50px; text-align:right;}
.banner-txt-center { font-size:18px; color:#FFFFFF; font-weight:normal; padding-left:150px;}
.banner-txt-right{ font-size:18px; color:#333333; font-weight:normal; padding-right:50px; text-align:right;}
/*TYPO*/

/*GENERIC*/
.img img { border:1px solid #CCCCCC;}

.tbl-fix {height:500px;}

.line {
	height:15px;
	
	background-image:url(../images/generic/line.jpg);
	background-repeat:repeat-x;
}

.alternate { background-color: #E1F0FF;}
td.alternates { border-bottom:3px solid #F9D7BF;}

#contact td { border-bottom:1px dotted #EEEEEE; padding-left:5px; height:20px;}

.archives {
		width:72px;
		height:22px;
		
		background-image:url(../images/generic/archives.jpg);
		background-repeat:no-repeat;
		
		
		 
}

.archives-off {
		width:72px;
		height:22px;
		
		background-image:url(../images/generic/archives-inactive.jpg);
		background-repeat:no-repeat;
		
		
		 
}

.archives-off a{ 
			color:#FFFFFF; 
			font-weight:bold;
			text-decoration:none;
			}
			
.archives a { 
			color:#FFFFFF; 
			font-weight:bold;
			text-decoration:none;
			}
			
.border-bottom { border-bottom:1px solid #CCCCCC;
 
}

.border-right { border-right:1px solid #CCCCCC;
 
}

.border-left { border-left:1px solid #CCCCCC;
 
}

.border-box { 
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC; padding:0px;
 
}

.client-title 
{
		width:208px;
		height:27px;
		
		background-image:url(../images/home/client-title.jpg);
		background-repeat:no-repeat;
		
		color:#1C333B;
		font-size:14px; 
		padding-left:5px;
				 
}

.bgclient {
		width:208px;
		
		background-image:url(../images/home/bgclient.jpg);
		background-repeat:repeat-y;
		background-position:right;

}

.leftcurve
{
		width:9px;
		height:35px;
		
		background-image:url(../images/home/leftcurve.jpg);
		background-repeat:no-repeat;
				 
}

.mid
{
		height:35px;
		
		background-image:url(../images/home/mid.jpg);
		background-repeat:repeat-x;
		
		color:#404040;
		font-size:12px; 
		padding-left:5px;
				 
}

.rightcurve
{
		width:9px;
		height:35px;
		
		background-image:url(../images/home/rightcurve.jpg);
		background-repeat:no-repeat;
				 
}

.bgbtm
{
		height:19px;
		
		background-image:url(../images/home/bgbtm.jpg);
		background-repeat:repeat-x;
				 
}

.btnbg
{
		height:33px;
		
		background-image:url(../images/home/btnbg.jpg);
		background-repeat:repeat-x;
				 
}

.bgbtn
{
		width:67px;
		height:24px;
		
		background-image:url(../images/home/bgbtn.jpg);
		background-repeat:no-repeat;
		color:#333333;
		font-weight:bold;
		font-size:10px; 
		border:none;
				 
}

.bgbtn:hover
{
		width:67px;
		height:24px;
		
		background-image:url(../images/home/hover.jpg);
		background-repeat:no-repeat;
		color:#333333;
		font-weight:bold;
		font-size:10px;
		border:none;
				 
}

/*GENERIC*/

/*---------- bubble tooltip -----------*/
.testi
	{
	position:relative;
	*top:-149px;
	top:-220px;
	left:90px;
	*left:5px;
	z-index:1;
	/*z-index:-999;*/
	}


a.tt{
    position:relative;
    z-index:24;
    color:#333333;
	font-weight:normal;
    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; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0; left:0;
	padding: 10px 0 -220px 90px;
	*padding: 0px 0 100px 90px;
	width:155px;
	color: #333333;
	text-decoration:none;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 20px 8px 0;
    background: url(../images/home/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/home/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 30px;
	color: #548912;
    background: url(../images/home/bubble.gif) no-repeat bottom;
}

/*img.send-to-back { z-index:-999;

}*/