/* CSS Document */





html, body{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

.logo{
	margin-left: 15px;
 	margin-top: 8px;
}

.logo-bg{

	background: url(../i/logo-bg.gif) left top repeat-x;
}

.v-rule{
	background: url(../i/v-rule.gif) left bottom repeat-x;
}

#join{
	background: url(../i/btn_join.gif) left bottom repeat-x; width: 72px; height: 25px; margin-top: 15px;
}

.member-logo{
	margin-bottom: 16px;
 	margin-top: 16px;
}

.sb-head{
	background-color: #0071C1;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
        padding: 7px;
	font-weight: bold;
        width: 130px;
}

.sb-content{
	background-color: #DEEDF7;
	text-align: center;
        padding: 7px;
	font-weight: normal;
        width: 130px;
}

.sb-footer{
	background-color: #DEEDF7;
	text-align: center;
	font-size: 9px;
        padding: 2px;
	font-weight: normal;
        width: 130px;
}

.main-content{
	vertical-align: top;
	font-size: 11px;
	width: 100%;  
        padding: 7px;   
}

.art{
	vertical-align: top;
        padding: 7px;   
}

.drill-content{
	vertical-align: top;
	font-size: 11px;
	width: 50%;  
        padding: 14px;   
}

.pr-link-content{
	vertical-align: top;
	font-size: 11px;
	width: 50%;    
}

.form-content {
	vertical-align: top;
	font-size: 11px;
        padding: 14px 0px 0px 50px;   
}

.form-value {
	vertical-align: top;
	font-size: 11px;
        padding: 10px 0px 0px 14px;   
}

.form-value2 {
	vertical-align: top;
	font-size: 11px;
        padding: 10px 0px 0px 0px;   
}

.form-error {
	vertical-align: top;
	font-size: 11px;
        padding: 14px 0px 0px 14px;   
}

.form-item-valid {
	background-color: #FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#A5ACB2;
}

.form-item-invalid {
	background-color: #FFFF99;
	border-width:1px;
	border-style:solid;
	border-color:#A5ACB2;
}

.form-button {
        padding: 6px 0px 14px 62px;
}

.hide {
	display: none;
}

H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -6px;
}


H2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0071C1;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -10px;
}

P{
	margin-bottom: -4px;
}

.footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #696969;
	font-size: 10px;
	vertical-align: center;
}

.list{
	margin-bottom: 3px;
}

a.headerLinks:link{
	color: #ffffff; 
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinks:visited {
	color: #ffffff; 
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinks:active {
	color: #ffffff; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinks:hover {
	color: #ffffff; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}



a.headerLinksSel:link{
	color: #ffffff; 
	background-color: #1DA54F;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinksSel:visited {
	color: #ffffff; 
	background-color: #1DA54F;
	padding: 6px;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinksSel:active {
	color: #ffffff; 
	background-color: #1DA54F;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}

a.headerLinksSel:hover {
	color: #ffffff; 
	background-color: #1DA54F;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 6px;
	margin-right: 6px;
}




a.cta:link{
	color: #0000ff; 
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 18px;
}

a.cta:visited {
	color: #0000ff; 
	text-decoration: none;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 18px;
}

a.cta:active {
	color: #0000ff; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 18px;
}

a.cta:hover {
	color: #0000ff; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 18px;
}




a.top:link{
	color: #999999; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	margin-right: 6px;
}

a.top:visited {
	color: #999999; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	margin-right: 6px;
}

a.top:active {
	color: #666666; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	margin-right: 6px;
}

a.top:hover {
	color: #666666; 
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 10px;
	margin-right: 6px;
}





a.call:link{
	color: #9374B0;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}

a.call:visited {
	color: #9374B0;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}

a.call:active {
	color: #9374B0;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}

a.call:hover {
	color: #9374B0;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}