/* Recall, order of selectors reflects the order in which the html div's should be encountered in the file for the given layout. */
/* for wrapper, 950 px width assumes screen at least as big as 1024 x 768.*/

/*
--Where padding is desired in a div, recall that curving that div is not consistently managed by FF and IE8. Must include an innerDiv and put the content in it.
*/



/*(BEGIN) LAYOUT*/

/* #divWrapper (global css applied)*/
	#divHeader{
		/* Recall, this overrides global css applied to #divHeader. */
		position: relative;
		top: 0px;
		width: 100%;
		height: 300px;
	}
		#ssLogo{
			position: absolute;
			top: 240px;
			left: 50px;				
		}
	
	#divContent{
		position: relative;
		top: 30px;
		width: 100%;
	}
		body .innerDiv{
			padding: 20px;
		}		
		#webDatabaseTree{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 210px;
			height: 270px;
			overflow: hidden;
		}		
			#imgHierarchy{
				position: relative;
				top: 15px;
				left: 25px;
			}		
		#services{
			position: absolute;
			top: 0px;
			left: 245px;
			width: 210px;
			height: 270px;
			overflow: hidden;
		}
			#imgGears{
				position: relative;
				top: 47px;
				left: -20px;
			}		
		#email{
			position: absolute;
			top: 215px;
			right: 0px;
		}		
		#copyright{
			position: absolute;
			top: 245px;
			right: 0px;
		}
/*(END) LAYOUT*/


/*(BEGIN) COLOR*/
body{
	color: #FFF; /*whitish silver*/
	background-color: #111; /*black*/
}

#divWrapper{
}
	#divHeader{
		background-color: #42424B;
	}		
	#webDatabaseTree{
		color: #208BE1;
		background-color: #FFFFFF;
	}	
	#webDatabaseTree a{
		color: #208BE1;
	}	
	#services{
		color: #208BE1;
		background-color: #FFFFFF;
	}
	#services a{
		color: #208BE1;
	}	
	#email{
	}	
	#email a{
		color: #FFF;
	}
	#copyright{
	}
/*(END) COLOR*/


/*(BEGIN) FONTS*/
body{
	font-family: Tahoma, Geneva, sans-serif;
}

#divWrapper{
}
	#divHeader{
	}		
	#webDatabaseTree:hover{
		font-weight: bold;
	}	
	#services{
		line-height: 1.4em;
	}
	#services:hover{
		font-weight: bold;
	}
	#email:hover{
		font-weight: bold;
	}	
	#email a{
		font-size: .9em;
	}
	#copyright{
		font-size: .9em;
	}
/*(END) FONTS*/
