/* CSS Document */

/*PAGE LAYOUT*/
body {
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1 
{
	font-weight:normal;
	font-size:18px;
}
#toppage{
	width:800px;
	
}
#date{
	float:left; width:190px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#topbar{
	float:left; 
	width:800px; 
	height:40px; 
	background-image:url(images/topbar.jpg);
	border-right:solid 1px #999999;
}
#bottombar{
	width:800px; 
	height:40px; 
	background-image:url(images/topbar.jpg);
	border-right:solid 1px #999999;
	font: 0.7em Tahoma, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
}
#header{
	width:800px;
}
#contenthome{
	width:800px;
	text-align:center;
	height:280px
}
#content{
	width:800px;
	text-align:center;
}
#contenttexthome{
	float:right; width:605px; 
	background-color:#F7F7F7; 
	border-left:solid 1px #999999; border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 
	height:280px;
	overflow:hidden;
}
#contenttext{
	float:left; width:608px; 
	background-color:#F7F7F7; 
	border-left:solid 1px #999999; border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 

}
#logo{
		float:left; width:188px; height:110px; background-color:#F7F7F7; border-left:solid 1px #999999;
}
#pagetitle{
	position:relative; float:left; width:609px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}

#footer{
	width:800px; padding-right:10px;text-align:center;
}

/*GRAY PANEL*/
.panel{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	width:250px;
	height:160px;
}


/*TEXT STYLES*/
.bodytext {
	font: 0.8em Tahoma, sans-serif;
	color: #003333;
	min-height:280px;
	margin:10px;
	padding:10px;
}
.bodytext p 
{
	font:1.2em Tahoma, sans-serif;
	color: #003333;
	text-align:left;
	
}
.bodytext h4 
{
	text-align:left;
	font:1.5em Tahoma, sans-serif;
	color: #003333;
	font-weight:bold;
}
.bodytext ul
{
text-align:left;
font:1.2em Tahoma, sans-serif;
}
.bodytext ul ul
{
text-align:left;
font:1em Tahoma, sans-serif;
}
.bodytexthome {
	font: 0.7em Tahoma, sans-serif;
	color: #003333;
	height:280px;

}
.bodytexthome img
{
	overflow:hidden;
}
.bodytext h1 
{
	font-weight:normal;
	font-size:18px;
}
.bodytext img 
{
padding:3px;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:46px;
	font-weight:bold;
	color: #307D59;
	text-align:center;

}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FF9900;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu2{
font-family: arial, sans-serif;  
height:265px; 
position:relative; 
font-size:11px; 
font-weight:bold;
margin:0; 
z-index:100;
float:left; 
width:190px;
}


.menu2 ul {
padding:0; 
margin:0; 
list-style-type: none; 
background:#eee; 
width:190px; 
height:265px; 
}

.menu2 ul li ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:135px;
font-weight:bold;
}

.menu2 ul li {
float:left;

}

.menu2 ul li a, .menu2 ul li a:visited 
{
line-height:15px; 
display:block;
float:left; 
text-decoration:none; 
font-weight:bold;
color: #FFFFFF;
width:190px; 
height:27px; 
border-left:solid 1px #FFFFFF; 
border-bottom:solid 1px #FFFFFF;
font:bold 0.7em Tahoma, sans-serif;
font-size: 11px;
background-image:url(images/bg_menu.jpg);
padding-top:5px;
}

* html .menu2 ul li a, * html .menu2 ul li a:visited 
{
	width:190px; 

	}


.menu2 table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:1em; 
position:absolute; 
left:0; 
top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover
{
background-image:url(images/bg_menu_hover.jpg);
color:#fff;
width:190px;
}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}


.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
background-image:url(images/bg_menu_hover.jpg);
overflow:visible;
}


