body {
	color:#000000;
	margin:0;
	padding:0;
	text-align: center;
	background-color: #E2EAE1;
	background-image: url(/images/page-back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

body,p,td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; }
	
div.page_container {
	width: 781px;
	background: #FFFFFF url('/images/topnav-back.gif') no-repeat left top;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.content {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #0066CC;
	background-image: url(/images/header-banner.jpg);
	background-repeat: no-repeat;
	clear: both;
}
div.content .header {
	height: 129px;
	padding-left: 80px;
}

div.content .header h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 28px;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.content .header p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tab-nav {
	height: 20px;	
	margin: 0;	
	padding-left: 10px;
	background: url('/images/tab_bottom.gif') repeat-x bottom;
}

.tab-nav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
}

.tab-nav a:link, .tab-nav a:visited {
	float: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin-right: 6px;
	text-decoration: none;
	color: #4F4F4F;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	background-color: #f3f3f3;
	background-image: url(/images/topnav-default-back.gif);
	border: 1px solid #FFFFFF;
}

.tab-nav a:link.active, .tab-nav a:visited.active {
	color: #FFFFFF;
	background-image: url(/images/topnav-active-home.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3875A7;
}

.tab-nav a:hover	{
	color: #FFFFFF;
}

div.tab-body {
	font-size: 10px;
	color: #666666;
	background-color: #CCCCCC;
}

div.legend {
	background-color: #3875A7;
	height: 338px;
	background-image: url(/images/legend-back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;

}
div.panel{
	width: 300px;
	position: absolute;
	left: 16px;
	top: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-left-style: dashed;
	border-top-color: #9AC5E7;
	border-right-color: #9AC5E7;
	border-left-color: #9AC5E7;

}
div.panel a {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9AC5E7;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 7px;
	clear: both;
	height: 84px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	background-image: url(/images/panel-button.gif);
	background-repeat: no-repeat;
	background-position: 268px 65px;
}
div.panel a:hover {
	background-color: #4589C0;
	color: #FFFFFF;
}


div.panel P {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DFE9F1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.mapper{
	position: absolute;
	left: 339px;
	top: 17px;
	padding: 5px;
	border: 1px dashed #9AC5E7;

}
div.left-col {
	float: left;
	width: 129px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #787773;
	background-color: #CCCCCC;
}
div.left-col p {
	padding-left: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 0px;
}

div.center-col {
	background-color: #CCCCCC;
	float: left;
	width: 460px;
	padding-left: 15px;
	padding-top: 10px;
	position: relative;
}

div.right-col {
	background-color: #CCCCCC;
	background-image: url(/images/feature-back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 175px;
	float: right;
}
	
div.copyright_footer {
	font-size: 10px;
	color: #666666;
	background-color: #CCCCCC;
	padding-bottom: 10px;
}

div.copyright_footer a {
	color: #666666;
}
	div.copyright_footer h5 {
	font-size: 14px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  #footer {
	padding:15px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	background-color: #CCCCCC;
  }
  #footer p {
    padding:2px;
    margin:0px;
  }
  
  #features {
	display:block;
	width:175px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
	margin: 0px;
  }
  #features p {
	font-size:10px;
	margin: 0px;
	padding: 0px;
  }
  #features h2 {
    padding:2px;
    margin:2px;
    text-transform:uppercase;
    color:#FFFFFF;
    text-align:center;
    font-size:16px;
    font-family:Arial;
  }
  #features .white {
    width:200px;
    padding:3px;
    background-color:#FFFFFF;
    border:1px solid #298C42;
    margin-bottom:20px;
  }
  #features .blue {
    width:200px;
    padding:3px;
    background-color:#57839D;
    border:1px solid #FFFFFF;
    margin-bottom:20px;
  }  
  #features .tab {
	overflow:hidden;
	width:175px;
	background-image: url(/images/download-back.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #676665;
	text-align: center;
  }
  #features .gal {
	width:175px;
	padding-bottom: 10px;
	background-image: url(/images/feature-back.gif);
	background-repeat: repeat-y;
  }
    #features .link {
	width:175px;
	padding-bottom: 10px;
	background-image: url(/images/link-back.gif);
	background-repeat: repeat-y;
  }
  #features .tab h1 {
	color:#CCCCCC;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A5A0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(/images/icon-gallery.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
  }
 
  #features .link h2 {
	color:#CCCCCC;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A5A0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(/images/icon-link.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
	text-transform: none;
  } 
    #features .link p {
	text-align: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 24px;
	background-image: url(/images/bullet-link.jpg);
	background-repeat: no-repeat;
	background-position: 15px 7px;
  } 
    #features .link a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E1A451;
	text-decoration: underline;
  }
    #features .link a:active {
	color: #E1A451;
  }
    #features .link a:visited {
	color: #E1A451;
  }
    #features .link a:hover {
	color: #009900;
	text-decoration: none;
  }
    #features .doc a {
	background-image: url(/images/download-panel-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 140px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;

  }
  
    #features .doc a:active {
	color: #666666;
  }

    #features .doc a:visited {
	color: #666666;
  }
    #features .doc a:hover {
	color: #009900;
  }
  
