body {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: smaller;
	behavior: url("/csshover2.htc");	/* Allows hover effects in IE 6 */
	background-color: #D8EDDD;
	text-align: center;
}

#container { 	/* ----------------------------------------- CONTAINER */
	width: 760px;
	margin: auto;
	padding: 0;
	text-align: left;
	background-color: white;
}

#header {  		/* ----------------------------------------- HEADER */
	border: 0px solid black;
	margin: 0 0 0 0;    /* top right bottom left */
	padding: 0 0 0 0;
	background-color: #D8EDDD;
	background-image: url(/img/logo_no_nav.gif);
	background-repeat: no-repeat;
	height: 128px;
}

#footer {		/* ----------------------------------------- FOOTER */
	margin: 0px 0 0 0;	/* top right bottom left */
	clear: both;
	background-color: lime;
	background: #ffcd47 url(/img/bg_surveyfooter.gif) top repeat-x;
}

	#footer #logo_parenting{
		margin: 12px 0;
		margin-left: 25px;
	}

	#footer .footnav {
		float: right;
		margin-top: 22px;
		margin-right: 40px;
		font-size: 10px;
	}

	html>body #footer .footnav{
		margin-right: 80px;
	}

form {    		/* ----------------------------------------- FORM / PAGE CONTENT */
	margin: 0 0 0 0;
	padding: 0px 15px 15px 15px;
}

	table {	/* virtually all tables are border=0 cellpadding=0 cellspacing=0 */
				/* so let's set them that way here instead of specifying the same */
				/* attributes every time! */
		border: 0; 				/* border = 0 */
		border-spacing: 0;	/* cellspacing = 0 */
		padding: 0;				/* cellpadding = 0 */
		border-collapse: collapse;
	}
	
	p {		/* ensures that paragraph margins remain consistent in FF and IE */
		margin: 13px 0;
	}

	p.question {
		font-weight: bold;
		line-height: 1.4em;
	}
	
	span.highlight {	/* highlighted text, use this instead of blue/red text :) */
		background-color: #FFBA4F;	
		padding: 2px 4px;
		line-height: 1.5em;
		white-space: nowrap;
	}

	p.error {			/* inline error - inserted at "<%=g_pageError%>" on every page */
		/*background-color: yellow;
		border: 1px solid red;
		padding: 4px 4px 4px 6px;
		font-weight: bold;*/
		border-top: 2px solid  #FFD100;
		border-bottom: 2px solid  #FFD100;
		background-color: #FFF29F;
		padding: 5px 10px 4px 32px;
		background-image: url(/img/error_icon.gif);
		background-repeat: no-repeat;
		background-position: left;
		/*background-color: yellow;
		border: 1px solid red;
		padding: 4px;
		font-weight: bold;*/
	}
	
	p.warning {			/* inline warning - inserted at "<%=g_pageWarning%>" */
		border-top: 2px solid  #24b300;
		border-bottom: 2px solid #24b300;
		background-color: #b2ff9f;
		padding: 5px 10px 4px 32px;
		background-image: url(/img/warning_icon.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
	
	div#nav {	/* contains the next and previous question buttons */
		float: left;
		margin-top: 15px;
		margin-bottom: 10px;
		width: 240px;
	}

		input.back {	/* previous question button */
			float: left;
		}

		img.back {	/* previous question button */
			float: left;
			border: 0;
		}

		input.next {	/* next question button */
			float: right;
		}
		
	tr.ans:hover {		/* creates the highlight when hovering over an answer */
		background-color: #C9D5DF;
	}
		
					/* ----------------------------------------- FORM CONTROLS */
					
	input {
		margin: 0;
		padding: 0;
	}
	
	input.text {
		padding: 1px;
		vertical-align: middle;
	}
	
	label {
		display: block;
		padding: 2px 5px 2px 3px;
	}

	td.checkbox {		/* td containing a checkbox */
		padding: 1px 2px 0 4px;
	}
	
		td.checkboxother {
			padding: 1px 0 0 4px;
		}

	td.radio {		/* td containing a radio button */
		padding: 1px 2px 0 4px;
	}
	
		td.radioother {	/* td containing a radio button for an other selection */
			padding: 1px 0 0 4px;
		}
	
	td.label {		/* td containing a label */
		/*padding-top: 1px;*/
	}
		
		td.labelother {	/* td containing a label */
		}
	
	input.other {	/* textboxes for "other" selections */
		margin: 1px 5px 3px 2px;
		padding: 1px;
	}
					
				/* ----------------------------------------- MISC CONTROLS */

	td.textlabel {
		text-align: right;;
		padding: 0 5px 0 0;
	}
		
	td.textbox {
		padding: 4px 3px;
	}
	
	span.smaller {
		font-size: smaller;
	}
	
	tr.alt {
		background-color: #efefef;
	}