@charset "utf-8";
/* CSS Document */
body { behavior:url("csshover3.htc"); }
body{
	margin:0;
	color:#c12f00;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}
div, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
a, a:visited  {
color:#4A7CB3; text-decoration: none; }

a:hover {
color:#000000; text-decoration:underline
}
h1{
	color:#338DC0;
}

h2{
	color:#338DC0;
	font-size:16px;
}

h3{
	color:#0073B4;
	font-size:12px;
}
h4{
	color:#000;
	font-size:12px;
}

/*ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
*/

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
fieldset {
padding:10px 10px 10px 30px;
}

/*------------------------------------------------topheader--------------------*/
#topheader{
	width:900px;
	height:220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-decoration: none;
	background-repeat: no-repeat;
}

.header{
	width: 601px;
	height: 134px;
	position:relative;
	padding: 20px 0 0 225px;
}

/*------------------------------------------------body_area--------------------*/
#body_area{
	width:900px;
	min-height:378px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	float: none
}

.topmenu_area {
	margin: 0px;
	float: left;
	width: 292px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 682px;
}

#innerbody_area{
	width:1004px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px;
	float: none;
}
.left {
	margin: 0px;
	float: left;
	height: 353px;
	width: 250px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
    height:100%;
}

.left H2 {
padding:0; margin:0
}
.left H2 a, .left H2 a:visited  {
color:#4A7CB3; text-decoration: none; }

.left H2 a:hover {
color:#000000; text-decoration:underline
}

.left H3 {
padding:0; margin:0
}
.left H3 a, .left H3 a:visited  {
color:#4A7CB3; text-decoration: none; }

.left H3 a:hover {
color:#000000; text-decoration:underline
}

.morelinks_top {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 237px;

}

.morelinks_area {
	margin: 0px;
	float: left;
	height: 490px;
	width: 240px;
	padding:20px 0px 0px 10px;
	background-image: url(../images/4upbacker.jpg);
	background-repeat: no-repeat;

}

.morelinks_bottom {
	margin: 0px;
	padding: 0 0 10px 0;
	float: left;
	height: 39px;
	width: 237px;
	background-image: url(../images/morelinks_box_03.jpg);
	background-repeat: no-repeat;
}
.morelink {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #c12f00;
	text-decoration: none;
	background-image: url(../images/morelinks_active.png);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #c12f00;
	text-decoration: none;
	background-image: url(../images/morelinks_hover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.links_morearea {
	margin: 0px;
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom:1px dotted #ccc;
}
.links_morearea H2 {
padding:0; margin:0
}
.links_morearea H2 a, .links_morearea H2 a:visited  {
color:#4A7CB3; text-decoration: none; }
.links_morearea H2 a:hover {
color:#000000; text-decoration:underline
}
.links_morearea a, .links_morearea a:visited  {
color:#4A7CB3; text-decoration: none; }
.links_morearea a:hover {
color:#000000; text-decoration:underline
}
.links_morearea span { color:#4A7CB3}
.links_morearea #info { color:#666666}
p {
	color:#000000;
}


span{
	color:#006699;
	font-size:12px;
}

.links_text {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #7e7656;
	text-decoration: none;
}


.right{
	margin: 0px;
	float: left;
	height: 267px;
	width: 200px;
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}


/*------------------------------------------------job_search--------------------*/

#job_search{
	width:400;
	position:relative;
	display:block;
}

/*------------------------------------------------body_area1--------------------*/

#area{
	width:605px;
    height:100%;
	padding:10px 0 0 20px;
	margin-bottom:0;
	float:right;font-size:12px;
	color:#222; text-align:left
}
#area p {
padding:5px;
line-height:18px; text-align:left}

#area p a,  #area p a:visited {
color:#006699;
text-decoration:none;
}
#area p a:hover {
color:#000;
text-decoration: underline;
}

#area a,  #area a:visited {
color:#006699;
text-decoration:none;
}
#area a:hover {
color:#000;
text-decoration: underline;
}

#area ul {
margin:20px 0 20px 40px;
padding:0;


}
#area ul .sectorlist {
margin:0px;
padding:0;

}
#area ul li {
margin:5px;

}
#area ul li .sectorlist{
margin:0px;
}
#area ul li a, #area ul li a:visited {
color:#4A7CB3;
text-decoration:none;

}
#area ul li a:hover {
color:#CC0000;
text-decoration:none
}
#area ol {
font-size:12px;
line-height:18px;
}

#area1{
	font-size:12px;
	width:610px;
	height:215px;
	padding:10px 0 0 20px;
	margin-bottom:0;
	float:right;
	background-image: url(../images/inner_banner.jpg);
}
#area1 H1 {
margin:0; padding:0;
margin-bottom:5px;}

*html #area1 {
width:610px;
padding:10px 0 0 20px;
}
#area1 .text p .hometext {
color:#c12f00;
text-align:left;
font-size:16px;
font-weight:normal;
}


