/*CSS for Datasafe 
* Author: Moustique Design http://www.moustique.net/
* Date: 22 January 2007
*/
/* Generic elements =========================*/
body {
	background-color: #fff;
	color: #000;
	font: normal 76% Arial, Tahoma, Verdana, sans-serif;
}
body, td {
	background-color: #FFF;
	font: normal 76% Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
}
h1 {
	margin: 5px 0 0px 0;
	width: 215px;
	height: 123px;
	float: left;
}
h2 {
	font-size: 1.4em;
	color: #000;
	margin: 1.3em 0px;
}
h3 {
	font-size: 1.2em;
	color: #000;
	margin: 1.3em 0px;
}
h4 {
  font-size: 1em;
  font-weight: bold;
	color: #000;
	margin: 1.3em 0px;
}
p {
	font-size: 1em;
	margin: 1.3em 0px;
	text-align: justify;
	line-height: 1.4em;
}
#main-content ul li {
	list-style-image: url(../img/gt.gif);
	padding-left: 0px;
	margin-left: 3;
	padding-bottom: 6px;
}
#right-sidebar p {
	font-size: 1em;
	margin: 1.3em 20px;
	text-align: justify;
	line-height: 1.4em;
}
#main-content ul {
	list-style-type: disc;
	line-height: 1.4em;
	text-align: justify;
}
#main-content ul li {
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
img {
  border: 0;
}

table {
	margin: 0;
}
th {
	text-align: left;
}
address {
	font-style: normal;
	margin: 10px 20px;
}
/*	input, select, textarea {
	border: 1px solid #999;
	background-color: #fff;
	color: #333;
	font: 0.9em Arial, Verdana, sans-serif;
}	*/
/* Links ====================================*/
a:link,
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover,
a:active,
a:focus {
  color: #65d142;
  text-decoration: none;
}


a.active {
  color: #65d142;
  text-decoration: none;
}
/* Layout Divs ==============================*/
#wrapper {
	margin: 0;
	width: 99%;
	height: 100%;
}

#middle-main-content {
	float: left;
	margin-top: 5px;
	width: 100%;
}
#content {
	float: left;
	margin-top: 5px;
	width: 100%;
}

#middle-main-content img {
	float: left;
	margin: 0 10px 0 0;
}
#left-image	{
	float: left;
	margin: 0 0 0 0;
	width: 215px;

}

#main-content	{
	height: auto;
	margin: 0 0 0 235px;	
}

#right-sidebar {
	width: 220px;
	float: right;
	margin: 0 0 0 20px;
}
#right-sidebar h3 {	
	margin: 0;
	font-size: 1em;
	color: #fff;
	background-color: #4c738b;
	padding: 3px 5px;
}
#right-sidebar .panel {
	border: 1px solid #4c738b;
	margin-bottom: 20px;
}
#right-sidebar .panel ul {
	margin: 10px 10px 10px 25px;
	padding: 0;
}
#right-sidebar .panel ul li {
	margin: 8px 0;
}

#right-sidebar li {
	list-style-image: url(../img/gt.gif);
}

#home-step-by-step {
	clear: both;
	width: 100%;
	min-width: 817px;
	height: 140px;
	background: #ddd url("../img/steplist.jpg") bottom left no-repeat;
}
#home-step-by-step h3 {
	margin: 0;
	float: left;
	background-color: #b2c3cd;
	width: 215px;
	color: #000;
	font-weight: normal;
	font-size: 1.8em;
}
#home-step-by-step p {
	margin: 0;
	text-align: right;
	padding: 4px 5px;
	background-color: #99afbc;
}
#home-step-by-step p a {
	margin: 0 5px;
}
#home-step-by-step p a:link,
#home-step-by-step p a:visited {
	color: #fff;
}
#footer {
	clear: both;
	width: 100%;
	font-size: 0.9em;
	margin: 6px 0 1px 0;
}
#footer p {
	font-style: italic;
	margin: 0;
	text-align: right;
}
/*-- bof HEADER COMPONENTS --*/

#logo {
position:absolute; 
width:215px; 
height:100px; 
z-index:1; 
left: 0px; 
top: 15px;
}

#header {
	/*width: 100%;*/
	padding: 0 0 10px 215px;
}

	#header p {
		float: left;
		width: 20%;
		margin: 0;
	}
	#header #top-nav {
		width: 70%;
		float: right;
	}
	#header div#h2 {
		float: left;
		background-color: #65d142;
		padding: 15px 1%;
		min-width: 400px;
		width: 98%;
	}
	#header h2 {
		margin: 0;
		color: #fff;
		font-weight: normal;
		font-size: 1.8em;
	}
	#main-nav {
		clear: left;
		float: left;
		background-color: #4c738b;
		list-style-type: none;
		margin: 0;
		padding: 10px 1%;
		width: 98%;
		min-width: 400px;
	}
/*-- eof HEADER COMPONENTS --*/
/* Nav ====================================*/
#main-nav li {
	float: left;
	padding: 0;
	margin: 0 3px;
	color: #fff;
}
#main-nav li a {
	float: left;
	padding: 0;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #FFF;
}

#main-nav li a.last {
	border: 0;
	}
	
	
#main-nav li a:link,
#main-nav li a:visited {
	color: #fff;
	text-decoration: none;
}
#main-nav li a:hover,
#main-nav li a:active,
#main-nav li a:focus,
#main-nav li a#active {
	color: #65d142;
	text-decoration: none;
}
/* Top Nav ====================================*/
#top-nav ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#top-nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#top-nav ul li a {
	float: left;
	padding: 0;
	margin: 0;
	padding: 0 3px 0 3px;
	border-right: 1px solid #000;
}
#top-nav ul li a:link,
#top-nav ul li a:visited {
	color: #000;
	text-decoration: none;
}
#top-nav ul li a:hover,
#top-nav ul li a:active,
#top-nav ul li a:focus,
#top-nav li a#active {
	color: #65d142;
	text-decoration: none;
}

#top-nav li a.last {
	border: 0;
	}
	
/* Miscellaneous classes and IDs ============*/
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.clear {
	clear: both;
}
.lgbg {
	background-color: #E0F5D9;
}
table.rb {
	border: 1px solid #4C738B;
}
th.rb {
	color: white;
	background-color: #4C738B;
	padding-left: 15; padding-right: 5;
	padding-bottom: 3px;
	text-align: left;
	font-size: 12px;
}
td.rb {
	padding: 5px;
	padding-left: 0;	
}
.X { 
	background-color: #E0F5D9;
	padding: 3px 0 3px 0;
}
.Y { 
	padding: 3px 0 3px 0;
}
a.cl:link, a.cl:visited {
	text-decoration: none;
	color: black;
}
a.cl:hover {
	color: #65D142;
}
.luridtext {
	color: #65D142;
}

#faq	{
	margin: 0 240px 0 25px; 
	padding: 0px;
}

.top a:link , .top a:visited {
	color: #50C32B;
	float: right
}