html>body { width: 800px; margin: 0px auto; }
html {
	background: #aaccaa url(http://img.surveymojo.com/mojobg2.gif) repeat-x top left;
}
body {
	background-color: #aaccaa;
        width: 770px;
        margin: 0px auto;
}
a {
        color: #000099;
	font-family: arial,helvetica,ms sans serif;
}
td,p,body {
        color: #000000;
	font-family: arial,helvetica,ms sans serif;
        border: 0;
	line-height: 1.5em;
}
a:link {
        color: #000099;
}
a:visited {
        color: #000099;
}
a:hover {
        color: #0000ff;
}
div.spacer {
	clear: both;
        border: 0;
}
ol,ul {
	line-height:1.5em;
	list-style:none;
	margin: 0;
	padding: 0;
        border: 0;
}
img {
	border: 0;
}

#main {
        width: 770px;
        margin: 0px auto;
        padding: 15px 15px;
        border: 0;
        text-align: left;
	background: #ffffff;
	/*background: #ffffff url(http://img.surveymojo.com/maintop.jpg) no-repeat center top;*/
}

#headerblock {
        text-align: left;
        font-weight: bold;
        color: #000;
        width: 100%;
        padding: 0 0 10px 0;
        border: 0;
}

#maincontainer {
        float:left;
        text-align: left;
        border: 0;
        color: #330;
        width: 488px;
}

#wizardcontainer {
        float:left;
        text-align: left;
        border: 0;
        color: #330;
        width: 630px;
}

#footerblock {
        text-align: center;
	font-size: .8em;
        border: 0;
        color: #000;
        width: 100%;
}

#bannerblock {
        text-align: center;
        font-weight: bold;
        color: #000;
        border: 0;
        width: 750px;
        height: 100px;
        margin: 0px 25px 15px 25px;
	background-color: #ffffaf;
}

.searchbox {
	width:200px;
	border:2px inset #aaa;
	background-color: #fafffa;
	margin: 5px 0 0 0;
	font: normal .8em arial,helvetica,ms sans serif;
}

.searchbutton {
	width:70px;
	border:1px outset #aaa;
	background-color: #ddd;
	margin: 0;
	padding: 0;
	font: normal .8em arial,helvetica,ms sans serif;
}

#continuebox {
	float:left;
	padding: 4px;
        width:169px;
        text-align: center;
	font-size:.8em;
	border: 1px solid #6a6;
	background-color: #aea;
	margin: 0 0 10px 0;
}
#reportlink {
	padding: 4px;
        width:169px;
	float: right;
        text-align: center;
	font-size:.8em;
	border: 1px solid #caa;
	background-color: #ecc;
	margin: 0 0 10px 0;
}

#menublock {
        float: left;
        text-align: left;
        border: 0;
        width:125px;
        margin: 0px 15px 0px 0px;
}
#mainmenu {
        width:125px;
	clear: both;
        text-align: left;
	font-size:.8em;
	background-color: #cec;
	margin: 0 0 10px 0;
        border: 0;
}
#mainmenu ul, #mainmenu li {
	padding: 0;
        border: 0;
	margin: 0;
}
#mainmenu a {
	display: block;
	border:1px solid #aca;
}
#submainmenu {
	padding: 4px;
        width:119px;
	clear: both;
        text-align: left;
	font-size: .7em;
	border: 1px solid #acc;
	background-color: #cee;
	margin: 0 0 10px 0;
}
#cats {
	padding: 4px;
        width:119px;
	clear: both;
        text-align: left;
	font-size: .7em;
	border: 1px solid #aac;
	background-color: #cce;
	margin: 0 0 10px 0;
}
#helpcenter {
	padding: 4px;
        width:119px;
	clear: both;
        text-align: left;
	font-size: .8em;
	border: 1px solid #cca;
	background-color: #ffc;
	margin: 0 0 10px 0;
	line-height:1.4em;
}
#skyscraper {
        text-align: center;
	margin: 10px auto;
}

#surveytitle {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#surveydescrip {
	font-size: 1em;
	margin: 0 0 10px 0;
}

#qtext {
        text-align: left;
	font-size: .9em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#atext {
        text-align: left;
	font-size: .8em;
	margin: 0 0 20px 35px;
}

#sideblock {
        float:right;
        text-align: left;
        font-size: .8em;
        width:125px;
        background-color:transparent;
        margin-left: 15px;
        border: 0;
}

.left {
        float: left;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        color: #000;
        border: 0;
        width: 500px;
}

.right {
        float: right;
        text-align: right;
        font-weight: bold;
        border: 0;
        color: #000;
        width: 270px;
}

.indexsurvey {
        margin: 0 0 10px 0;
        padding: 9px;
        text-align: left;
        font-size: .8em;
        color: #000;
        border-top: 1px solid #ddddd0;
        border-right: 1px solid #aaaaa0;
        border-left: 1px solid #ddddd0;
        border-bottom: 1px solid #aaaaa0;
        background-color:#f7f5ee;
}

#mainmenu a.choice, #mainmenu a.choicea {
	display: block;
	width: 123px;
	min-height: 19px;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: text-top;
	text-decoration: none;
        border-top: 1px solid #d6e3d6;
        border-right: 1px solid #99b999;
        border-left: 1px solid #d6e3d6;
        border-bottom: 1px solid #99b999;
	padding: 0 0 0 5px;
	background: #d8e8af;
}
#mainmenu a.choice:hover, #mainmenu a.choicea {
	color: #ffffff;
        border-top: 1px solid #92d092;
        border-right: 1px solid #daefda;
        border-left: 1px solid #92d092;
        border-bottom: 1px solid #daefda;
	background: #9bc052 url(/images/7pxwhite_rollover.jpg) no-repeat 6px center;
}
#mainmenu a.choicea {
	background-color: #CADAEB;
}
#mainmenu a.choicea:hover {
	background-color: #DDDDDD;
}
span.choices {
	float: left;
	width: 125px;
	text-align: center;
	padding:0;
	margin:0;
}

