/*Generic Style Content*/

html { 
	background:url(../images/bodyBG.jpg) repeat-x #f9f6f5;
	text-decoration: none;
	margin:0;
	padding:0; 
	border:0;
}

body {
	margin: 0;
	padding: 0;
	border:0;
	color:#000033;
	font-family:Verdana, Arial, Helvetica;
	font-weight:normal;
	font-size: small;
}


#outer {
	width: 746px;
	padding:0;
	margin-right: auto;  margin-left: auto;
	margin-top: 0;	margin-bottom: 0;
	border:0;
}


#topstuff{
	width:746px;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}


#navigation {
	border:0;
	float:left;
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:742px;
	}



#menu {
	background-color: #005695; 
	font-family:arial; 
	padding-top:0px; 
	padding-bottom:0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 22px; 
	FONT-SIZE: 12px; 
	Z-INDEX: 100; 
	LEFT:0px; 
	FLOAT: left; 
	MARGIN:0px 0px 0px 0px; 
	WIDTH: 720px; 
	LIST-STYLE: none; 
	POSITION: relative; 
	height: 35px; 
	line-height: 35px; 
	TEXT-ALIGN: center;
	display:block;
	background:url(../images/menuBG.gif) no-repeat;
	
}
#menu LI {
	DISPLAY: inline; 
	FLOAT: left; 
	TEXT-ALIGN: center;
	margin:0px;
	padding:0px;
	clear:none;
}


#menu .lrga {
	WIDTH:100px;
}



#menu LI A {
	DISPLAY: block; 
	FONT-WEIGHT:normal; 
	FONT-SIZE: 12px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	line-height: 35px; 
	margin:0px;
	padding:0px;
	height: 35px; 
	TEXT-DECORATION: none
}
#menu LI A.norm {
	WHITE-SPACE: nowrap
}
#menu LI A.end {
	WHITE-SPACE: nowrap
}
#menu LI A.select {
	WHITE-SPACE: nowrap
}





#menu LI a.home {
	
	background:url(../images/menuHome.gif) no-repeat;
}
#menu LI a.homecurrent {
	
	background:url(../images/menuHome.gif)  0px -76px  no-repeat;
}

#menu LI a.product {
	
	background:url(../images/menuSolutions.gif) no-repeat;
}

#menu LI a.productcurrent {
	
	background:url(../images/menuSolutions.gif)  0px -76px  no-repeat;
}

#menu LI a.market {
	
	background:url(../images/menuMarketSectors.gif) no-repeat;
}

#menu LI a.marketcurrent {
	
	background:url(../images/menuMarketSectors.gif)  0px -76px  no-repeat;
}

#menu LI a.customer {
	
	background:url(../images/menuCaseStudies.gif) no-repeat;
}

#menu LI a.customercurrent {
	
	background:url(../images/menuCaseStudies.gif)  0px -76px  no-repeat;
}

#menu LI a.company {
	
	background:url(../images/menuCompany.gif) no-repeat;
}

#menu LI a.companycurrent {
	
	background:url(../images/menuCompany.gif)  0px -76px  no-repeat;
}

#menu LI a.support {
	
	background:url(../images/menuSupport.gif) no-repeat;
}

#menu LI a.supportcurrent {
	
	background:url(../images/menuSupport.gif) 0px -76px   no-repeat;
}

#menu LI a.contact {
	
	background:url(../images/menuContact.gif) no-repeat;
}

#menu LI a.contactcurrent {
	
	background:url(../images/menuContact.gif) no-repeat;
}



#menu LI a.home span, #menu LI a.homecurrent span {
	
	display:none;
}

#menu LI a.product span, #menu LI a.productcurrent span {
	
	display:none;
}

#menu LI a.market span, #menu LI a.marketcurrent span {
	
	display:none;
}

#menu LI a.customer span, #menu LI a.customercurrent span {
	
	display:none;
}

#menu LI a.company span, #menu LI a.companycurrent span {
	
	display:none;
}
#menu LI a.support span, #menu LI a.supportcurrent span {
	
	display:none;
}
#menu LI a.contact span, #menu LI a.contactcurrent span {
	
	display:none;
}





#menu LI a.home:hover {
	
	background:url(../images/menuHome.gif) 0px -38px no-repeat;
}

#menu LI a.product:hover {
	
	background:url(../images/menuSolutions.gif) 0px -38px no-repeat;
}

#menu LI a.market:hover {
	
	background:url(../images/menuMarketSectors.gif) 0px -38px no-repeat;
}

#menu LI a.customer:hover {
	
	background:url(../images/menuCaseStudies.gif) 0px -38px no-repeat;
}

