html {
 overflow-y: scroll;
 	}
html, body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
}		
body {
	background:url(../img/bgs/bg-body-top.jpg) left top repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#393939;
	}
a
{
    color: #0067B3;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
img { border:0 none}
table, tr, td, th {
	border:0 none;
	border-collapse:collapse;
	}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clear { clear:both; font-size:0px; overflow:hidden}
.float-l { float:left}
.float-r { float:right}
.align-center { text-align:center}	
.align-left { text-align:left}	
.align-right { text-align: right}	


.example-pie-css3
{
    border: 1px solid #696;
    padding: 60px 0;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #EEFF99;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
    background: -moz-linear-gradient(#EEFF99, #66EE33);
    background: linear-gradient(#EEFF99, #66EE33);
    -pie-background: linear-gradient(#EEFF99, #66EE33);
    behavior: url(css/PIE.htc);
    -pie-lazy-init: true;
}

.rounded-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 8px 0;
    color: #ea0404;
    font-family: Verdana;
}
p {
    margin:0;
    padding:8px 0;
    text-align:justify;
}

#wrapper {
    background:url(../img/bgs/bg-body-bott.jpg) left bottom repeat-x;
	width: 100%;
	min-width: 999px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    height:75px
}
#header .logo
{
    padding: 5px 0 0 30px;
    float: left;
}
#header .search {
    float:right;
    margin:45px 0 0 0;
    width:280px
}
#header .member-login {
    background:url(../img/icons/member-login.png) left top no-repeat;
    position:absolute;
    top:45px;
    right:295px;
    z-index:2;
    text-transform:uppercase;
    width:86px;
}
#header .member-login a
{
    display: block;
    color: #FFFFFF;
    padding: 0 0 0 28px;
    line-height: 13px;
    font-size: 12px;
    cursor: pointer;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 958px;
	height: 1%;
	position: relative;
    bottom:-10px;
    background:#FFFFFF;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -khtml-border-radius:0 0 5px 5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    behavior:url(css/PIE.htc);
    padding:1px;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	min-height: 630px;
}
#content
{
    padding: 0 285px 70px 0;
    position: relative;
}
.content {
    padding:7px 0 0 15px;
    min-height:700px;
    height:auto!important;
    height:700px
}

.content h1.title-page
{
    text-transform: uppercase;
    font-weight: bold;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sidebar
{
    float: left;
    margin-right: -3px;
    width: 265px;
    margin-left: -265px;
    position: relative;
    margin-bottom: 80px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
    color:#FFFFFF;
    margin-top:-20px;
    height:70px
}
#footer a {
    color:#FFFFFF
}
#footer .footer .copyright
{
    padding: 0 0 0 0px;
}
.header, .wrapper, .footer
{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.footer
{
    margin: auto auto;
    text-align: center;
}

.shadow-top {
    background:url(../img/bgs/bg-shadow-top.png) top center no-repeat
}
.shadow-bott {
    background:url(../img/bgs/bg-shadow-bott.png) bottom center no-repeat;
    padding:40px 0 37px 0
}
.shadow-repeat {
    background:url(../img/bgs/bg-shadow-repeat.png) top center repeat-y;
}
.content-block {
    border:1px solid #eaecea;
    padding:1px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    position:relative;
    behavior:url(css/PIE.htc);
    z-index:3;
}
.content-block .content-top,
.content-block .content-bott {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    position:relative;
    behavior:url(css/PIE.htc);
    z-index:4;
}
.content-top {
    background:url(../img/bgs/bg-content-top.gif) left top repeat-x;
}

.content-bott {
    background:url(../img/bgs/bg-content-bott.gif) left bottom repeat-x;
    min-height:50px
}

.middle-content {
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    position:relative;
    behavior:url(css/PIE.htc);
    z-index:3;
    padding:10px;
}

#sidebar .content-block,
.login-buttons,
.partners-logo,
.join-banner{
    margin:15px 0 0 0
}
#sidebar .content-block .content-bott {
    padding:10px;
}
.login-buttons 
{
    text-align: center;
    padding: 0 0 15px 0;
 
 
}
 .partners-logo
{
    text-align: center;
    padding: 0 0 15px 0;
    position: absolute;
    width: 653px;
    bottom: 10px;
}
.login-buttons img {
    margin:3px 0
}
.partners-logo img {
    margin:0 10px
}


.alignleftpic {
    float:left;
    margin:0 17px 0 0
}

.alignrightpic {
    float:right;
    margin:0 0 0 17px
}

.red {
    color:#ea0404
}


.faq a,
.blue {
    color:#0067b3
}

.half {
    width: 50%
}