/* ***************************************************************

Grid-template.css - used by every page for the template excluding content area 

Overview: Template Grid (1060 total; center float)
    20px  shadow 
    20px Outter gutter
    980px Content area
    20px outer gutter
    20px shadow

*************************************************************** */

html,body{
	background: url(http://assets.families.com/v2.0/images/global/inf_background_slice_green.jpg);background-repeat:repeat-x;
	background-color:#E8F6BC; /*Red: F7E6FF ; Pink: FFE6EA; Gray D2D2D2; Green: E8F6BC */
} 

#tmpl_container_outter{
	/* background: url(http://assets.families.com/v2.0/images/global/inf_shadow_slice.jpg); */
	width:1060px;
    margin-left:auto;
    margin-right:auto;
}

#tmpl_container{
	width:1020px;
	background-color:#FFF;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
}

#tmpl_content{
	width:980px;
	text-align:left;
	margin-left:auto;
    margin-right:auto;
	margin-top:10px;
}


/* Header *********************************** */

#tmpl_header_quicklinks .signup{color:#DA086B}

#tmpl_header{
	height:130px;
	border-top: solid #DA086A 3px;	
	display: block;
}

#tmpl_logo{
	float:left;
	display: block;
    margin-left:10px;
	margin-top:30px;
}

#tmpl_content_header{
	margin-top:0px;
	margin-bottom:20px;
}
#tmpl_header_quicklinks{
	text-align:right;
	margin-top:5px;
	margin-right:12px;
	font-size:10px;
	float:right;
}

#tmpl_header_quicklinks a,#tmpl_header_quicklinks nobr,#tmpl_header_quicklinks b{
	font-size:10px;
	border:0px;
	color:#5A5A5A;						
}

#tmpl_header_quicklinks li{						
	white-space:nowrap;
}

#tmpl_header_quicklinks a:hover{
	background:#EEE;		
}

#tmpl_header_quicklinks .quicklinkalign {
	margin-top:5px;
	margin-right:12px;
	font-size:10px;
  	float: left;
}


/* Ads *********************************** */

#ad_top_300x250{margin-bottom:20px}

#ad_bottom_728x90{
	padding:5px; 
	/*
	border: solid 1px #908F8F;
	background-color:#F8F8F8;
	*/
}

#ad_topbanner_728x90{
	float:right;
	margin-right:10px;
	margin-top:5px;
	padding: 3px;
}

#ad_bottom_728x90_nobaseLayout{
	padding: 5px; 
	/*
	border: solid 1px #908F8F;
	background-color:#F8F8F8;
	*/
}

/* Navigation *********************************** */

#tmpl_navbar{	
	background: url(http://assets.families.com/v2.0/images/global/inf_navbar_background.jpg);
	border-left:solid 1px #DDD;
	height:30px;
	color:#fff;
	font-weight:bold;
	font-size: 11px;
	horizontal-align: middle;
	text-align:center; 
	clear:both
}

#tmpl_navbar_shadow{
	background: url(http://assets.families.com/v2.0/images/global/inf_navbar_shadow.gif);background-repeat:repeat-x;
	clear:both;
}

#tmpl_navbar .odd{}

#tmpl_navbar ul{
  	list-style: none;
  	padding: 0;
  	margin: 0px;
}

#tmpl_navbar li{
	background: url(http://assets.families.com/v2.0/images/global/inf_navbar_button.jpg);
  	float: left;
  	margin-left:0px;
}

#tmpl_navbar li:hover{
	background: url(http://assets.families.com/v2.0/images/global/inf_navbar_button_rollover.jpg);
}

#tmpl_navbar li .selected {
	background: url(http://assets.families.com/v2.0/images/global/inf_navbar_button_selected.jpg);
}

#tmpl_navbar li a {
  	height: 30px;
  	width: 127px;
  	line-height: 30px;
  	float: left;
  	display: block;
  	color: #EEE;
  	text-decoration: none;
}

#tmpl_subnav{
	height:30px;
	font-size: 11px;
	horizontal-align: middle;
  	margin-left: 20px;
	clear:both;
}

#tmpl_subnav ul{
  	list-style: none;
  	padding: 5px;
	margin: 0px;
}

#tmpl_subnav li{
  	float: left;
  	margin-right: 15px;
	height: 30px;
  	line-height: 30px;
  	float: left;
  	display: block;
  	text-align: center;
}

#tmpl_subnav li a {text-decoration: none}
#tmpl_subnav li a.selected{font-weight:bold}
#tmpl_subnav li a:hover {text-decoration: underline}
#tmpl_subnav li a.selected:hover{text-decoration: none}

#tmpl_subsubnav a.selected{font-weight:bold;color:#C10000}

/* TABLE LAYOUT *********************************** */
#tmpl_table_grid{width:980px;margin-top:10px;margin-bottom:20px}
#tmpl_table_grid #col1 {width:660px}
#tmpl_table_grid #col2 {width:9px}
#tmpl_table_grid #col3 {width:1px}
#tmpl_table_grid #col4 {width:10px}
#tmpl_table_grid #col5 {width:300px;overflow:hidden}



/* FOOTER *********************************** */

#tmpl_footer{
	color:#707070;
	background-color:#FFF;
	width:1020px;
	clear:both;
    margin-left:auto;
    margin-right:auto;
	text-align:left;
	line-height:15px;
}

#tmpl_footer table{
    margin:20px;
	padding-left:20px;
}

#tmpl_footer td{
	width:250px;
	padding-left:10px;
}

