/*
STYLESHEET FOR: Foresight
AUTHOR: Rick Khanna, Mopdog Creative + Strategy, rick@mopdog.com, rkhanna1@gmail.com
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

@import url("reset.css");


body {
	background:#696969 url(../images/bg.png) left top repeat-x; 
	font-family:"Tahoma","Microsoft Sans Serif", Arial, sans-serif;
	padding-bottom:40px;
	font-size:62.5%;
	}
	
.clear {clear:both}
.indent {margin-left:15px}
.needed {font-size:14px; color:red!important; font-weight:bold; text-transform:uppercase;}



/*
Colors:
Orange: #de9625
Green: #779804
*/


/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/

#wrapper {width:969px; background-color:#fff; margin:0 auto 40px; height:auto; }
	
#header {
	position:relative;
	width:969px; 
	height:92px;
	background-color:#fff;
	}
	
#subhead {
	position:relative;
	width:960px; 
	overflow:visible;
	clear:both;
	z-index:4;
	}
	
#content {
	clear:both;
	width:969px;
	background:url(../images/fauxcol.gif) left top repeat-y;
	min-height:400px;
	height:auto !important;
	height:400px;
	}
	
	
#col-left {
	width:217px;
	float:left;
	height:auto;
	background:#dfdac1;
	padding-bottom:15px;
	}
	
/*wide right column*/	
#col-rightwide { 
	position:relative;
	float:left;
	width:752px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:9px 0 25px;
	}
	
	/*homepage column only*/
	#col-righthome { 
		position:relative;
		float:left;
		width:752px;
		min-height:400px;
		height:auto !important;
		height:400px;
		}
	

#footer {
	position:relative;
	width:969px; 
	clear:both; 
	height:auto;	
	background-color:#bdb58f;
	}



/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

#logo {
	position:absolute;
	top:9px;
	left:14px;
	width:199px;
	height:72px;
	}
	
.illustration {
	 display:block; 
	 /*position:absolute;
	 top:-16px;
	 right:0;
	 z-index:0;*/
	 margin:-16px 0 0 9px;
	 float:left;
	 }
	 
#tagline {
	position:absolute;
	right:43px;
	top:36px;
	}
	
#toplinks_container {position:absolute; top:0; right:0;}
	a#for-hc {float:left; background-color:#eee; color:#c1c1c1; font-size:12px; padding:2px 6px 5px; display:block; text-decoration:none;}
	a#for-business {float:left; background-color:#eee; color:#666; font-size:12px; padding:2px 6px 5px; display:block; text-decoration:none;}
	.topactive {background-color:#668305!important; color:#fff!important}	

	 
/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

/*=======left bar==========*/

.orangebar {
	background-color:#de9625;
	/*padding:7px 12px 0;*/
	margin:9px;
	height:40px;
	line-height:40px;
	padding:0 12px;
	color:#fff;
	font-size:16px;
	}
	
		
	p.featured {
		color:#333333;
		font-size:12px;
		line-height:1.5em;
		margin:0 20px 15px;
		}
		

		
/*-------featured content--------*/

#col-left strong {
	color:#779804;
	font-size:16px;
	line-height:1.3em;
	}
	
	#col-left a.more {color:#666;}
	#col-left a.more:hover {color:#fff;}
	


	
/*=====homepage=========*/


#greenbar {
	background-color:#779804;
	/*padding:7px 12px 0;*/
	padding:0 12px;
	margin:9px;
	height:40px;
	line-height:40px;
	position:relative;
	}
	
	#greenbar h1 {
		color:#fff;
		font-size:19px;
		}


#right_container {
	width:210px;
	float:right;
	margin:0 9px 20px;
	}
		
