body {
/*background: url(assets/xmas_bg.gif) repeat-x top right #eeeeee;*/
background: #eeeeee;

}

html {
	overflow-y: scroll;
}

div#wrapper {
width: 775px;
background-color:#FFFFFF;
margin-top: 0px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
div#header {
	padding: 0px;
	margin: 0px;
	text-align: center;

}
div#nav {
	width: 150px;
	padding-right: 15px;
	padding-left: 10px;
	margin-top: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #336699;
	margin-right: 5px;
	text-decoration: none;
	text-align: left;


}

div#navindex {
	width: 150px;
	padding-right: 0px;
	padding-left: 5px;
	margin-top: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #336699;
	margin-right: 15px;
	text-decoration: none;
	text-align: left;


}
div#main {
	width: 575px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;


}

div#mainwide {
	width: 725px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;


}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2243a2;

}
.main a:link {
	text-decoration: none;
	color: #2243a2;
	}

.main a:hover{
	text-decoration: underline;
	color: #5c97d1;
	}
	
.main a:visted {
	text-decoration: none;
	color: #9d9fa2;
	}

.mainwide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;

}
.mainwide a:link {
	text-decoration: none;
	color: #2243a2;
	}

.mainwide a:hover{
	text-decoration: underline;
	color: #5c97d1;
	}
	
.mainwide a:visted {
	text-decoration: none;
	color: #9d9fa2;
	}
	
			
div#footer {
        position: absolute;   
	padding-top: 10px;
	margin: 0px;
	border-top: thin solid #2243a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #2243a2;
	background-image: url(assets/08footer_bg.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 775px;
	text-align: center;



}
div#indentmenu{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 100%;
	position: absolute;


}

.indentmenu ul{
font: bold 0.9em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
float: left;
width: 775px; /*width of menu*/
border: none; /*dark purple border*/
border-width: 0px 0;
background: url(assets/08gradupa.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 0.3em 0.8em;
text-decoration: none;
border-right: 0; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 0.3em; /*shift text down 1px for selected and active item*/
padding-bottom: 0.3em; /*shift text down 1px for selected and active item*/
background: url(assets/08gradup_greena.gif) center center repeat-x;
}

div#submenu{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 100%;
	position: absolute;


}

.submenu ul{
font: bold 0.8em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
float: left;
width: 775px; /*width of menu*/
border: none; /*dark purple border*/
border-width: 0px 0;
background: url(assets/08subgradup.gif) center center repeat-x;
}

.submenu ul li{
display: inline;
}

.submenu ul li a{
float: left;
color: white; /*text color*/
padding: 0.2em 0.8em;
text-decoration: none;
border-right: 0; /*dark purple divider between menu items*/
}

.submenu ul li a:visited{
color: white;
}

.submenu ul li a:hover, .submenu ul li {
color: white !important; /*text color of selected and active item*/
padding-top: 0.2em; /*shift text down 1px for selected and active item*/
padding-bottom: 0.2em; /*shift text down 1px for selected and active item*/
background: url(assets/08gradup_greena.gif) center center repeat-x;
}

div#greymenu1{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 100%;
	position: absolute;
	border-bottom: 1px solid #2243a2;
border-color: #5c97d1;
}



div#greymenu{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 100%;
	position: absolute;
	border: 1px solid #2243a2;
border-color: #5c97d1;


}

.greymenu ul{
font: bold 0.9em Arial, Helvetica, sans-serif;
color: #2243a3 ;
margin: 0;
padding: 0;
float: left;
width: 80%; /*width of menu*/
margin-bottom: 10px;
}

.greymenu ul li{
display: inline;
}


.greymenu ul li a{
float: left;
color: #2243a2; /*text color*/
padding: 0.2em 0.8em;
text-decoration: none;
border-right: 1; /*dark purple divider between menu items*/
}


.greymenu a:link {
color:#2243a2

}

.greymenu ul li a:visited {
color: #5c97d1;
}

.greymenu ul li a:hover, .greymenu ul li {
color: #5c97d1; /*text color of selected and active item*/
text-decoration: none;
padding-top: 0.2em; /*shift text down 1px for selected and active item*/
padding-bottom: 0.2em; /*shift text down 1px for selected and active item*/
}

body#home a#homenav,
body#products a#prodnav,
body#services a#servnav,
body#contact a#connav,
body#markets a#marknav,
body#login a#lognav,
body#about a#aboutnav {
	color: #fff;
	background: url(assets/08gradon.gif) center center repeat-x;
}


.mainimg {
	margin-right: 10px;
	float: left;
}
.rightad {
	clear: right;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	text-align: right;
	
}
.rightad a:link {
	text-decoration: none;
	color: #2243a2;
	}

.rightad a:hover{
	text-decoration: underline;
	color: #5c97d1;
	}
	
.rightad a:visted {
	text-decoration: none;
	color: #9d9fa2;
	}



.imgleft {
	float: left;
	margin-left: 10px;
	margin-right: 10px;


}
.imgleftsub {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;

}

.imglefttxt {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 15px;

}
.imgright {
	float: right;
	margin-left: 10px;
	margin-right: 10px;


}