#tmpl_footer td ul{
	padding-top:10px;
	padding-left:10px;
}

#tmpl_footer li{
	background: url(http://assets.families.com/v2.0/images/global/inf_bullet.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	padding-left:10px;	
	margin-bottom:3px;
}


#tmpl_footer .column{
	float:left;
	width:255px;
	padding:0px;
	background-color:#FFF;
}

#tmpl_footer_ad{
	background-color:#FFF;
	width:1020px;
	clear:both;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}

#tmpl_subfooter{
	/* background: url(../../assets/v2.0/images/global/inf_shadow_bottom.jpg);background-repeat:no-repeat; */
	width:1020px;
	line-height:18px;
	padding-top:10px;
	padding-bottom:15px;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	color:#707070;
	clear:both;
}

#tmpl_subfooter_content{
	margin-top:15px;
}

#tmpl_subfooter a{
	color:#707070;
	font-size:9px;
}

#tmpl_subfooter a:hover{text-decoration:underline}	

#tmpl_subfooter_families,#tmpl_subfooter_families a{
	margin-top:3px;
	margin-bottom:10px;
	color:#707070;
	font-weight:bold;
	font-size:9px;
}

#tmpl_subfooter_copyright{
	font-size:9px;
	line-height:14px;
	font-style:italic;
	margin-bottom:10px;
	margin-top:10px;
	color:#707070;

}

/* MODULES *********************************** */

.module ul {margin-bottom:2px;margin-top:2px}
.module .thumb{float:left;margin-right:10px}
.module .links {clear:both;}
.module .more {font-style:italic;font-size:9px}
.module .description {margin-bottom:15px}
.module form{margin-bottom:30px}

.module .header {
	margin-top:20px;
	margin-bottom:12px;
	clear:both
}

.module .content{
	float:left; 
	margin-bottom:15px;
	overflow:hidden;
}

.module .titlebar {
	font-weight:bold;
	background-color:#ddd;
	padding:1px;
	padding-left:4px;
}

.module .meta {
	font-style:italic;
	font-decoration:underline;
	margin-left:10px;
	font-size:9px;
}

.module .links li{	
	background: url(http://assets.families.com/v2.0/images/global/inf_bullet.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	padding-left:10px;	
	margin-bottom:3px;
}

.subcol1{margin-left:5px}
.subcol2{margin-left:25px}
.subcol3{margin-left:25px}

/* MISC *********************************** */

.newline{clear:both}

.hbar{
	background-color:#908F8F;
	height:1px;
	clear:both;
	margin-top:5px;
	margin-bottom:15px;
	overflow:hidden;   			/*MSIE Hack*/
}

.vbar{
	background-color:#908F8F;
	width:1px;
	clear:both;
	overflow:hidden;   			/*MSIE Hack*/
}

.vgutter{
	clear:both;
	height:20px;
	margin-bottom:15px;
}

.hgutter{width:10px;}

.left{
	text-align:left;
	display:block;
	position:relative;
	float:left;
}

.right{
	text-align:right;
	display:block;
	position:relative;
	float:right;
}



/* SPECIFIC MODULE FORMATS *********************************** */

/* Articles & Discussions (same layout) */
#tmpl_articles, #tmpl_discussions {margin-top:10px;margin-bottom:5px;clear:left;width:300px;overflow:hidden;}
#tmpl_articles form, #tmpl_discussions form {margin-bottom:10px;padding-bottom:10px}
#tmpl_articles .search, #tmpl_discussions .search {width:200px;margin-left:5px}
#tmpl_discussions .subcol1, #tmpl_dateideas .subcol1 {width:110px}
#tmpl_discussions .subcol2, #tmpl_dateideas .subcol2 {width:110px}

/* Newsletter */
#tmpl_newsletter{margin-bottom:0px;padding-bottom:0px;margin-top:25px;width:300px;overflow:hidden}
#tmpl_newsletter .content {width:300px;background-color:#ddd;margin-top:1px; border:#908F8F 1px solid}
#tmpl_newsletter #email {width:250px;margin-bottom:4px}
#tmpl_newsletter table{width:270px;margin-left:10px;}
#tmpl_newsletter tr{height:25px}
#tmpl_newsletter td{font-size:9px;}
#tmpl_newsletter form{margin-bottom:0px;padding-bottom:0px}

/* Topic Tags */
#tmpl_tags {width:300px;overflow:hidden;clear:both;margin-top:20px}
#tmpl_tags .content{background-color:#E6DCD0;border:1px solid #828282;margin:0px}

/* Blog topics (subcategories) */
#tmpl_blogtopics {width:300px;overflow:hidden;clear:both;margin-top:20px}
#tmpl_blogtopics .content{overflow:hidden}

/* Blog archives */
#tmpl_blogarchives {width:300px;overflow:hidden;clear:both;margin-top:20px}
#tmpl_blogarchives .content{overflow:hidden}

/* Member Signup */
#tmpl_signup{margin-top:0px; padding-top:0px}
#tmpl_signup #header{padding-top:20px}
#tmpl_signup .name{font-weight:bold;color:#828282}
#tmpl_signup .content {
	width:300px;
	margin-top:1px; 
	border:#908F8F 1px solid;
	background: url(http://assets.families.com/v2.0/images/global/inf_signup_bkgnd.jpg);
}
#tmpl_signup table{width:270px;margin-left:10px;margin-bottom:5px}
#tmpl_signup tr{height:20px}
#tmpl_signup form{
	margin-top:6px;
	margin-bottom:0px;
	padding-left:3px;
	padding-top:2px;
}