#news {display:block; background-color:#e0dac1;	padding:4px 0 8px; margin-bottom:15px;}
	#news h1 {font-weight:normal; color:#fff; background-color:#948c65; font-size:16px; margin:0 4px 8px!important; padding:3px 9px;}
	#news p {color:#333; font-size:12px; margin:5px 14px 0!important; padding:0 0 5px 0; overflow:hidden; line-height:1.5em; border-bottom:1px dotted #948c65;}
		#news p.last {border:none}
	#news a {color:#333; text-decoration:none; }
	#news a:hover {color:#fff;}
	.date {font-size:0.9em; color:#9F9777;}
	
	

	
	p.homecontact {
		font-size:12px;
		margin:0 8px 15px;
		padding-bottom:100px;
		color:#333333;
		line-height:1.4em;
		}
		
	p.homecontact a {color:#789804}
	
		
#col-righthome h2 {
		font-size:1.6em;
		color:#de9625;
		margin:0 20px 8px; 
		display:block;
		line-height:1.5em;
		padding-bottom:3px;
		font-weight:bold;
		} 




		
		
#col-rightwide h1 {
	margin:0 20px 10px; 
	display:block;
	font-size:2.2em;
	line-height:1.5em;
	color:#5b8829;
	font-weight:normal;
	border-bottom:1px dotted #999999;
	padding:3px 0 10px;
	}
	
	
	#col-rightwide h2 {
		font-size:1.6em;
		color:#de9625;
		margin:30px 20px 8px; 
		display:block;
		line-height:1.5em;
		border-bottom:1px dotted #999999;
		padding-bottom:5px;
		} 
		
		.win.gecko #col-rightwide h2, .ie6 #col-rightwide h2, .chrome #col-rightwide h2 {
			font-size:1.6em;
			color:#de9625;
			margin:30px 20px 8px; 
			display:block;
			line-height:1.5em;
			border-bottom:1px dotted #999999;
			padding-bottom:5px;
			font-weight:bold;
			} 
		
			#col-rightwide h2 a:link {color:#de9625; background:url(../images/arrow-right.png) right 4px no-repeat;	padding-right:20px;}								
			#col-rightwide h2 a:visited {color:#de9625; background:url(../images/arrow-right.png) right 4px no-repeat; padding-right:20px;}
			#col-rightwide h2 a:hover {color:#779804; text-decoration:none;}
			#col-rightwide h2 a:active {background-color:#ddd; color:#000;}
		
	#col-rightwide h3 {
		font-size:1.4em;
		color:#779804;
		margin:0 20px 8px; 
		display:block;
		line-height:1.5em;
		} 
		
		.win.gecko #col-rightwide h3, .ie6 #col-rightwide h3, .chrome #col-rightwide h3 {
			font-size:1.4em;
			color:#779804;
			margin:0 20px 8px; 
			display:block;
			line-height:1.5em;
			font-weight:bold;
			} 
	
	#col-rightwide p, #col-righthome p {
		/*font-size:12px;*/
		font-size:1.2em;
		margin:0 20px 15px;
		color:#333333;
		line-height:1.5em;
		}
		
	#col-rightwide ul {padding-left:20px; list-style-image:url(../images/boxonwhite.gif); margin-bottom:15px;}
	#col-rightwide li {
		font-size:12px;
		margin:0 20px 6px;
		color:#333333;
		line-height:1.5em;
		}
		
