.floatleft, .left {
	float: left;
}

.floatright, .right {
	float: right;
}

.clear {
	clear: both;
}


/*------ main site area layout styles ------*/

#topbar {
	font-size: 1px;
	background-image: url('images/topbg.gif');
	width: 774px;
	height: 32px;
	background-repeat: repeat-x;
}

#maincontent {
	background: #ecf3ec;
	background-image: url('images/contentfold.gif');
	background-repeat: no-repeat;
	padding-bottom: 25px;
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	width: 505px;
}

.indent {
	padding: 5px 25px;
}

#menucolumn {
	width: 192px;
	float: left;
	margin: 150px 0px 20px 4px;
	border: 3px solid white;
	position: relative;
	z-index: 10;
}

#menu {
	background: #c9deca;
	background-image: url('images/menufold.gif');
	background-repeat: no-repeat;
	padding: 55px 25px 35px 25px;
	font-size: 110%;
}

#menubottom {
	background: #dfebdf;
	height: 20px;
	border-top: 1px solid white;
	font-size: 1px;
}

#footer {
	clear:left;
	margin-left: 70px;
	padding-top: 50px;
}

#menulogo {
	background-image: url(images/menulogo.gif);
	background-repeat: no-repeat;
	width: 114px;
	height: 136px;
	position: absolute;
	top: 78px;
	left: 47px;
	font-size: 1px;
	z-index: 20;
}

#titleandlogos {
	float: left;
}

/*------ questionnaire layout styles ------*/

#formsubmit {
	border-top: 3px solid white;
	padding: 20px 35px 15px 35px;
	background: #f1dbf3;
	clear: left;
}

.formblock {
	border-top: 3px solid white;
	padding: 7px 35px 5px 35px;
	background: #e4eee4;
	float: left;
	width: 450px;
}

.section {
	background: #ebcbee;
	color: #5c0662;
	font-weight: bold;
	padding: 6px 30px;
	border-top: 4px solid white;
}

.question {
	background: #dae8da;
	color: #217329;
	font-weight: bold;
	padding: 6px 30px;
	border-top: 4px solid white;
}

.answer {
	line-height: 1.9em;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 455px;
}

.answer input {
	position: relative;
	top: 2px;
}

.formrow {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.formcol1 {
	width: 150px;
	float: left;
}

.formtextcol {
	margin-right: 10px;
	margin-top: 5px;
	width: 105px;
	float: left;
}

.inputformcol {
	float: left;
}

/*------ admin branding layout styles ------*/

#admintopbar {
	background-color: #a03092;
	height: 10px;
	border-top: 1px solid #be76b8;
	border-left: 1px solid #be76b8;
	border-right: 1px solid #5e1d57;
	border-bottom: 1px solid #5e1d57;
	font-size: 1px;
}

#admintopbarshadow {
	background-image: url('../images/admin-top-bar.gif');
	height: 4px;
	font-size: 1px;
}

.admin {
	background-color: #cdd5e0;
	color: #2d3c5d;
}

.admin *, .adminpopup * {
	font-family: Verdana, Helvetica, sans-serif;
}

.adminpopup {
	margin: 10px;
}

#adminlogos {
	background-color: white;
	padding: 10px 0px;
	border-bottom: 1px solid #607ca1;
}

#headerwhiteline {
	border-top: 1px solid white;
	height: 15px;
	font-size: 1px;
}

#loginwelcome {
	margin-top: 30px;
}

.logintext {
	width: 250px;
	padding-left: 30px;
}

.logintext hr {
	color: white;
	background-color: white;
	border-top: 1px solid #637aa3;
	height: 2px;
	margin: 20px 0px 15px 0px;
}

#adminlogin {
	border-left: 1px solid white;
	border-right: 1px solid #7a90a8;
	border-bottom: 1px solid #7a90a8;
	float: left;
	width: 400px;
	padding: 20px 30px;
	background-color: #c4ccd7;
	border-top: 12px solid #7a90a8;
}

#loginbox {
	margin-top: -80px;
	margin-left: 40px;
	float: left;
	padding: 3px;
	filter: shadow(color:gray, strength:3, direction:135);
}

/*------ admin menu layout styles ------*/

div#admincontent {
	width: 500px;
}

div#adminnav {
	border: 1px solid #b7b7b7;
	border-width: 1px 1px 0px 0px;
	margin-right: 20px;
	width: 150px;
}

div#adminnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#adminnav ul li div {
	background-color: #e6e6e6;
	border-top: 1px solid white;
	border-bottom: 1px solid #9f9f9f;
	padding: 2px 8px;
	width: 150px;
}

div#adminnav ul li div a {
	text-transform: uppercase;
	font-weight: bolder;
}

div#adminnav ul li div.active, div#adminnav ul li div.actual {
	background-color: #c6c6c6;
	border-top-color: #ddd;
}

div#adminnav ul li div.actual a {
	color: white;
}

.postit {
	display: block;
	border: 1px solid #333;
	background-color: #ff9;
	color: #c30;
	font-size: 90%;
	padding: 2px 4px;
}

.postit * {
	color: #c30;
}

/*---- core forms styles ----*/

.activeTab {
	background-color: #ccc;
	border: 1px solid gray;
	border-bottom-color: #ccc;
	position: relative;
	top: 1px;
	padding: 5px;
}

.activeTab a {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

.inActiveTab {
	background-color: #eee;
	border: 1px solid gray;
	border-bottom-color: #eee;
	padding: 5px;
}

.inActiveTab a {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: gray;
	text-decoration: none;
}

.columnTitle {
	border: 1px solid #808080;
	background-color: #999;
	color: white;
	font-weight: bold;
	padding: 2px 4px;
}

.adminseparator {
	background-color: white;
	margin: 5px;
}

div#admin_outer {
	padding: 4px;
	background-color: #ccc;
	border: 1px solid #999;
	clear: both;
}

div#admin_search_form {
	border: 1px solid #999;
	background-color: #ddd;
	padding: 6px 4px;
	position: relative;
	top: 1px;
}

div#admin_search_form form {
	display: inline;
}

table.listing, table.survey {
	margin: 10px 0px;
}

table.survey {
	background-color: white;
	border: 1px solid gray;
}

div.adminbox {
	width: 505px;
	border: 1px solid #999;
	background-color: #ccc;
	margin-top: 20px;
	padding: 5px 0px;
}

/*---- core forms styles ----*/

.activeTab {
	background-color: #ccc;
	border: 1px solid gray;
	border-bottom-color: #ccc;
	position: relative;
	top: 1px;
	padding: 5px;
}

.activeTab a {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

.inActiveTab {
	background-color: #eee;
	border: 1px solid gray;
	border-bottom-color: #eee;
	padding: 5px;
}

.inActiveTab a {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: gray;
	text-decoration: none;
}

.columnTitle {
	border: 1px solid #808080;
	background-color: #999;
	color: white;
	font-weight: bold;
	padding: 2px 4px;
}

.adminseparator {
	background-color: white;
	margin: 5px;
}

div#admin_outer {
	padding: 4px;
	background-color: #ccc;
	border: 1px solid #999;
	clear: both;
}

div#admin_search_form {
	border: 1px solid #999;
	background-color: #ddd;
	padding: 6px 4px;
	position: relative;
	top: 1px;
}

div#admin_search_form form {
	display: inline;
}

table.listing, table.survey {
	margin: 10px 0px;
}

table.survey {
	background-color: white;
	border: 1px solid gray;
}

div.adminbox {
	width: 505px;
	border: 1px solid #999;
	background-color: #ccc;
	margin-top: 20px;
	padding: 5px 0px;
}
