/* CSS Document */

/***************************************** TAGS *******************************************/

body {
	margin: 0;
	padding: 25px 0;
	background: url(../images/bg.gif) top repeat-x;
	background-color: #e3e9f0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8e8f92;
	text-align: left;
}

p {
	margin: 0;
	padding: 7px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8e8f92;
}

h1 {
	padding: 7px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6d6e71;
}

h2 {
	padding: 7px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e8f92;
}

h3 {
	padding: 7px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1d4f6c;
}

strong {
	color: #98989c;
}

a {
	color: #1d4f6c;
	text-decoration: none;
	font-size: 11px;
}

a:hover {
	color: #1d4f6c;
	text-decoration: underline;
}

ul {
	list-style-type: none;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8e8f92;
	text-align: left;
}


img, a img {
	margin: 0;
	border: none;
}

hr {
	border: 1px dotted #dde2ea;
	height: 1px;
}

/****************************************** GENERIC ***************************************/

div#page {
	margin: 0 auto;
	width: 743px;
	padding: 12px;
	background-color: #FFFFFF;
}

div.clear {
	clear: both;
}

/****************************************** HEADER ****************************************/

div#header {
	height: 262px;
	width: 743px;
	font-size: 11px;
	font-weight:bold;
	margin:0;
	padding:0;
}


/************************************* NAVIGATOR ******************************************/

a#nav {
	color: #d1dde8;
	text-decoration: none;
}

a#nav:hover {
	color: #d1dde8;
	text-decoration: underline;
	font-size: 10px;
}

div#header div#nav {
	margin: 0px;
	height: 20px;
}

div#header div#nav ul#navMenu {
  height: 20px;
  margin: 0;
  padding: 0 0 0 0;
  float: left;
}

div#header div#nav ul#navMenu li {
  height: 20px;
  padding: 0 0;
  margin: 0;
  float: left;
}

li#navFill {
  height: 20px;
  background-image: url(../images/nav_fill.gif);
  width: 266px; 
}

#nav a#home {
  width: 61px;
  height: 20px;
  background-image: url(../images/nav_home_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#home:hover {
  background-position: -61px 0;
  color: #d1dde8;
}

#nav a#profile {
  width: 128px;
  height: 20px;
  background-image: url(../images/nav_comp_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#profile:hover {
  background-position: -128px 0;
  color: #d1dde8;
}

#nav a#case {
  width: 93px;
  height: 20px;
  background-image: url(../images/nav_case_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#case:hover {
  background-position: -93px 0;
  color: #d1dde8;
}

#nav a#faqs {
  width: 61px;
  height: 20px;
  background-image: url(../images/nav_faq_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#faqs:hover {
  background-position: -61px 0;
  color: #d1dde8;
}

#nav a#links {
  width: 63px;
  height: 20px;
  background-image: url(../images/nav_link_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#links:hover {
  background-position: -63px 0;
  color: #d1dde8;
}

#nav a#contact {
  width: 71px;
  height: 20px;
  background-image: url(../images/nav_contact_but.gif);
  background-repeat: no-repeat;
  display: block;
  margin:0;
}

#nav a#contact:hover {
  background-position: -71px 0;
  color: #d1dde8;
}

span.navitem {
	border: 0px solid;
	padding: 4px 0 0 0;
	text-align: center;
	display: block;
	height: 16px;
	margin:0;
	cursor: pointer;
}
/***************************************** MENU *******************************************/


#menu {
	width: 170px;
	background: #f7f7f7;
	float: left;
	font-size: 10px;
	min-height: 700px;
	padding-bottom: 20px;
	margin:0;
	height: auto;
}
	
* html #menu { /* for IE<=6 only */
	height: 540px;
}


#menu a {
	color: #4b7d95;
	text-decoration: none;
}

#menu a:hover {
	color: #356278;
	text-decoration: none;
}

#spacing {
	height: 42px;
	width: 170px;
	background: url(../images/spacing_imp.gif) repeat-x;
}

#prod {
	width: 170px;
	background: url(../images/prod.gif) repeat-x;	
}

#prodMenu {
	padding: 5px 0 0 0;
	margin: 0;
}

#prodMenu a {
	color: #4b7d95;
	height: 10px;
	text-decoration: none;
}

#prodMenu a:hover {
	color: #356278;
	text-decoration: none;
}

#prodMenu li {
	padding: 6px 0 3px 6px;
	margin: 0;
}

#prodMenu li.sub {
	height: auto;
	padding: 4px 0 3px 14px;
	border-bottom: 1px solid #a3b9d1;
	margin: 0;
}

ul.subProdMenuList {
	height: auto;
	padding: 0;
	display: none;
	border: 0;
	margin: 0;
}

ul.subProdMenuList li{
	padding: 4px 0 4px 15px;
	border: 0;
	margin: 0;
}

#full{
	width: 170px;
	background: url(../images/full_back.gif) repeat-x;
}

#fullMenu {
	margin: 5px 0 0 0px;
	padding: 3px 0 0 0px;
}

#fullMenu li {
	height: 16px;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #a3b9d1;

}

div#menu div#prod ul#prodMenu li.heading, div#menu div#full ul#fullMenu li.heading {
	padding: 2px 0 2px 8px;
	height: 16px;
	border-bottom: none;
	color: #FFFFFF;
}

div#menu div#prod ul#prodMenu li.noLine {
	height: auto;
	padding: 4px 0 3px 14px;
	border-bottom: none;
}

#imageContain {
	width: 150px;
	padding: 10px 0 0 10px;
}

img#pdf {
	float: left;
}

/************************************* CONTENT *********************************************/

div#content {
	width: 355px;
	_width: 355px;
	float: left;
	background: #f7f7f7 url(../images/cont_back.gif) repeat-x;
	padding: 20px 20px 0 30px;
	_padding: 20px 17px 0 27px;
	min-height: 700px;
	height: auto;
	margin:0;
}

img.cont {
	padding: 0;
}

#content ul {
	list-style-image: url(../images/bullet_icon.gif);
	list-style-position: outside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8e8f92;
}

#content div {
	height: 61px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6e71;
	margin: 0;
	padding: 5px 0 0 0;
}

#content div span {
	height: 21px;
	float: left;
	font-weight: 500;
	padding: 20px 10px;
}

#content div img {
	float: left;
}



/****************************************** LOGO *******************************************/

div#logo {
	width: 166px;
	_width: 167px;
	background: #f7f7f7 url(../images/logo_back.gif) repeat-x bottom left;
	border-left: dotted 1px #b9c5da;
	min-height: 700px;
	padding-bottom: 20px;
	height: auto;
	margin:0;
	float: left;	
}


img#logoImg {
	margin: 20px 10px 0px 10px;
	_margin: 20px 0 0 7px;
}

/************************************* CONTAINER *******************************************/

div#contain {
	margin: 0;
	padding: 0;
	width: 743px;
}


div#footer {
	margin: 12px auto 12px auto;
	width: 743px;
/*
	background-color: white;
	background: url(../images/foot_back.gif);
	background-repeat: repeat-y;
	background-position: top left;
*/
	text-align: center;
	font-size: 10px;
}