#col-rightwide a:link {color:#779804;}
#col-rightwide a:visited {color:#779804;}
#col-rightwide a:hover {color:#9ABF17;}
#col-rightwide a:active {background-color:#de9625; color:#fff;}
	
	
.hr {height:1px; border-top:#787878 dotted 1px; margin:20px 15px;}

.hrhome {height:1px; border-top:#787878 dotted 1px; margin:20px; width:500px;}
	
sup {line-height:1; font-size:70%}
	
a.link {color:#699c31; border-bottom:1px #666 dotted; text-decoration:none; font-weight:bold;}
a.link:hover {text-decoration:none; border:none}


/*  RELATED TOPICS BOX  */
#related {
	display:block; 
	background-color:#e0dac1;
	border:1px solid #CFC7A8;	
	padding:4px 0 8px; 
	margin:0 15px 15px; 
	float:right;
	width:220px;
	}
	#related h1 {font-weight:normal; color:#fff; background-color:#948c65; font-size:16px; margin:0 4px 8px!important; padding:3px 9px;}
	#related p {color:#333; font-size:12px; margin:5px 14px 0!important; padding:0 0 5px 0; overflow:hidden; line-height:1.5em; border-bottom:1px dotted #948c65;}
		#related p.last {border:none}
	#related a {color:#333!important; text-decoration:none; }
		#related a:hover {color:#fff!important;}
	
	.desc {font-size:10px; color:#9F9777; line-height:1.4em;}


	
strong.color {color:#fcb034;}

.contentblock {
	width:auto;
	padding:10px 0;
	border:1px solid #787878;
	margin:0 15px 15px;
	background-color:#FFFCEF;
	}
	
	.contentblock ul {
		margin:0 15px;
		list-style-type:none;
		}
	
	.contentblock li {
		font-size:11px;
		color:#787878;
		padding:10px 0;
		/*margin-bottom:20px;*/
		border-bottom:1px dotted #787878;
		}
		
	.blocklink:link {color:#699c31; text-decoration:none; border-bottom:1px #666 dotted;}
	.blocklink:visited {color:#699c31; text-decoration:none; border-bottom:1px #666 dotted;}
	.blocklink:hover {text-decoration:none; border-bottom:none;}
	.blocklink:active {text-decoration:none; border-bottom:none;}
		
ul.productlist {
	margin:0 15px 15px;
	}
	
	ul.productlist li {
		font-size:11px;
		line-height:16px;
		color:#787878;
		margin:0 35px 10px;
		}
		
#validation_table {
	width:700px;
	font-size:1.2em;
	color:#787878;
	line-height:16px;
	display:block;
	margin:15px;
	}
	
	#validation_table th {
		padding:10px 15px;
		border-bottom:2px dotted #787878;
		text-align:center;
		}
	
	#validation_table td {
		padding:10px 15px;
		border-bottom:2px dotted #787878;
		text-align:center;
		}
		
	.header {background-color:#fcb034; color:#fff}	
	.alt {background-color:#FFECCF}
	
p.backtotop {text-align:right; margin-bottom:10px;}

.relationships-table {
	font-size:1.2em;
	color:#333333;
	line-height:19px;
	display:block;
	margin:15px 20px;
	width:600px;
	}
	
	.relationships-table td {
		padding-right:20px;
		width:300px;
		}
		
.logo-table {
	font-size:1.2em;
	display:block;
	margin:15px 20px;
	}
	
	.logo-table td {padding:0 50px 30px 0;}
	
	
.title {
	font-size:1.1em;
	color:#666666;
	letter-spacing:2px;
	}



/*=====forms=========*/




/* Login form */

#normal-login {
	margin:15px 20px;
	background-color:#efefef;
	border:1px solid #CFCFCF;
	width:450px;
	}

#normal-login input.textfield {
	padding:4px;
	width:150px;
	font-size:14px;
	font-weight:bold;
	}
	
#normal-login label {
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	}
	
#normal-login table {
	display:block;
	margin:15px 15px 0 15px;
	}
	
#normal-login a {
	font-size:1.1em;
	}
	
#normal-login td {
	padding:0 30px 10px 0;
	}

.button {
	padding:4px 8px;
	background-color:#de9625;
	color:#fff!important;
	border:1px solid #BF872F;
	text-decoration:none;
	}
	
	.button:hover {background-color:#EFB559}


/*====================================================================
=======================  5. FOOTER  ==================================
=====================================================================*/

.footer {
	line-height:14px;
	font-size:1em;
	color:#EFECE0;
	border-top:1px solid #AFA36D;
	padding:10px 15px;
	/*margin-bottom:50px;*/
	}
	
	.footer a {font-weight:bold; text-decoration:none; color:#EFECE0}
	.footer a:hover {color:#fff;}
	
/*.textsize {
	color:#CFCFCF;
	font-size:11px;
	position:absolute;
	bottom:-20px;
	right:0px;
	}
	
	.textsize a {
		background-color:#5F5F5F;
		padding:2px 3px;
		text-decoration:none;
		color:#CFCFCF;
		}
		
	.textsize a:hover {color:#fff}	*/
	
.copyright {
	color:#CFCFCF;
	font-size:11px;
	position:absolute;
	bottom:-20px;
	left:0px;
	}
	
	
.fontResizer {
	color:#CFCFCF;
	font-size:11px;
  	display: block;
	position: absolute;
	bottom:-20px;
	right:0px;
}
.fontResizer a {
  display: block;
  float: left;
  width: 17px;
  height: 17px;
  text-align: center;
  /*border: 1px solid #ccc;*/
  line-height: 15px;
  color: #ddd;
  text-decoration: none;
}
.fontResizer a:hover { color: #000; text-decoration: none; }
/* The following control the way the font-resizer links appear only */
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #3F3F3F; }

.fontResizer p {float:left; margin-right:5px;}