@import url('masthead.css');
@import url('footer.css');

#maincontent {
	background-color: #fff;
	margin: 0 auto;
	width: 934px;
	height: 1430px;
	text-align: center;
}

#mainwindow {
	margin: 0;
	padding:0;
	background-color: #fff;
	text-align: left;
}

#preview h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #00376d;
	padding: 10px 0 0 18px;
	margin: 0;
}

#shortpreviewcontent {
	margin: 8px 0 0 12px;
	width: 910px;
	height: 1318px;
	border: solid 1px #86add4;
}

#shortpreviewcontent h3 {
	margin: 6px 0 10px 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #00376d;
}

#shortpreviewcontent h3.harassment {
	margin: 12px 0 15px 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00376d;
}

#flash {
	margin: 0 0 0 5px;
	padding: 0;
	width: 650px;
	float: left;
}

#harass_title1 {
	width: 315px;
	margin: 0 10px 0 0;
	float: left;
}

#harass_title2 {
	width: 315px;
	margin: 0;
	float: left;
}

#largemorelinks, #smallmorelinks {
	width: 235px;
	float: left;
}

#largemorelinks h3, #smallmorelinks h3 {
	margin: 6px 0 10px 25px;
	padding: 0;
	color: #1c6ec0;
	font-size: 17px;
}

#largemorelinks p, #smallmorelinks p {
	text-align: center;
	margin: 12px 16px;
	padding: 0;
	color: #092c4f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: 10px;
}

#largemorelinkslist, #smallmorelinkslist {
	background-image: url('../images2009/Preview_MoreList_BG.jpg');
	width: 213px;
	height: 230px;
	margin: 0 0 26px 22px;
	border: solid 1px #0053a5;
}

#smallmorelinkslist {
	margin: 0 0 18px 22px;
}

#smallmorelinkslist ul, #largemorelinkslist ul {
	margin: 0;
	padding: 0
}

#smallmorelinkslist li, #largemorelinkslist li {
	color: #1c6ec0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 45px;
	padding: 17px 0 0 0;
}

#smallmorelinkslist a, #largemorelinkslist a {
	color: #1c6ec0;
	text-decoration: underline;
}

#smallmorelinkslist a:hover, #largemorelinkslist a:hover {
	text-decoration: none;
}

#largeswfarea {
	width: 640px;
	height: 480px;
	border: solid 1px #0053a5;
	margin: 0 0 0 10px;
	padding: 0;
}

#smallswfarea {
	width: 640px;
	height: 417px;
	border: solid 1px #0053a5;
	margin: 0 0 0 10px;
	padding: 0;
}

#formarea {
	float: left;
	margin: 0;
	width: 910px;
}

#formarea h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #00376d;
	margin: 24px 0 0 0;
	padding: 0 0 5px 16px;
	font-size: 19px;
	border-bottom: solid 1px #0053a5;
}

#formcontent {
	text-align: center;
	margin: 0;
	padding: 25px 0 0 0;
	background-image: url('../images2009/PreviewForm_LightBlue_BG.jpg');
	background-repeat: no-repeat;
}

#signupform {
	text-align: right;
	margin: 0 auto;
	padding: 0 0 60px 0;
	width: 731px;
	height: 610px;
	background-image: url('../images2009/PreviewForm_BG.gif');
	background-repeat: no-repeat;
}

#signupform p {
	padding: 4px 6px 0 0;
	margin: 0;
	text-align: right;
	color: #000099;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#signupform p.first {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	border: none;
	text-align: left;
	margin: 0;
	padding: 18px 0 0 20px;
}

#signupform p.second {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	border: none;
	text-align: left;
	padding: 4px 0 10px 20px;
	margin: 0;
}

#signupform p.title {
	padding: 3px 0 5px 0;
	margin: 5px 10px 3px 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 1px #0053a5;
}

#signupform span {
	padding: 0;
	margin: 0;
	text-align: right;
	color: #000099;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#signupform span.harass {
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: right;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#signupform input {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ebebeb;
	color: #5593c8;
}

#signupform input.harass {
	margin: 6px 18px 0 10px;
	background-color: #fff;
}

#signupform input.ltgray {
	background-color: #f4f4f4;
}

#form_choosecourses {
	float: left;
	margin: 10px 0 0 24px;
	background-color: #ebebeb;
	width: 355px;
	padding: 0;
}

#form_chooseharass {
	margin: 10px 13px 10px 13px;
	padding: 0 0 10px 0;
	background-color: #fff;
	border: solid 1px #4488c2;
}

#form_chooserest {
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}

#form_darkgray {
	margin: 0;
	padding: 0 13px 0 13px;
	height: 42px;
	background-color: #ebebeb;
	border: solid 1px #ebebeb;
}

#form_topcourse {
	margin: 0;
	padding: 0 13px 0 13px;
	height: 38px;
	background-color: #f4f4f4;
	border: solid 1px #f4f4f4;
}

#form_text_1line {
	padding: 8px 0;
	width: 282px;
	float: left;
}

#form_text_2lines {
	padding: 0;
	width: 282px;
	float: left;
}

#form_checkbox {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	width: 35px;
	float: left;
}

#form_lightgray {
	margin: 0 13px 0 13px;
	padding: 0;
	height: 42px;
	background-color: #f4f4f4;
	border: solid 1px #f4f4f4;
}

#form_userinfo {
	margin: 20px 0 0 35px;
	width: 269px;
	float: left;
}

#form_userinfo p.title {
	padding: 3px 0 10px 0;
	margin: 5px 10px 12px 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #0053a5;
}

#form_userinfo p {
	font-weight: normal;
}

#form_userinfo input {
	margin: 2px 12px 0 6px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	border: solid 1px #0053a5;
	font-size: 13px;
	width: 130px;
	color: #00376d;
	
}

#form_userinfo input.submit {
	margin: 11px 12px 0 12px;
	background-color: #9fc1e4;
	color: #fff;
	font-weight: bold;
	width: 60px;
}

#form_userinfo input.submit:hover {
	color: #0053a5;
}

#form_userinfo span.required {
	font-size: 11px;
	color: #c00;
}

#errormessage {
	margin: 15px 0 0 35px;
	padding: 0;
	text-align: center;
	width: 269px;
	float: left;
}

#errormessage p {
	color: #c00;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}