/* global reset */

* {	
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	padding: 0;
 	margin: 0;
	color: #666;
}

a {text-decoration: underline;}
a:visited {}
a:hover {text-decoration: none;}
a:active { }

ul, ol {padding:0px 0px 0px 0px; margin: 0 10px; list-style: none;}

p {margin:0 10px 1em;}
p span {font-weight: bold;}


h1, h2, h3, h4 , h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family: arel, helvetica, sans-serif;
	line-height: 1.1em;
	padding: 0;
	margin: 0 0 .7em 10px;
	font-weight: normal;	
	color: #1861A5;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {padding: 0; margin: 0;}
h1, h1 span {font-size: 24px;}
h2, h2 span {font-size: 22px;}
h3, h3 span {
	font-size: 24px;
	padding-left: 90px;
}
h4, h4 span {
	font-size: 15px;
}
h5, h5 span {font-size: 15px;}
h6, h6 span {font-size: 13px;}
.light {color: #72B1EB;}

/* site css */
body {
	text-align: center;
	background: #f7f7f7 url() repeat-y  50% 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 60px;
}
#header_medio {
	height: 50px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/seperator_box.gif);
	padding-top: 38px;
	color: #1861A5;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#wrap {
	width: 760px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
	background-image: url(../images/bg_members.jpg);
	background-repeat: no-repeat;
}
#header {
	height: 88px;
	width: 760px;
	text-align: center;
}
#main {
	width: 700px;
	clear: both;
	padding: 0 30px;
	background-repeat: repeat-y;
	background-position: left top;
}
#left {
	background: url() no-repeat left top; width: 410px; float: left; display: inline;
}
#right {
	background: url() no-repeat right top; float: right; display: inline; width: 240px;
}
#left_large {
	background: url() no-repeat left top; width: 520px; float: left; display: inline;
}
#faq_left {
	background:  url() no-repeat left top; width: 330px; float: left; display: inline;
}
#faq_right {
	background: url() no-repeat right top; float: right; display: inline; width: 340px;
}
#footer {
	clear: both; background:#fff url() repeat-y left top; margin: 0px 40px; border-top: 1px solid #ccc; padding-top: 5px; padding-bottom:25px; 
}

#header img.logo {
	float: left;
	margin: 0px;
}
#header img.product {float: right; margin: 35px 20px 0;}

.green {color: #8ebc44; font-weight: bold;}

#left li {background: #ffffff url(../images/checkmark.gif) no-repeat 0 5px; padding-left: 10px;}

div.login {margin-top: 30px; margin-bottom: 30px; border: 1px solid #ccc; background: #f7f7f7 url(../images/login-bg.jpg) repeat-x left top; padding: 15px 40px; color: #1861a5;}
div.survey {color: #666; margin-bottom: 10px; margin-left: 10px; border: 1px solid #B1C74D; background: #f7f7f7 url() repeat-x left top; padding: 10px; font-size: 11px; font-family: arel, helvetica, sans-serif;}
div.survey input { margin-top: 5px;}
div.confirm {border: 1px solid #676767; margin-left: 10px; }
div.confirm span.top {display: block; color: #fff; font-size: 16px; font-weight: bold; background: #676767 url() repeat-x left top; padding: 3px 0 2px 10px; }
div.confirm span.left {float: left; width: 80px; font-weight: bold; clear: left; margin-left: 10px;}
div.confirm span.right { float: right; width: 290px; margin-right: 10px;}
div.confirm span.left1 {float: left; width: 120px; font-weight: bold; margin-left: 10px; font-size: 16px; font-weight: bold;}
div.confirm span.res {float: left; width: 230px; margin-right: 10px; border: 1px solid #676767; padding: 10px;}

#footer span.left {float: left;}
#footer span.left a {color: #8ebc44; text-decoration: none;}
#footer span.left a:hover {text-decoration: underline;}
#footer span.right {float: right;}

dl {margin:0 10px 1em 10px;}
dt {cursor: pointer; color: #8ebc44; text-decoration: none; width: 330px;}
dd.message {width: 320px;}
div.message {background: #f7f7f7 url(../images/box-mid.gif) repeat-y 0 0; color: #666; margin-bottom: 10px; width: 320px;}
div.message p, div.message address {margin: 5px;}
div.message p, div.message li, div.message address, div.message a, div.message a:hover  {font-size: 11px; font-family: arel, helvetica, sans-serif;}
div.messaage ul {list-style-type: circle;}
div.message address, div.message a, div.message a:hover 
