/* PAGE SET-UP */
html, body {
	margin: 0;
	padding: 0;
}

/* Default browser MEDIUM font size is 16px. The 62.5% sets base font to 10px. Then easily convert all other font sizing to em. Base 10px = 1em, 11px = 1.1em, etc. Don't forget parent child relationship. */
body {
	font-size: 62.5%;
}
div {
	padding: 0;
	margin: 0;
}
p {
	padding: 0;
	margin: 0;
}
ul {
	padding: 0;
	margin: 0;
}
/* LINK	STYLES */

a {
	color: #006eb5; /* #0033CC */
}
a:hover {
	color: #006eb5; /* #0033CC */
}
a:visited {
	color: #003366;
}
a.title {
	font-weight: bold;
	text-decoration: none;
}
a.title:hover {
	color: #0033CC;
}
a.title:visited {
	color: #000000;
}

/* MAIN STYLES */
#page {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
	color: #000000;
	width: 776px;
	margin: 0 auto;
	border-right: 1px solid #00539f;
	border-left: 1px solid #00539f;
	font-size: 1.2em;
	line-height: 1.3em;
}
#page .home {
	float: left;
	width: 574px;
	margin-bottom: 1px;
	background-color: #00539f;
}
#page .home-p {
	display: none;
}
#page .home-ccosc {
	float: right;
	clear: none;
	width: 202px;
	margin-bottom: 1px;
	background-color: #00539f;
	text-align: right;
}
#page .home-ccosc-p {
	display: none;
}

/* Zero out form margin and padding */
#page form {
	margin: 0;
	padding: 0;
}

/* NAVIGATION Area */
div#nav1 {
	clear: both;
	background-color: #eee;
	width: 776px;
	height: 34px;
	border-top: 2px solid #738c1f;
	border-bottom: 2px solid #738c1f;
	padding: 0;
	margin: 0;
}
div#nav1 div {
	float: left;
	background-color: #eee;
	color: #006eb5;
	font-weight: bold;
	height: 18px; /* 18px + 12px padding = 30px + 4px border = 34px */
	width: 559px; /* 559px + 15px padding = 574px */
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 6px 0 6px 15px;
	font-size: 1.3em;
}
div#nav1 a {
	font-weight: bold;
}
div#nav1 a:visited {
	color: #006eb5 !important;
}
div#nav1 div a {
	text-decoration: none;
}
ul#nav2 {
	float: right;
	background-color: #eee;
	width: 174px; /* 174px + 28px padding = 202px */
	height: 16px; /* 16px + 14px padding = 30px + 4px border = 34px */
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 7px 28px 7px 0;
	margin: 0;
	text-align: right;
}
#nav2 li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 14px;
}
/* CONTENT AREA STYLE */
#content {
	background-color: #00539f;
	overflow: hidden;
	width: 766px;
	padding: 8px 5px;
	margin-top: 1px;
}

/* Error Message styles */
#errormessage {
	border: 1px solid #DD0000;
	padding: 5px;
}
#errormessage div {
	background-color: #DD0000;
	padding: 5px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: -5px -5px 5px -5px;
	font-weight: 600;
}
#errormessage ul {
	margin: 1% 1% 1% 4%;
	padding: 0;
	list-style-type: square;
}
#errormessage ul li {
	color: #DD0000;
	line-height: 1.25em;
	margin-bottom: 4px;
}
#errormessage ul li span {
	color: #000;
}
/* General Page Text Styles */

/* Apply Bold within a list text area */
#page span.btext {
	font-weight: bold;
}
/* Apply normal weight text within a list text area */
#page ul li span.ntext {
	font-weight: normal;
}
/* Apply Bold within paragraph text area */
#page p span.btext {
	font-weight: bold;
}
#page p span.mbtext {
	font-weight: 700;
}
#page span.itext {
	font-style: italic;
}
/* Apply normal weight text within paragraph text area */
#page p span.ntext {
	font-weight: normal;
}

/* Footer styles */
#footer {
	clear: both;
	border-top: 1px solid #fff;
	color: #fff;
}
#footer div {
	border-top: 1px solid #738C1F;
	background-color: #fff;
	padding-top: 1px;
}
#footer div p {
	text-align: center;
	background-color: #00539f;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 1% 1% 25px;
}
#footer a, #footer a:visited {
	color: #fff;
}

/* Text Titles with Background */
/*div.title {
	font-size: 1.1em;
	line-height: 1.75em;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	margin: 12px 0 10px 0;
	padding-left: 2%;
	font-weight: bold;
}
div.title span {
	font-weight: normal;
	font-size: 1em;
}*/
p.instruct {
	margin-bottom: 8px;
	line-height: 1.3em;
}
div.title1 {
	font-size: 1.1em;
	line-height: 1.75em;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding-left: 2%;
	font-weight: bold;
}

/* Form continue Button */
input#continue {
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	vertical-align: middle;
}