#features .epc {
	background-image: url(/images/download-panel-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 140px;

  }
  
#features .epc a {

}
  
#features .epc a:active {
	color: #666666;
	text-decoration: none;
}

#features .doc a:visited {
	color: #666666;
}

#features .epc a:hover {
	color: #009900;
}
 
#features .secure {
	width:175px;
	padding-bottom: 10px;
	background-image: url(/images/link-back.gif);
	background-repeat: repeat-y;
  }  
  
    #features .secure h1 {
	color:#CCCCCC;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A5A0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../images/secure-area-icon.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
  }
 
  #features .secure h2 {
	color:#CCCCCC;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A5A0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../images/secure-area-icon.jpg);
	background-repeat: no-repeat;
	background-position: 12px 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
	text-transform: none;
  } 
  
  
.gallery-image {
	display:block;
	float:left;
	padding:0;
	border: 1px solid #8CA37E;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 4px;
  }

.gallery-image a {
	text-decoration:none;
  }

.gallery-image img {
    display:block;
    border:0;margin:0;padding:0;
    width:75px;
    height:75px;
  }

.gallery-image p {
	display:block;
	margin:0;
	padding:0;
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
	font-weight: normal;
  }
    
     #features .doc-news {
	background-image: url(/images/news-panel-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 140px;
	padding-top: 36px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	
	  }
  
	
#features .doc-news a {
	color: #666666;
	text-decoration: none;
	
  }
    #features .doc-news a:hover {
	color: #009900;
  }
  
.clear {
 clear:both;
 overflow:hidden;
 height:1px;
}
.prop {
  width:680px;
  height:1px;
  overflow:hidden;
}
.dev-box {
margin:5px;
BORDER: #58839d 1px solid;
FLOAT: left;
  WIDTH: 300px !important;
  width:310px;
  POSITION: relative;
  HEIGHT: 200px;
}
.dev-box div {
  padding:10px;
}
.dev-box p {
 margin:0;
 padding:2px;
}
.dev-box h4 {
FONT-SIZE: 14px;
margin:0;padding:0;
}
.dev-box P.link {
RIGHT: 10px; BOTTOM: 1px; POSITION: absolute
}

#onpage-fb-background{
	background-image: url(/images/download-panel-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 140px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: center;
}

#onpage-fb-background a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#onpage-fb-background a:active {
	color: #666666;
  }

#onpage-fb-background a:visited {
	color: #666666;
  }
#onpage-fb-background a:hover {
	color: #009900;
  }

#latest-development {
	background-position: center top;
	display: block;
	width: 140px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
}

#latest-development a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#latest-development a:active {
	color: #666666;
  }

#latest-development a:visited {
	color: #666666;
  }
#latest-development a:hover {
	color: #009900;
  }