#area .main-tbl a, #area .main-tbl a:visited {
color:#006699;
text-decoration:none;

}
#area .main-tbl a:hover {
color:#000;
text-decoration: underline;

}
.text{
	color:#c12f00;
	width:450px;
	text-align:justify;
}
.text H1 img {
margin:0;
padding:0;
margin-bottom:5px;
}
.text  H1.home {
font-size:18px;
text-align:left;
margin-bottom:5px;
}
*html .text  H1.home {
font-size:16px;
text-align:left;
margin-bottom:5px;
}
.text p {
margin:0;
padding:0;
}


#area2{
	width:630px;
	margin-top: 0;
	margin-bottom: 0;
	float:right;
	padding:0px 0 0 0px;
}

#area2 img {
padding:0;
margin:5px 0px;
}

.rightPad{
	float:right;
	position:relative;
	width:290px;
	height:230px;
	background-image: url(../images/Pad2.jpg);
	padding:30px 0 0 20px;
}

.rightPad1{
	float:right;
	position:relative;
	width:237px;
	height:226px;
	background-image: url(../images/Pad3.gif);
	padding:10px 0 0 15px;
}
.rightPad1 label {
color:#000000
}


.leftPad{
	float:left;
	position:relative;
	width:310px;
	height:260px;
	background: url(../images/pad1.jpg) no-repeat;
}

.text2{
	color:#333333;
	width:200px;
	margin-top:20px;
	line-height:20px;
	margin-right:10px;
	padding: 0 0 0 110px;
	float:left;
}
.text2a{
	color:#333333;
	width:200px;
	margin-top:20px;
	line-height:20px;
	margin-right:10px;
	padding: 0 0 0 110px;
	float:left;
}

.text3{
	color:#333333;
	width:130px;
	margin-top:75px;
	margin-right:10px;
	padding: 0 0 0 13px;
	float:right;
}
.text3a{
	color:#333333;
	width:150px;
	margin-top:10px;
	margin-right:10px;
	padding: 0 0 0 0px;
	float:right;
}
.text3b{
	color:#333333;
	width:120px;
	margin-top:10px;
	margin-right:0px;
	padding: 0 0 0 20px;
	float:left;
}

.text4{
	color:#333333;
	width:300px;
	margin-right:10px;
	margin: 10px 0 0 0;
	padding:0 0 0 13px;
	height:50px;
}


/*------------------------------------------------fotter--------------------*/
#fotter{
	width:100%;
	margin-top:0;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0px;
	float: left;
	height: 104px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

#fotter_1{
	width:900px;
	height:104px;
	position:relative;
}
.fotter_copyrights {
	font-family: Arial;
	font-size: 11px;
    text-align:center;
	margin: 0 auto;
	float: right;
	height: 20px;
	width: 850px;
	color:#FFFFFF;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fotter_copyrights a, .fotter_copyrights a:hover {
color:#f0f0f0;
text-decoration:none
}
.fotter_copyrights  a:hover {
color:#003366;
text-decoration:underline
}

/*------------------------------------------------validation--------------------*/



.fotter_rightarea {
	margin: 0px;
	padding: 0px;
	height: 104px;
	width: 900px;
}



/*------------------------------------------------menu--------------------*/

ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px;}

#padding {height:50px;} /* this demo only */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {margin-top:0px;height:30px; padding: 20px 0 0 15px; position:relative; z-index:100;}
#multi-level #flashlogo { float:left;  }
#multi-level #bannerimg { padding:0; margin:0; width:395px; height:125px}
#multi-level .pad {float:right;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;font-size:11px; font-weight:normal; z-index:500}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; }

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; z-index:550}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;color:#FFFFFF;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:13px; }
.menu a:hover {background-color:white; /* Trigger for IE6 */}
/* pre-load the hover images */
.menu li.p1 {width:120px; background:url(../images/home-nav.png) no-repeat;}
.menu li.p1:hover {width:120px; background:url(../images/home-navover.png) no-repeat;}
.menu li.p2 {width:120px; background:url(../images/vac-nav.png) no-repeat;}
.menu li.p2:hover {width:120px; background:url(../images/vac-nav-over.png) no-repeat;}
*html .menu li.p2 {width:120px; background:url(../images/vac-nav.jpg) no-repeat;}
*html .menu li.p2:hover {width:120px; background-image:url(../images/vac-nav-over.jpg) ;background-repeat: no-repeat; }
.menu li.p3 {width:120px; background:url(../images/reg-nav.png) no-repeat;}
.menu li.p3:hover {width:120px; background:url(../images/reg-nav-over.png) no-repeat;}
*html .menu li.p3 {width:120px; background:url(../images/reg-nav.jpg) no-repeat;}
*html .menu li.p3:hover {width:120px; background-image:url(../images/reg-nav-over.jpg) ;background-repeat: no-repeat; }
.menu li.p4 {width:120px; background:url(../images/rec-nav.png) no-repeat;}
.menu li.p4:hover {width:120px; background:url(../images/rec-nav-over.png) no-repeat;}
*html .menu li.p4 {width:120px; background:url(../images/rec-nav.jpg) no-repeat;}
*html .menu li.p4:hover {width:120px; background-image:url(../images/rec-nav-over.jpg) ;background-repeat: no-repeat; }
.menu li.p5 {width:120px; background:url(../images/careers-nav.png) no-repeat;}
.menu li.p5:hover {width:120px; background:url(../images/careers-nav-over.png) no-repeat;}
*html .menu li.p5 {width:120px; background:url(../images/careers-nav.jpg) no-repeat;}
*html .menu li.p5:hover {width:120px; background-image:url(../images/careers-nav-over.jpg) ;background-repeat: no-repeat; }
.menu li.p6 {width:120px; background:url(../images/workforus-nav.png) no-repeat;}
.menu li.p6:hover {width:120px; background:url(../images/workforus-nav-over.png) no-repeat;}
*html .menu li.p6 {width:120px; background:url(../images/workforus-nav.jpg) no-repeat;}
*html .menu li.p6:hover {width:120px; background-image:url(../images/workforus-nav-over.jpg) ;background-repeat: no-repeat; }

