/* Much of the positioning parts of these styles are gratefully learned & adapted from 
Jeffrey Zeldman of www.alistapart.com
Owen Briggs of www.thenoodleincident.com
Holly & John at www.positioniseverythign.com
and Bluerobot.com */

/* Arranging the page */

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color : #000000; 
/* 	font-size: 12px; */
	background-color: #fff;  /* greygreen is 99aaaa*/
	margin: 0;
	padding: 0;
	}
	
/* specs for wrapper */
/* wrapper is used if we want to move the page to center it or something */	
/* it is the outside container for all pages */
#wrapper {
	position: absolute;  /* if this is relative, the wrapper moves l-r to center in viewport, damned if I know why */
	top: 0; left: 0; /* DHC asked for no 10 px top/left margins */
	width: 100%;
	margin: 0; /* top R bottom L */ 
	padding: 0;
	/* background-color: #fff; */
	height: 100%;
	}

/* specs for primary divisions */ 
#head_container { 
	position: relative;
	left: 0; top: 0;
	width: 817px; 
	height: 150px;
	margin: 0;
	padding: 0;
	/* background-color: #fff; */
	border-bottom: 1px solid black;
	z-index: 2;
	}
	* html #head_container { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		height: 150px; /* IE5.x/win = width+pad+bord */
		he\ight: 150px; /* IE6/win not in quirks; IE5/mac */
		}


#main_container { 
	position: relative;
	left: 0; top: 0;
	width: 800px;
	height: 100%; /* if this is set in pixels, sidebar @ 100% will match it. If "auto" then sidebar at 100% only fills what it must. Ditto if this is 100%*/
	margin: 0;
	padding: 0; 
	/* background-color: #fff; */
	}
	#head_container a, #head_container a:hover {
		background-color: #fff;
	}


/* specs for the 4 internal chunks */
#id_img { 
	position: absolute;
	left: 0; top: 0;
	width: 150px; /* img overflows by 1px in IE, pushing border over; and underlapping sidebar. HOWEVER, if both id_img and sidebar divs have this border, they line up. Funky-do! */
	height: 150px;
	margin: 0;
	padding: 0; /* -1 padding makes no never mind */
	border-right: 1px solid black;    
	border-left: 1px solid black;
	z-index: 1;
	}
	* html #id_img { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 152px; /* IE5.x/win = width+pad+bord */
		w\idth: 150px; /* IE6/win not in quirks; IE5/mac */
		height: 151px; /* IE5.x/win = width+pad+bord */
		he\ight: 150px; /* IE6/win not in quirks; IE5/mac */
		}

#headnav { /* contains Stone Logo & menu, although menu's in navwrap div */
	position: absolute;
	left: 154px; top: 0px;
	width: 665px; /* big enough to contain both logo and menu specced */
	margin: 0;
	padding: 0;
	font-size: 12px;
	/* background-color: #fff;  */
	}

#sidebar { /* use for local menus */
	position: absolute;
	left: 0; top: 0;
	width: 150px;
	height: 1000px;  
	min-height:80%; 
	margin: 0;
	padding: 0;
	border-right: 1px solid black; 
	border-left: 1px solid black; 
	z-index: 0;
	}
	* html #sidebar { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 152px; /* IE5.x/win = width+pad+bord */
		w\idth: 150px; /* IE6/win not in quirks; IE5/mac */
		}
	#newsticker { /* this div appears on home page only */
		position: relative;  
		left: 2px;
		top: -2px;
		width: 144px;
		height: 150px;  /* 100 px can hold 1 item; use more px if want it larger */
		overflow: hidden; 
		border: 1px solid #deba48;
		}
		#scrollme {
			width: 140px;
			height: auto;
			}
		#scrollme p {
			position: relative;
			top: 5px;
			padding-bottom: 15px;
			height: auto;
			width: 140px;
			}
			

#pagecontent { 
	position: absolute;
	left: 156px; top: 0; /* line this up with headnav div, +2 */
	width: 575px; /* can this be made more flexible and still be nicely readable? */
	height: auto;
	margin: 0;
	padding: 15px 0 0 15px; /* fluff over that text, baby */
	background-color: #fff; 
	}
	#pagecontent img.illo { /* imgs used to illustrate text */
		position: relative;
		float: right;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
#bread { /* location of breadcrumb trail if we have one (this div is inside page content right now) */
	position: relative;
	left: 152px; top: 95%;
}
/* various other div positions and all that */
#logo {
	width: 649px; /* in IE, 'auto' goes to the viewport edge; in Moz, this goes to the width of the navbar div or its contents */
	height: 59px;
/*	margin: 0 0 0 0; 
	padding: 0; */
	background-color: #fff;

}
	#logo img {
		margin-top: 20px;
		margin-left: 13px;
	}

#navwrap {
	position: absolute;
	left: -2px; top: 93px; /* set top to push this down to rule */
	width: 665px;
	height: 55px; /* sum the height of the first 2 nav ul rows */
	margin: 0;
	background-color: #5D2C4D; /* Stone's deep eggplant */  
}

/* color specs for sidebar divs */
div#sidebar.corp { 
	/*background-image: url("../images/bg-corp.gif"); 
	background-repeat: repeat-y; */
	background-color: #be9a28; /* (ochre=#be9a28, teal=#245549) */
	}
div.gsa { 
	/*background-color: #548579;  alternate teal */
	background-image: url("../images/bg-gsa.gif"); /* IE6x needs the img to show the color. ~rollseyes~ */
	background-repeat: repeat-y; 
	}
	div#sidebar.gsa ul{ 
	background-color: #548579; /* alternate teal */
	}


div.fif { 
	background-image: url("../images/bg-fif.gif"); 
	background-repeat: repeat-y; 
	/* background-color: #738c1f; */
	}
div.aim { 
	background-image: url("../images/bg-aim.gif"); 
	background-repeat: repeat-y; 
	}
div.isd { 
	/* background-color: #468c53; */
	background-image: url("../images/bg-isd.gif"); 
	background-repeat: repeat-y; 
	}
div.ir { 
	background-image: url("../images/bg-ir.gif"); 
	background-repeat: repeat-y; }
div.ww { 
	background-image: url("../images/bg-ww.gif"); 
	background-repeat: repeat-y; 
	}


/* misc border specs */
a img, a.linkintext img, a:hover img, a:hover.linkintext img {
	border: none; 
	border-bottom: none; 
	text-decoration: none;
	}

/* non-text positionings */
img#gsaContract {
	width: 150px;
	height: 45px;
	padding: 5px 0;
	}

a.imglinktogsa {
	margin-top: 100px;
	display: block;
	width:150px;
	height: 55px;
	}	
	a.imglinktogsa:hover {
	background-color: #548579;
	}