@import url("search.css");
/* CSS Document */

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #000000;
}
a.tease {
	text-decoration: none;
	color: #CC0000;
}
a.tease:hover {
	text-decoration: underline;
	color: #CC0000;
}
a.tease:visited {
	text-decoration: none;
	color: #CC0000;
}
a.footer {
	text-decoration: none;
	color: #FFFFFF;
}
a.footer:hover {
	text-decoration: underline;
	color: #CC0000;
}
a.footer:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#footer {
border:1px solid;
border-color:#555555;
border-radius:5px;
padding:10px;
line-height:16pt;
font-size:14px;

}

.img {
	border:0px;
	
}

.headline {
	font-size: 46px; /* Was 28px */
	font-weight: 900;
	font-family: "franklin-gothic-urw", Arial, Helvetica, sans-serif;
	color: #000000;
	}

.deck {
	font-size: 20px; /* Was 14px */
	font-family: "omnes-pro", "Times New Roman", Times, serif;
	font-weight: 300;
	color: #666666;
	line-height: 115%; /** changes the leading between headline, deck, byline **/
}
.byline {
	font-size: 14px; /* Was 11px */
	font-family: Helvetica, sans-serif;
	font-weight: 900;
	line-height: 200%;
}
.byline2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px; /* Was 13px */
	font-weight: 400;
	line-height:125%;

}


.bold_body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px; /* Was 13px */
	font-weight: bold;
}

.red_bold_body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px; /* Was 13px */
	font-weight: bold;
	color:#CC0000;
	
}

.subhead {
	font-family: "franklin-gothic-urw", Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px; /* Was 14px */
	font-weight: 600;
	color: #CC0000;
}

.subhead_black {
	font-family: "franklin-gothic-urw", Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px; /* Was 14px */
	font-weight: 600;
	color: #000;
}
.background {
	background-position:top;
	background-repeat:repeat-y;
	background-position:center;
	background-image: url(images/elements/bgimage.jpg);
}



.image_quote_container {
		padding-right:10px;
		padding-bottom:10px;
	max-width: 393px;
}

.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.article_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.image_article_credit {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; }

.dept_feature_head {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
.dept_feature_deck {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.nav_promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
}
.nav_blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -0.01pt;
	color: #000000;
}.ul {
	margin:0;
	margin-left:1em;
	padding-left:0;
}
.headline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #000000;
}
.column_sex {
	font-size: 22px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
.column_life {
	font-size: 22px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffde17;
}
.column_money {
	font-size: 22px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
}
.column_threshold {
	font-size: 22px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #27AAE1;
}
.column_feature {
	font-size: 22px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}

.bgcolor_sex {
	background-color: #CC0000;
}
.bgcolor_threshold {
	background-color :#27AAE1;
}
.bgcolor_life {
	background-color: #ffde17;
}
.bgcolor_money {
	background-color: #009900;
}
.bgcolor_feature {
	background-color: #999999;
}
.bottom_nav {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color:#FFFFFF
}

.expertbox_body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: 300;
}
.subhead_link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #CC0000;
	text-decoration:none;
}

a.subhead_link:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #CC0000;
	text-decoration:none;
}

a.subhead_link:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #CC0000;
	text-decoration:underline;
}

