/* CSS Document */

/* Title:  Designing With Technology */
/* Author: Krista Alette Ramberg */
/* Date Created: August 3rd, 2006 */
/* Notes: main.css */

/*---[Table of Contents]----------------------
	- body
	- container
	- date
	- banner
	- nav
	-
--------------------------------------------*/

body {
    margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #c2c2bd;
}

#container {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

/*--- Headings ---*/
#h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
}

/*--- Banner ---*/
#banner {
	 float: left;
	 margin: 0px;
	 padding: 0px;
	 width: 800px;
	 height: 281px;
	 background-image: url(banners/banner_1.png);
	 background-repeat: no-repeat;
}

/*---[ Main Navigation ]---*/

#nav, #nav ul {
	float: left;
	width: 199px;
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	background: #2882a0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	border: 1px solid #2882a0;
}

#nav ul.none {
	margin: 0px;
	padding: 0px;
	border: 0px; /* remover border from first ul */
}

#nav a {
	margin: 0px;
	padding: 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	width: 195px;
	padding: 3px 2px; /* Main Box Height and Width*/
}

/* First Level Links */
#nav li {
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 0px;
	width: 190px;
	border: 1px solid #2882a0;
}

/* Second Level Links */
#nav li ul {
	position: absolute;
	left: -999px;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 195px;
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
	margin: -15.0px 0 0 170px; /*second level drop down height, ?, ?, distance from first menu*/
}

#nav li:hover ul, 
#nav li.sfhover ul {
	left: auto;
}

#nav li:hover, 
#nav li.sfhover {
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #cedce6;
	color: #000000;
	width: 190px;
	border: 1px solid #cedce6;
}

/*--- Content Area ---*/
#content{
	 float: right;
	 width: 569px;
	 margin: 0px;
	 padding: 15px;
	 background-color: #f1f1f3;
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 12px;
	 color: #000000;
}

#content a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

#content a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2882a0;
	text-decoration: none;
	}

#content a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2882a0;
	text-decoration: none;
	}
	
	
/*--- Footer ---*/
#footer{
	float: left;
	width: 800px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}

#footer a {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	color: #000000;
 	text-decoration: none;
}

#footer a:hover {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	color: #e4ecf6;
 	text-decoration: none;
}