/* Validated February 26, 2010
	Strategic Internet Group, Inc.
	sig.css 
	*/

	/****************************  First Reset CSS   ***********************/
	
 html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
	
	
	/****************************   Now Start Styles   ***********************/
	
	body {				
	
		font-family:	Verdana, Geneva, Arial, sans-serif;
		font-size: medium;
		font-size: 90%; 
		margin: 0;
		padding: 0;
		border: 0;		/* IE6 Fix: Remove viewport border */
		width: 100%;
		background: #ffffff;	/* White */
		min-width: 600px; /* Minimum width - remove line if not needed */
	}
	
	#iphonelogo {
		display:	none;		/* Turn off Mobile logo */
	}

		
	a {
		color:#336699;		/* Blue */
		text-decoration: none;	/* Don't underline links */
		
	}
	a:hover {
		color:#ffffff;		
		background:#336699;	/* White text on Blue */
		text-decoration:none;
	}
	h1, h2, h3{
		margin:.8em 0 .2em 0;
		padding:0;
		font-weight: bold;
				
	}
	h2 {
		letter-spacing: 2px;
		font-style: italic;
		font-size: 140%;
		border-bottom: 2px solid #9d9d9d;
		
	}
	
		
	h3 {
		letter-spacing: 2px;
		color:  brown;
		font-style: italic;
		font-size: 120%;
		
	}
	
	h4	{
		color: brown;
		margin: .8em 0 0 0;		 
		font-weight: bold;
	}
	/* Change text color above column 2 */
	#col2title{						
		color: black;
		margin: .8em 0 0 0;		 
		font-weight: bold;
		padding-left: 1em;
	}
	
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		line-height: 130%; 
		
	}
	img {
		margin:2px 0 2px;	/* Space around images - Was 10,0,5,0 */
		border-top: 1px groove #666666;
		border-bottom: 1px groove #666666;
		border-left: 1px groove #666666;
		padding: 5px;
	}
	
	ul {
		list-style-type: circle;
	}
	
	li {
		margin-top: 1.8px;
	}
/****************************   End Basic Styles   *****************/

/*********************** Start Header & Tab styles ******************/
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color: #c3c3c3;  
		background-image: url(images/graygradient.jpg);
		
	}
	#header {
		border-bottom:1px solid #000000;   /* Black line @ header bottom */
	}
	#header p,
	#header h1,
	#header h2 {
		padding-top:	.4em;
		padding-right:	15px;
		padding-bottom:	0px;  /*  Space below logo - originally 0px */
		padding-left:	15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {			/* Let a list item generate an inline box */
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#ffcc33; /* Tab Background Color */
		color:#000000;		/* Tab text color */
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}


	/* Tab color is white on Blue when hovering */
	#header ul li a:hover {		
		background:#336699;
		color:#ffffff;
	}
	/* .. Or white on black if active or hovering on active tab */
	#header ul li a.active,
	#header ul li a.active:hover {	
		color:#ffffff;
		background:#000000;
		font-weight:bold;
	}
	#header ul li a span {		/* Creates horizontal menu (2) lines that */
		display:block;		/* ..stays horiz. when window shrinks */
	}
	
	/*********************** End Header styles *************************/
	
	/* Today's Date */
	#bordermsg {				/* Top Border Line  */
		clear:both;
		background:#ffcc33;
		border-top:4px solid #000000;
		font-size: 80%;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
		
		
	}
/******** Start column styles ****************************************/
	.colmask {
		position:relative;		/* Fixes IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	/* end common column settings */

	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	
	.weather {
		margin-left: 2%;	
		text-decoration: none;
		line-height: 1.3em;
	}
	
	h3.weather {					/* only apply to h3s in the weather class */
		margin-left: 5%;
	}
	
	.weather li:nth-child(2n+1) {background-color: #deb887;}
	/* change background color every other row, starting at row 1 deb887 */
	
	

	
	/*  Column settings */

	.rightmenu {
		background:#c3c3c3;	/* Rcol background color was 9d9d9d*/
		background-image: url(images/graygradient.jpg);
	}
	.rightmenu .colleft {
		right:25%;		/* Rcol width */
		background:#ffe6a2;	/* L column background color */
	}

/************ left column content width = (Lcol width) - (L+R padding) */
	.rightmenu .col1 {
		width:71%;		
		left:27%;		/* (Rcol width)+(Lcol left padding) */
	}



/* right col.content width = (Rcol width) - (L+R padding) */

	.rightmenu .col2 {
		width:21%;		
		left:31%;	/* (Rcol width)+(Lcol L&R padding)+(Rcol left padding) */
	}
	
	
/**************** Style Footer Box ************************/
	#footer {
		clear:both;
		background:	#ffcc33;
		float:left;
		width:100%;
		border-top:1px solid #000000;
		
		
	}
	
/********  Style Footer Text  ****************************/
	#footer p {
		padding:	10px;
		margin:		0;
		font-size: 	75%;	
		
		
	}