a.red_link:link {color:#C00; font-size:18px; font-weight:400;}
a.red_link:visited {color:#C00; font-size:18px; font-weight:400;}
a.red_link:hover {text-decoration:underline;}

a.gray_link:link {color:#666; font-size:18px; font-weight:400;}
a.gray_link:visited {color:#666; font-size:18px; font-weight:400;}
a.gray_link:hover {text-decoration:underline;}


.oquote {
	float:left;
	position:relative;
	left: -.025em;
	height:1px;
	margin-top:-46px;
	font-size:164px;
	font-family: "Times New Roman", Times, serif;
	color:#ccc;
	z-index:-1;
}
.cquote {
	float:right;
	position:relative;
	left: -.15em;
	margin-bottom:100px;
	font-size:124px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	height:1px;
	z-index:0;
}
.pquote {
	font-family:"Times New Roman", Times, serif;
	font-size: 42px;
	color:#666;
		z-index:1;
}



/*This contains the entire layout of the page */
#wrapper {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	background-color: #FFF;
}

#headertagline {
	font-family:arial, helvetica, san-serif;
	color: #999;
	font-size:16px;
	padding-top:5px;
	  }


#mobilelogo {display:none;}

#recentarticles { float:left;
	}

/* CREATING SCALABLE COLUMNS */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { margin: 0; }

.columnsContainer { position: relative; margin: .5em; z-index:1; }


.leftColumn {  /*border: 1px solid*/  #ccc; padding: .25em; margin-bottom: .25em; }

.rightColumn { /*border: 1px solid  #ccc; */}


.directory_box {
	border: 1px solid;
	border-color:#000000;
}
.directory_img_profile {
	padding:0px 5px 5px 0px; /* top right bottom left */
	float:left;
}

.directory_table2 {
	padding:20px 0px 0px 0px; /* top right bottom left - this adjusts the height of the bottom listing in relation to the top listing */

}

#quotebox {
	width:100%;
}
			

/** Drop Caps **/
.money_firstchar { 
float: left; color: #009900; font-size: 60px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "Dispatch-Black", "chaparral-pro-caption"; 
}

.sex_firstchar { 
float: left; color: #CC3333; font-size: 60px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "Dispatch-Black", "chaparral-pro-caption"; 
}

.life_firstchar { 
float: left; color: #ffde17; font-size: 60px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "Dispatch-Black", "chaparral-pro-caption"; 
}

.threshold_firstchar { 
float: left; color: #27AAE1; font-size: 60px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "Dispatch-Black", "chaparral-pro-caption"; 
}

.feature_firstchar { 
float: left; color: #990000; font-size: 60px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "Dispatch-Black", "chaparral-pro-caption"; 
}

@media screen and (min-width: 900px ) {

  .leftColumn { margin-right: 19.5em; }

  .rightColumn { position: absolute; top: 0; right: 0; width: 300px; 
  
  }   
  /* this pushes the right column to the bottom of the page */

}
/* END SCALABLE COLUMNS */

@media screen and (max-width: 899px) {

	#topAd_300x250 { display: none;	  }
	#topAd_300x600 { display: none;	  }
	#topAd_160x600 { display: none;	  }

	.rightColumn {
		padding-top:10px;
	}

	#sign_up_top { display: none; }
}



@media only screen and ( max-width:727px) 
{

#topAd_728x90 { display:none;
}

}

@media only screen and ( max-width: 40em ) /* 640 */
{
	
	.columnsContainer { position: relative; top:-75px; margin: .5em; z-index:1; } /* this adjusts the position of everything below the navigation */



.rightColumn { width: 100%;} 
	
/*This is the Google Search box */
#cse-search-form {
	position:relative;
	padding-top: 8px;
	left: -135px; /*this positions the search box to the left */
	z-index:6;
	}
		
#headertagline {
		  }

	
#quote { position:relative;
	}

.image_quote_container {
  table-layout:auto;
  height:auto;

}

}

	  
	  

@media screen and (max-width:599px) {
	#bottomad2 { display: none;	  }
	
}


@media screen and (max-width:490px){
	#logo {width: 70%; padding-top: 10px;   }
}
@media screen and (max-width:480px){
.body {
	font-size: 100%;
}

.page {
	padding-top: 0px; /*This pushes the start of the content down, adjusting for fixed menu at the top */
}

.headline {
	font-size: 225%;
}

.deck {
	font-size:115%;
}

.byline { line-height: 45px;
}

#logo {width: 60%; padding-top: 10px;  }


#headertagline {
	display:none;
	  }

	#topAd_300x600 { visibility:visible; }

}

@media screen and (min-width:481px){
	.page { 
	padding-top: 10px; /*This creates a buffer at the very top of the page */
}
}

@media screen and (max-width:320px){

/* Shrinking everything down to fix onto smartphone screen */

#cse-search-form {
max-width:50%;
height:auto;
}

.column_sex {
	font-size: 14px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
.column_life {
	font-size: 14px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffde17;
}
.column_money {
	font-size: 14px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
}
.column_threshold {
	font-size: 14px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #27AAE1;
}
.column_feature {
	font-size: 14px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

.image_quote_container {
  table-layout:auto;
  width: 80%;
  height:auto;
}

}