/* Main layout styles */
body {
	padding: 0;
	margin: 0;
	background: #ffffc1;
}

#mainContainer {
	margin: 0 auto;
	padding: 0;
	width: 700px;
}

#headerContainer {
	margin: 0;
	padding: 0;
	background-image: url(../images/header-bg.png);
	border: 0;
	color: #000000;
	width: 700px;
	height: 125px;
}

#headerContainer h1{
	text-indent: -9000px;
	margin: 0;
	padding: 0;
	border: 0;
}

#navContainer {
	margin: 0;
	background-color: #12f508;
	height: 33px;
	position: relative;
	border: 1px solid black;
	border-top: 0;
}

#contentContainer {
	margin: 0;
	padding: 3px;
	background-color: #FFFFFF;
	border-right: 1px solid black;
	border-left: 1px solid black;
	font: 1.0em/1.5em 'Calisto MT', georgia, 'times new roman', serif;
}

#footerContainer {
	margin: 0;
	padding: 3px;
	background-color: #fd13c7;
	border: 1px solid black;
	padding-top: 15px;
	clear: left;
}

#footerContainer h1 {
	color: black;
}
#footerContainer .right {
	float: right;
	width: 300px;
	text-align: center;
}

#footerContainer .left {
	margin: 3px 350px 3px 15px;
	font-size: 1.2em;
}

#footerContainer #spacer {
	clear: both;
	width: 100%;
}

/* DISPLAY */
h1 {
	font-size: 1.6em;
	margin: 2px 0 8px 2px;
	padding: 0;
	color: #fd13c7;
	border-bottom: 1px dashed #C0c0c0;
}

h2 {
	font-size: 1.3em;
	margin: 2px 0 4px 2px;
	padding: 0;
	color: #ff7000;
}

h3 {
	font-size: 1.1em;
	margin: 2px 0 4px 2px;
	padding: 0;
	color: #ff7000;
}

img {
	margin: 3px;
	border: 0;
}

p {
	margin: 0 10px 4px 10px;
	padding: 0;
}

ul {
	list-style: none;
}

ul li h3 {
	margin: 8px 0 0 0;
	padding: 0;
}

ul li p {
	margin: 0;
	padding: 0;
}

#needs {
	width: 440px;
}
#needs li h3 {
	position: relative;
	left: -27px;
	background-image: url(../images/icon_needs.gif);
	background-repeat: no-repeat;
	padding-left: 27px;
}


.b {
	font-weight: bold;
}

#summer table {
	border: 1px solid black;
	border-collapse: collapse;
	margin: 5px auto;
}

#summer table td, #summer table th {
	border: 1px solid black;
	padding: 2px 5px;
	text-align: left;
}

#summer table th {
	background-color: #d7d7d7;
}

/* LINKS LIST */

#footerLinks {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 250px;
	border: 1px solid #000000;
}
#footerLinks h1{
	margin: 0;
	color: #FFC4F1;
	padding-left: 2px;
	background-color: #b10D8A;
	border: 0;
}

#footerLinks ul{
	font: 1.1em arial;
	margin: 0;
	padding-left: 0;
	list-style: none;
	background-color: #333333;
}


#footerLinks li a{
	display: block;
	padding: 2px 2px 2px 27px;
	background-color: #FF89E3;
	height: 25px;
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	border-top: 1px solid #000000;
}

#footerLinks a:link, #footerLinks a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

#footerLinks a:hover{
	color: #000000;
	background-color: #FFC4F1;
}


/* NAVIGATION */
.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px; /* Width of Menu Items */
	w\idth: 698px; /* IE bug */
	}

.nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 138px;
	height: 31px;
	position: relative;
	}
	
.nav li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 31px;
	list-style: none;
	display: none;
	float: none;
	width: 138px;
	z-index: 3;
	}

/* Styles for Menu Items */
.nav li a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-family: verdana;
	font-size: 19px;
	color: white;
	background-color: #12f508;
	padding: 5px;
	border: 0 none;  /*IE6 Bug */
	}
	
.nav li ul li{
	height: auto;
	margin-top: 0;
	padding: 0;
}
	
.nav li ul li a {
	background-color: #ff7000;
	color: #2c2c2c;
	margin: 0;
	font-size: 15px;
	text-align: left;
	border: 1px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
		
.nav li:hover ul, li.over ul { display: block; } /*  The magic */
.nav li:hover a, li.over a { color: yellow; }
.nav li:hover li a, li.over li a { color: #2c2c2c; }

.nav li a:hover{  
	color: #f5f508;
}

.nav li ul a:hover {
	color: #2c2c2c;
}