.menu li.p7 {width:120px; background:url(../images/contact-nav.png) no-repeat;}
.menu li.p7:hover {width:120px; background:url(../images/contact-nav-over.png) no-repeat;}
*html .menu li.p7 {width:120px; background:url(../images/contact-nav.jpg) no-repeat;}
*html .menu li.p7:hover {width:120px; background-image:url(../images/contact-nav-over.jpg) ;background-repeat: no-repeat; }


.menu li a#home {width:65px; background:url(../images/home_0.gif) no-repeat;}
.menu li a#products {width:90px; background:url(../images/products_0.gif) no-repeat;}
.menu li a#services {width:88px; background:url(../images/services_0.gif) no-repeat;}
.menu li a#contacts {width:91px; background:url(../images/contacts_0.gif) no-repeat;}
.menu li a#shop {width:72px; background:url(../images/shop_0.gif) no-repeat;}
.menu li a#privacy {width:103px; background:url(../images/privacy_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu li a#home:hover, .menu li:hover a#home,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#contacts:hover, .menu li:hover a#contacts,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#privacy:hover, .menu li:hover a#privacy {background:transparent;}


/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; }


/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; }

.menu :hover ul.sub {left:1px; top:18px; background:transparent  url(../images/opaque.png); padding:3px; white-space:nowrap; width:145px; height:auto;z-index:210}

.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:145px; line-height:20px; text-indent:10px; color:#006699; text-decoration:none; border-width:0 0 0 3px;}
*html .menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:145px; line-height:20px; text-indent:10px; color:#006699; text-decoration:none; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:transparent url(../images/arrow.gif) 80px 7px no-repeat;}
		
.menu :hover ul.sub li a:hover {background:#4A7CB3; color:#FFFFFF;}
.menu :hover ul.sub li a.fly:hover {background:#4A7CB3 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#FFFFFF;}
.menu :hover ul li:hover > a.fly {background:#4A7CB3 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#FFFFFF;}
 
/*last sub menu item*/
.menu :hover ul.sublast {left:1px; top:18px; background:transparent  url(../images/opaque.png); padding:3px; white-space:nowrap; width:102px; height:auto;z-index:500}
.menu :hover ul.sublast li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sublast li a {display:block; font-size:11px; height:20px; width:102px; line-height:20px; text-indent:10px; color:#006699; text-decoration:none; border-width:0 0 0 3px;}
.menu :hover ul.sublast li a.fly {background:transparent url(../images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sublast li a:hover {background:#4A7CB3; color:#FFF;}
/*end last sub item*/
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:144px; top:2px; background:transparent  url(../images/opaque.png); padding:3px 0; white-space:nowrap; width:155px; z-index:1000; height:auto;border-width:0 0 0 3px;}

/*
*html .menu :hover ul.sub :hover ul {left:146px; top:-4px; background:transparent  filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); padding:3px; white-space:nowrap; width:155px; height:auto;z-index:1000}
.menu :hover ul.sub li :hover ul li a {display:block; font-size:11px; height:20px; width:155px; line-height:20px; text-indent:10px; color:#006699; text-decoration:none; border-width:0 0 0 3px;}
*html .menu :hover ul.sub li :hover ul li a {display:block; font-size:11px; height:20px; width:155px; line-height:20px; text-indent:10px; color:#006699; text-decoration:none; border-width:0 0 0 3px;}
/*Accordion Menu Formatting/Styling */
.glossymenu{
margin: 0 auto;
padding: 0;
width: 425px; /*width of menu*/
border-bottom-width: 0;
float:left;
margin-bottom:20px;


}

.glossymenu a.menuitem{
border-bottom:1px solid #BBB;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #444;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image:#EEE;
color:#000000;cursor:n-resize;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;

margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
font-size:11px;
}
*html .glossymenu div.submenu ul li{
font-size:11px;
overflow:hidden;
}

.glossymenu div.submenu ul li a, .glossymenu div.submenu ul li a:visited {
display: block;
font-family:Arial, Helvetica, sans-serif;
color:#444;
text-decoration: none;
padding: 2px 0;
padding-left:0;
}

.glossymenu div.submenu ul li a:hover{
background: #DDD;
color: #000;
}