/* Styles the body
 ----------------------------------------------- */
 

#navBox
{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #484848;
	width: 175;
	padding: 0px 5px 0px 10px;
	border: 1px solid #e2e2e2;
	border-top: 0px;
	background-color: #ffffff;
	margin: 0px 10px 0px 0px;
}

#navBoxOn
{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: 175;
	color: DarkGray;
	padding: 0px 5px 0px 10px;
	border: 1px solid #414875;
	border-top: 0px;
	background-color: whitesmoke;
	margin: 0px 10px 0px 0px;
}

#navsp
{
	width: 175;
	border-bottom: 1px solid #e2e2e2;
	margin: 10px 10px 0px 0px;
}
 
#navBread
{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 9px;
	line-height: 18px;
	color: #777777;
	xwidth: 100%;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 10px 193px;
	xborder: 1px solid #cccccc;
}

#prodBox
{
	border: 1px dashed #cccccc;
	margin: 0px 20px 10px 15px;
	padding: 4px 10px 4px 8px;
	align: left;
}


 
body {
	padding:0;
	font-family:verdana, arial, sans-serif;
	font-size:70%;
	line-height: 135%;
	color:#333;
	text-align:center;
	background-color:#414875;
	margin: 0px; 
}

div {
margin:0; padding:0; display:block;}

.container {
margin:0 auto 0 auto; 
padding:0; 
width:100%;
background-color:#414875;}

.content {
	clear:left;
	text-align:left;
	margin:1.2em 13.5em 0 0;
	padding:1em;
	vertical-align: top;
	
}
.topbar{
background-color:#7A82A6;
width:100%;
height:20px;
vertical-align:top;
border-bottom:2px solid #fff;
}

 /* Links
----------------------------------------------- */
a:link, a:visited {
color:#414875; text-decoration:underline;}
a:hover {
color:#414875; text-decoration:none;}
a:active {
color:#414875; text-decoration:underline;}

a.outer:link, a.outer:visited {
color:#fff; text-decoration:underline;}
a.outer:hover {
color:#fff; text-decoration:none;}
a.outer:active {
color:#fff; text-decoration:underline;}

 /* Image styles
----------------------------------------------- */
a img {
  border-width:0;
  }
  
.border
{border: 1px solid #999;
}  
  
  
  
 /* Table 
 ----------------------------------------------- */
.maintable {
background-color:#fff;}

#navgrad{
	background-image: url(imgs/repeat_nav.gif);
	background-repeat: repeat-x;
	
}

#ltable{
	background-image: url(imgs/lt_table.gif);
	background-repeat: repeat-y;
	height:100%;
}

#rtable{
	background-image: url(imgs/rt_table.gif);
	background-repeat: repeat-y;
	height:100%;
}


 /* all lists
 ----------------------------------------------- */
ul{
  padding: 0;
  margin: 0;
  list-style: none;
  text-transform:uppercase;
  font:95%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#333;
  }
  


 /* all list items, displays as horz menu bar
 ----------------------------------------------- */
li {
	float: left;
	position: relative;
	width: 8em;
	text-align: center;
	padding: 0.3em;
  }

.on{
border-bottom:2px solid #414875;
}

/* second-level lists
 ----------------------------------------------- */
  li ul {
  	display: none;
	position: absolute;
	top: 2em;
	left: 0;
	font-weight: normal;
	padding: 0.3em .2em .5em .2em;
	background-color:#ffffff;
	border:1px solid #ccc;
  }
  
/*to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left ----------------------------------------------- */
li > ul {
	top: auto;
	left: auto;
	}
	


/*lists nested under hovered list items
 ----------------------------------------------- */
li:hover ul, li.over ul{ display: block; }

li li {
	width:11em;
	text-align:left;
	
}
#nav a {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: none;
	color: #414875;
	border-bottom:2px solid #414875;

}

/* Headings
----------------------------------------------- */

  
  h1 {

	font:190%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	letter-spacing:0.1em;
	font-weight:bold;
	color: #333;
	display:inline;
	
  }
  
    h2 {
	font:160%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	letter-spacing:0.1em;
	line-height:200%;
	font-weight:bold;
	color: #fff;
	display:inline;
	text-align:right;
	padding-bottom: 5px;	
  }
  
    h3 {
	padding-top:5px;
	font:110%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	letter-spacing:0.1em;
	color: #fff;
	display:inline;
	text-align:right;
	
  }
  h4 {

	font:160%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	letter-spacing:0.1em;
	font-weight:bold;
	color: #414875;

	
  }  
  

/* Action
----------------------------------------------- */

.action {
font:95%/1.4em Arial, Helvetica, sans-serif;
line-height:145%;
padding:5px; 
  }
  

/* Sidebar
----------------------------------------------- */
.sidebarpad{
padding:2em 2em 0 0;
vertical-align:top}

#sidebar {
  width:180px;
  border: 1px solid #999;
  padding: 8px;
  text-align:left;
  }  
  


 /* Styles quotes displayed as block-elements
 ----------------------------------------------- */
blockquote{
	margin: 10px 0px 10px 30px;
	padding: 8px;
	font: 95%/1.4em verdana, arial, sans-serif;
	border-top: 1px #999 solid;
	text-align: left;
	line-height:150%;
	width: 80%
}
.quote
{font: 100%/1.4em verdana, arial, sans-serif;
line-height:140%;
color:#333333;
}

.button
{border: 1px #999 solid;
background-color:#f2f2f2;
padding:4px;
}
.divider{
border-bottom: solid #999999 1px;}

 /* footer
 ----------------------------------------------- */	
 
.footer {
font-size:10px;
	clear:left;
	text-align:left;
	margin:1.2em 13.5em 0 0;
	padding:1.5em .5em;
	vertical-align: top;
	color:#fff;}