@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
	background-color: #FEF6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18 */
	}

#container {
	width: 910px;  
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #fff;
	border: solid 1px black;
	background-image:url(images/main-logo-background.gif);
	background-repeat:no-repeat;
	background-position:right 130px;
	position:relative;
	}
	
#header {
		border-bottom: 5px #000 solid;
		width: 910;
		height: 135px;
		background-image:url(images/header.gif);
	}	

#survey { padding: 15px 0px 0px 710px;	}

#content {
	width: 910px;
	height:auto;
}

#content p {line-height: 2em;}
	
#secondarycopy	{
	width: 500px;
	height:auto;
	margin-left: 50px;
	margin-top:20px;
	}

#homecopy	{
	width: 500px;
	height:auto;
	margin-left: 50px;
	margin-top: 30px;
	}
	
#left {float:left; }

#homecopy{
	width: 500px;
	height: auto;
	}
	
#secondarycopy{
	width: 500px;
	height: auto;
	margin-bottom: 10px;
	}
	
#maincontent {
	width: 600px;
	height:auto;
	float: left;
	}

#maincontent li{padding-top: 20px;}

.word1  { font-size: 2em;}

img.title{
	margin: 25px 0 0 50px;
	display: block;
	}

img.cindy {
	margin: 25px 0 0 50px;
	width: 200px;
	height:250px;
	display: block;
	}

h1 { padding: 10px 0px 0px 0px;
	margin:10px 0px 0px 0px}
	
	h3 { color: #2d3a90;}

.zuff {	font-size: 70px; }

.web { font-size: 50px; }

/* --- Navigation -----*/	
ol#nav {
    list-style: none;
    margin: 0;
    padding: 0;
	float:left;
	}

ol#nav li {padding: 15px 0px 0px 25px;}
		
/* ----- End Navigation ---*/

a:link { color:#2d3a90; }
a:visited {color: #2d3a90; }
a:hover { color: #ff701b; }

#clear { clear: both;}
	
#footer {
	background-image:url(images/footer2.gif);
	background-repeat: repeat-y;
	width: 910px;
	height:40px;
	border-top: solid 5px #000;
	}

#footer a:link { color:#000000; }
#footer a:visited {color: #662f91; }
#footer a:hover { color: #f50221; }

#footer ul {
	margin: 0;
	padding: 0 0 0 130px;
	width: 900;
	list-style: none;
	font-size: .85em;
	}
	
#footer li {float: left; 
	padding-left: 20px;
	padding-top: 10px;
	vertical-align:middle;
	}
		
#footer .last {	font-size: .7em;}

#footer .last a {text-decoration: none;}

/*-------- eliminate link or image outlines -----*/
:link img { border: none;}
img {border: none;}
a {outline: none;}