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

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(../images/bg-body.jpg);background-repeat:repeat-x;
	/* background-color:#E8F6BC; */
} 

#tmpl_container_outter{
	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 #cc0000 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; 

}

/* 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(../images/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{
	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(../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;
}