#menu LI a.company:hover {
	
	background:url(../images/menuCompany.gif) 0px -38px no-repeat;
}
#menu LI a.support:hover {
	
	background:url(../images/menuSupport.gif) 0px -38px no-repeat;
}
#menu LI a.contact:hover {
	
	background:url(../images/menuContact.gif) 0px -38px no-repeat;
}






#menu LI A:hover {

	border:0px solid #bed2ea; 
}
#menu LI:hover > A {

}
#menu LI .norm:hover {
	
}
#menu LI .end:hover {
	
}
#menu LI .norm:hover > A {

}
#menu LI .end:hover > A {
	
}


/***** Start of hover over box *****/


#menu DIV {
	DISPLAY: none
}

#menu :hover DIV {
	
	DISPLAY: block; 
	PADDING:0px 0px 0px 0px; 
	POSITION: absolute; 
	TOP: 35px;
	background:url(../images/menuDropdownBG.png) bottom left no-repeat;
}

HTML > BODY #menu :hover DIV {
	TOP: 35px;
}



#menu .one:hover {
	POSITION: relative
}
.two:hover {
	POSITION: relative
}
.three:hover {
	POSITION: relative
}
.four:hover {
	POSITION: relative
}
.five:hover {
	POSITION: relative
}
.end:hover {
	POSITION: relative
}


/***** define each hover over box position on page *****/


#menu .pos1a {
	LEFT: 0%;
}
HTML > BODY #menu .pos1a {
	LEFT: 0%;
}
#menu .pos2a {
	LEFT: 122px;
}
HTML > BODY #menu .pos2a {
	LEFT: 122px;
}
#menu .pos3a {
	LEFT: 222px;
}
HTML > BODY #menu .pos3a {
	LEFT: 222px;
}
#menu .pos4a {
	LEFT: 366px;
}
HTML > BODY #menu .pos4a {
	LEFT: 366px;
}
#menu .pos5a {
	right: 68px;
}
HTML > BODY #menu .pos5a {
	right: 68px;
}
#menu .pos6a {
	RIGHT: 24px;
}
HTML > BODY #menu .pos6a {
	RIGHT: 24px;
}
#menu .pos7a {
	LEFT: 326px;
}
HTML > BODY #menu .pos7a {
	LEFT: 326px;
}
#menu .pos8a {
	RIGHT: 0%
}
HTML > BODY #menu .pos8a {
	RIGHT: 13.3%
}
#menu .pos9a {
	RIGHT: 0%
}
HTML > BODY #menu .pos9a {
	RIGHT: 0%
}


/**** define width of drop down box with number of columns ****/


#menu .col1:hover DIV {
	WIDTH: 12em
}
HTML > BODY #menu .col1:hover DIV {
	WIDTH: 12em
}
#menu .col2:hover DIV {
	WIDTH: 24em
}
HTML > BODY #menu .col2:hover DIV {
	WIDTH: 24em
}
#menu .col3:hover DIV {
	WIDTH: 36em
}
HTML > BODY #menu .col3:hover DIV {
	WIDTH: 36em
}
#menu .col4:hover DIV {
	WIDTH: 48em
}
HTML > BODY #menu .col4:hover DIV {
	WIDTH: 48em
}

/**** define contents on box ****/


#menu :hover DIV DL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 10px
}
#menu :hover DIV DT {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN:0px 0px 0px 0px; PADDING-TOP:0px; WIDTH: 12em; TEXT-ALIGN: left; height:auto; TEXT-DECORATION: none
}
#menu :hover DIV DT a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; background-color:#bed2ea; PADDING-BOTTOM: 0px; MARGIN:0px 0px 0px 0px; CURSOR: pointer; color:#333333; TEXT-INDENT: 0.75em; PADDING-TOP: 0px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu :hover DIV DT a:hover {
	color:#ffffff;
}
#menu :hover DIV DD {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:0px; WIDTH: 11em; PADDING-TOP: 0em; TEXT-ALIGN: left
}
#menu :hover DIV DD A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; TEXT-INDENT: 0.75em; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN:0px 0px 0px 0px; color:#ffffff; PADDING-TOP: 0px; HEIGHT:24px;  line-HEIGHT:24px; TEXT-DECORATION: none;
}
#menu :hover DIV DD A:hover {
	TEXT-DECORATION: none; background-color:#333333; color:#ffffff; 
}


body
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
	scrollbar-3dlight-color: #ffffcc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #003366;
	scrollbar-darkshadow-color: #000000;
	padding: 0px
	margin: 0px;
}

td,tr,table
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	/*background:#f9f6f5;*/
	color: #000000;
	scrollbar-3dlight-color: #ffffcc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #003366;
	scrollbar-darkshadow-color: #000000;
	padding: 0px
	margin: 0px;
}


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