.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; 
background:transparent; 
color:#fff; 
line-height:15px; 
padding:5px 0 5px 10px; 
height:auto; 
text-decoration:none;
font-weight:bold;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background-image:url(images/bg_menu_hover.jpg); color:#fff;font-weight:bold;
}


.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:135px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#000; 
padding:0; 
border:1px solid #069; 
list-style-type:none; 
background-image:url(images/bg_menu_hover.jpg);
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#fff;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}
/*highlight navigation link*/
body#home li.home a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#About li.About a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#careers li.careers a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#contact li.contact a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  }  
  body#links li.links a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  }  
body#JBT li.JBT a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#MT li.MT a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#HMB li.HMB a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#Newsletter li.Newsletter a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 11px;
  font-weight:normal;
  }   
  body#WS li.WS a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  }    
body#IW li.IW a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#IESI li.IESI a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#EE li.EE a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#CSE li.CSE a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  }    
body#SW li.SW a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
  body#BR li.BR a {
  color:#000; 
 background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#RCP li.RCP a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  } 
body#VDH li.VDH a {
  color:#000; 
  background-image:url(images/bg_menu_hover.jpg);
  font-size: 14px;
  font-weight:normal;
  }   
.container
{
  clear: both;
  width: 801px;
  background: #59452a;
  margin: 0;
  padding: 0;
}  
.showcase
{
  text-align: center;
   background-image:url(images/gallery_bg.jpg);
}

.showcase img
{
  padding: 0;
  margin: 2px 20px 10px 20px;
  border: #DDA 3px solid;
  vertical-align:middle;
}  




.menu3{
font-family: arial, sans-serif;  
height:35px; 
font-size:11px; 
font-weight:bold;
margin:0; 
float:left; 

}
.menu3 ul {
padding:0; 
margin:0; 
list-style-type: none; 
background:#eee; 
height:35px; 

}
.menu3 ul li ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:20px; 
font-weight:bold;

}
.menu3 ul li {
float:left;

}
.menu3 ul li a, .menu3 ul li a:visited {
float:left; 
text-decoration:none; 
font-weight:bold;
color: #FFFFFF;
width:99px; 
height:35px; 
border-left:solid 1px #FFFFFF; 
border-bottom:solid 1px #FFFFFF;
border-top:solid 1px #FFFFFF;
font:bold 0.7em Tahoma, sans-serif;
font-size: 11px;
background-image:url(images/bg_menu.jpg);
padding-top:5px;
}

* html .menu3 ul li a, * html .menu3 ul li a:visited 
{
	width:99px; 

	}

.menu3 table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:1em; 
position:absolute; 
left:0; 
top:0;

}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu3 ul li:hover a,
.menu3 ul li a:hover
{
background-image:url(images/bg_menu_hover.jpg);
color:#fff;

}

.menu3 ul li:hover {position:relative; z-index:90;}
* html .menu3 ul li a:hover {position:relative; z-index:100;}

.menu3 ul li:hover ul,
.menu3 ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
background-image:url(images/bg_menu_hover.jpg);
overflow:visible;
}
.menu3 ul li:hover ul li a,
.menu3 ul li a:hover ul li a{
display:block; 
background:transparent; 
color:#fff; 
line-height:15px; 
padding:5px 0 5px 0px; 
height:auto; 
text-decoration:none;
font-weight:bold;
}

.menu3 ul li:hover ul li:hover a,
.menu3 ul li a:hover ul li a:hover {
background-image:url(images/bg_menu_hover.jpg); color:#fff;font-weight:bold;
}
.menu3 ul li:hover ul li ul,
.menu3 ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:135px;
}
.menu3 ul li:hover ul li:hover ul,
.menu3 ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#000; 
padding:0; 
border:1px solid #069; 
list-style-type:none; 
background-image:url(images/bg_menu_hover.jpg);
}
.menu3 ul li:hover ul li:hover ul li a,
.menu3 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#fff;
}

.menu3 ul li:hover ul li:hover ul li:hover a,
.menu3 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}