.printbanner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9d9fa2;
	text-align: left;
	vertical-align: middle;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	height: 25px;


}
.printme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #2243a2;
	text-decoration: none;
	float: right;
	height: auto;
	width: 20%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
}

.printme a:link {
	text-decoration: none;
	color: #999999;
	}

.printme a:hover{
	text-decoration: underline;
	color: #5c97d1;
	}
	
.printme a:active{
	text-decoration: underline;
	color: #5c97d1;
	}	
	
.printme a:visited {
	text-decoration: none;
	color: #999999;
	}

.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	float: left;
	vertical-align: middle;
}
.smallheadtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #2243a2;
	padding-left: 0px;
}
label
{
width: 5em;
float: left;
text-align: right;
margin-right: 0.8em;
display: block
}

textarea
{
width: 70%;
color: #2243a2;
background: #eeeeee;
border: 1px solid #9d9fa2
}

.checkbox
{
margin-left: 5em;
margin-right: 2em;
display: block;
}

.optionbox
{
padding-left: 1em;
}

optionlabel
{
padding-left: 10px;
}
boxlabel
{
width: 30px;
margin-right: 2em;
display: inline;
}

formlabel
{

text-align: right;
margin-left: 1em;
margin-right: 1em;
display: inline;
}

formlabel2
{ 
	display: inline;  /* block float the labels to left column, set a width */
	block-float: left; 
	width: 80px; 
	padding-left: 10px; 
	margin-right: 5px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.formleft
{
text-align: right;
left-margin: 10px;
float: left;
clear: none;
}

.formright
{
text-align: right;
right-margin: 30px;
float: right;
}

.submitinput
{
margin-left: 30px;
margin-bottom: 5px;
}
.boxinput
{
width: 120px;
}

.forminput
{
color: #2243a2;
background: #eeeeee;
border: 1px solid #9d9fa2
}

.forminputplain
{
color: #333333;
background: #ffffff;
border: 1px solid #ffffff
}


 fieldset
{
border: 1px solid #5c97d1;
width: 145px
}

legend
{
color: #fff;
background: #2243a2;
font-size:0.8em;
border: 1px solid #5c97d1;
padding: 2px 6px
}

div#printhead
{
display: none;
}

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #2243a2;
	left: 10px;
	margin-bottom: -5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #2243a2;
	padding-left: 0px;
	/*margin-top: -0.5em;*/
	margin-bottom: -0.9em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #2243a2;
	padding-left: 0px;
	/*margin-top: -0.5em;*/
	margin-bottom: -0.9em;
}
.mainboldred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #CC0000;
	padding-left: 0px;
}

.mainboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #2243a2;
	padding-left: 0px;
}
.indexbox {
	width: 250px;
	height: 110px;
	display: inline-block;
	margin-right: 20px;
	/*padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 9px;*/
	
	}
	

.bl {background: url(assets/boxcnr_bl.gif) 0 100% no-repeat; width: 20em}
.bg {background: url(assets/boxBG_cntr.gif) repeat-x;}
.br {background: url(assets/boxcnr_br.gif) 100% 100% no-repeat}
.tl {background: url(assets/boxcnr_tl.gif) 0 0 no-repeat}
.tr {background: url(assets/boxcnr_tr.gif) 100% 0 no-repeat; padding:15px} 
.clear {font-size: 1px; height: 1px} 

.boxcnrtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #ffffff;
	padding-left: 0px;
}

.boxcnrtxt a:link {
	text-decoration: none;
	color: #fcfcfc;
	}
	
.boxcnrtxt a:visted {
	text-decoration: none;
	color: #eff4ff;
	}

.boxcnrtxt a:hover{
	text-decoration: underline;
	color: #ffffff;
	}
.boxcnrtxtlge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	padding-left: 0px;
}

.whitebx {
      width:48%;
	  margin-left: 1%;
	  display: inline-block;
      /*margin:0px auto;*/
      background:#ffffff url(assets/whitebx_ls.gif) repeat-y left top;
	  zoom: 1;
        *display: inline;

}
	  

.whitebxtop {
	width:100%;
	height:21px;
	background:url(assets/whitebx_tl.gif) no-repeat left top;
}
	  
.whitebxtop span {
     display:block;
	 position:relative;
     height:21px;
     background:url(assets/whitebx_tr.gif) no-repeat right top;
}


.whitebx-content {
	position:relative;
	background:url(assets/whitebx_rs.gif) repeat-y right top;
	padding:1px 20px 1px 25px;
	margin:-1px 0 -40px 0;
}


 .whitebxbottom {
      height:54px;
      background:url(assets/whitebx_bl.gif) no-repeat left bottom;
 }

.whitebxbottom span {
      display:block;
      position:relative;
      height:54px;
      background:url(assets/whitebx_br.gif) no-repeat right top;
      }
.javascript_alert {
	background: #F8FAFC;
background-position: 15px 50%; /* x-pos y-pos */
color: #cc0000;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
padding: 5px 5px 5px 5px;
border: 2px solid #CC0000;
/*border-bottom: 2px solid #B5D4FE;*/
}