body
{
	margin-top: 2px;
	margin-left: 2px
}

p	 	{margin-left: 0em; margin-top: 0.4em; margin-bottom: 0.4em; text-indent: 0em}
p.nomargin	 	{margin-top: 0em; margin-bottom: 0em}

a		{color: #0000C0;text-decoration: none;}
a:visited	{color: #0000C0;text-decoration: none;}
a:active	{color: #999999;}
a:hover		{color: #ff9900;}


small {	font-family: Arial, Verdana, Helvetica; font-size: 11px;}

H1 { font-family: Arial, Verdana, Helvetica; margin-top: 0.5em; margin-bottom: 0.55em; font-size: 20px; color: #306496; }
H3 { font-family: Arial, Verdana, Helvetica; margin-top: 0.5em; margin-bottom: 0.55em; font-size: 16px; color: #306496; }
H4 { font-family: Arial, Verdana, Helvetica; margin-top: 1.8em; margin-bottom: 0.8em; font-size: 14px; color: #306496; }

INPUT
{
    FONT-FAMILY: arial,verdana,helvetica,sans-serif;
    FONT-SIZE: 13px
}


/* CSS for nav.php */

td.searchbox
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
	background-image: url("/images/main/top_right_image.gif");
	width: 383px;
	height: 57px;
	vertical-align: middle;
	text-align: right
}

table.topnav
{
	width: 768px;
	background-image: url("/images/main/logo_back2.gif");
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #000000;
}

table.menu
{
	border: 0px;
	width: 100%;
	text-align: left;
	background-image: url("/images/main/top_menu_back.gif");
}

td.logo
{
	height: 84px;
	width: 210px
}

.topmenu			{color: #ffffff;font-weight: bold}
.topmenu a,.topmenu a:visited	{color: #ffffff;text-decoration: none;font-weight: bold}
.topmenu a:active		{color: #ffffff;font-weight: bold}
.topmenu a:hover		{color: #ffcc00;font-weight: bold}

td.custpage
{
	color: #ffffff;
	background-image: url("/images/main/cust_page_back.gif");
	width: 2%;
}

span.separator
{
	color: #ffffff;
	padding-left: 6px;
	padding-right: 9px;
}

td.topmetal
{
	background-image: url("/images/main/top_metal.gif");
}

td.shadow
{
	background-image: url("/images/main/shadow_gen.gif");
	height: 10px;
}

a.custpage
{
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold
}
a.custpage:visited
{
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold
}
a.custpage:active
{
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
	font-weight: bold
}
a.custpage:hover
{
	padding-left: 16px;
	padding-right: 16px;
	color: #ffcc00;
	font-weight: bold
}
/*End CSS for nav.php */


/*Top Frame*/

.topmenu			{color: #ffffff;}
.topmenu a,.topmenu a:visited	{color: #ffffff;text-decoration: none;}
.topmenu a:active		{color: #ffffff;}
.topmenu a:hover		{color: #ffcc00;}

/*Left Frame*/
.left_back
{
	background-color: #FFFFDF;
}
.spec_drop
{
	font-size:10px;
}
.left_links a,.left_links a:visited
{
	color: #000000;
}
.left_links a:active
{
	color: #999999;
}
.left_links a:hover
{
	color: #0000C0;
	text-decoration: none;
}

/*Main Content Area*/

.titlebar
{
	background-color: #CCCCDD;
	font-size: 12px;
}

div.main
{
	padding-left: 15px;
}

.brochure_input
{
	font-size: 11px;
	border-width: 1px;
	border-color: #000000;
}
.error
{
	color: #FF0000;
}
.greytext
{
	color: #CCCCCC;
}
.highlighttext
{
	color: #FF0000;
}
.center, .centered
{
	text-align: center;
}
.center table
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.centerspace
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.highlight
{
	background-color: #cccccc;
}

div.help_center
{
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

img.help_center
{
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}




#topempty,#content,#bottom {
	border:0;
	margin:0;
	padding:0px 0px 0px 0px;
	width:766px;
	float:left;
	clear:both;
}
#topempty {
	background: no-repeat left top url("../images/1up_top.gif");
	height:19px;
	border:0;
	padding:0;
	margin:0;
	margin-top:10px;
}
#content {
	background: repeat-y left url("../images/1up_mid.gif");
	border:0;
	padding:0;
	margin:0;	
}
#bottom {
	background: no-repeat left bottom url("../images/1up_bot.gif");
	border:0;
	padding:0;
	margin:0;
}

.w1 {
	float:left;
	clear:left;
	margin:0;
	padding:0;
	border:0;
	width:17px;
}
.w2 {
	border:0;
	float:left;
	clear:right;
	margin:0;
	padding:0;
	width:705px;
	text-align:left;
}