html{
  background: #333;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:62.5%;
  color:#343434;
}
body{
    font-size:1.2em;
    line-height:1.6;
		margin:0;
}
.hidden{
  display:none;
}
h1{
	width:450px;
	font-family: 'Cabin Sketch', cursive, Arial, sans-serif;
	font-size:30px;
	color:#ff3300;
}
h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:1.3em;
	color:#056ead;
	-webkit-margin-before:30px;
	-webkit-margin-after:-10px;
}

a {
	color:#056EAD;
}

h2.red {
  color: red;
} 

h3.red {
  color: red;
}

.clear_left{
  clear:left;
}
span.tiny{
  font-family:Arial, sans-serif;
  font-size:0.9em;
}
*html span.tiny{
  font-size:9px;
}
#header {
  background: url(/images/SEAP_Header.jpg?1316106428) no-repeat top center;
  height: 232px;
  text-align:center;
  }

#header img.SEAP_logo {
	position: absolute; top: 0px; left:0px;
	border-style:none;
	border-width:0px;
}
#header img.ONR_logo {
	position: absolute; top: 182px; left:715px;
	border-style:none;
	border-width:0px;
}

#footer {
  background-image:url(/images/footer_bg.png?1316106428);
	/*background-repeat:repeat-x;
	width:800px;*/
  clear:both;
  height: 140px;
  text-align: center;
  font-size: 10px;
  margin-top: 20px;
  padding-top: 7px;
  }

#footer img#footer_logo {
	border-style:none;
	border-width:0px;
}

/*IE 6 Styles*/


#footer p {
  margin: 0px;
  text-align: center;
  }


address {
  font-style:normal;
  line-height:1.2;
  padding: 10px;
  }

address p{
  text-align:justify;
  width:100%;
}

p {
  clear:both;
  text-align: left;
  width:37em;
  }
  
p.bold_red {
  clear:both;
  text-align: left;
  width:37em;
  font-weight: bold;
  color: red;
}  

#container {
  /*border: 1px solid #aaa;
  padding:10px 7px 5px 7px;*/
  background: #fff;
  margin: auto;
  position: relative;
	width:800px;
  }

*html #container{
 	width: 800px; 
}

#content {
  clear:none;
  float:left;
  padding:0 30px 60px 40px;
  width:550px;
  }

*html #content{
  padding:0 0 30px 20px;
  width:480px;
}

#refcontent {
  width:80%;
  margin:auto;
  }

#refcontent h1{
  font-size:2em;
  font-weight:bold;
}

#refcontent h2{
  font-size:1.7em;
}
#refcontent h2 span.appname{
  font-weight:bold;
}

#nav.public {
	border-right:2px dashed #333;
	border-bottom:2px dashed #333;
  width: 170px;
  float: left;
  padding-top: 10px;
  margin-right: 5px;
  }

#nav {
	border-right:2px dashed #333;
	border-bottom:2px dashed #333;
  width: 170px;
  float: left;
  padding-top: 10px;
	padding-bottom:10px;
  margin-right: 5px;
  }

#nav h2{
  clear:left;
  float:left;
}

#nav.public a {
  text-decoration: none;
  color: #000;
 	font-size:15px;
  }

#nav a {
	text-decoration:none;
	color:#333;
 	font-size:12px;
  }

#nav p{
  clear:both;
  float:left;
  line-height:1;
  margin:0 0 10px 0;
  width:auto;
}

#nav a:hover, #nav ul li.active_nav a {
  text-decoration: underline;
 	font-weight:bold;
	color:#ff3300;
  }

#nav ul.cms_pages {
  clear:left;
  display:block;
  float:left;
  list-style: none;
  padding: 15px;
  margin: 0px 0px 10px 0px;
  }

#nav ul {
  padding: 0px 10px 0px 20px;
  margin: 0px 0px 10px 0px;
  }

#nav.public ul li {
  clear:left;
  display:block;
  float:left;
  line-height:1;
  /*padding-bottom: 3px;*/
  padding:4px 3px 4px 0;
  width:148px;
}
	
#nav ul li {
  clear:left;
  display:block;
  float:left;
  line-height:1;
  /*padding-bottom: 3px;*/
  padding:4px 3px 4px 0;
  width:148px;
 font-size:9px;
}
#nav ul li img{
  margin-right:3px;

}

*html #nav ul li a{
width:140px;
clear:right;
}

#clearone {
  clear: both;
  height: 1px;
  }

.entry {
  padding-bottom: 15px;
  }

.entry .label {
  display: block;
  padding-bottom: 3px;
  }

.entry .value {
  display: block;
  }

.required .value input {
  background-color: #fffca7;
  }

.required .value select {
  background-color: #fffca7;
  }

.required .value textarea {
  background-color: #fffca7;
  }

.items {
  border: 1px solid #ddd;
  margin: 5px 0 5px 0;
  padding: 10px;
  font-size: 12px;
  background-color: #f5f5f5;
  }

.item{
  clear:both;
}

.items .item .name {
  width: 200px;
  float: left;
  }

.items .item_controls {
  border-top: 1px dotted #ddd;
  clear:both;
  font-size: 12px;
  margin-top: 5px;
  padding-top: 5px;
  }

fieldset {
  border: 0px;
  }

.required fieldset {
  border: 1px dotted #ccc;
  /*background-color: #ffcc66;*/
  }

#nav h2 {
  font-size:1.2em;
  font-weight: bold;
	margin:10px;
  }

.required_block {  
  border: 1px solid #ddd;
  background-color: #fffca7;
  }

#notice {
  background-color: #dfd;
  border: 1px solid #0f0;
  padding: 20px;
  font-weight: bold;
  }

#ref_notice {
  background-color: #dfd;
  border: 1px solid #0f0;
  padding: 20px;
  font-weight: bold;
  }

textarea {
  width: 69%;
  height: 200px;
  }

*html textarea{
  width:60%;
}

textarea.register {
  height: 150px;
}

.essay textarea {
/*  background-color: #fffca7;*/
  margin-bottom: 20px;
  height:400px;
  width:37em;
}


.message {
	background: #006;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}


.note {
  font-size: 12px;
  color: #66e;
}

#flash div{
  font-weight:bold;
  margin:1em;
  padding:1em;
  width:67%;
}

#flash .warning{
  background-color:#FFEC8B;
  border:3px solid #EEB422;
}

#flash .notice {
	border: 3px solid #090;
	background: #dfd;
}

#flash .error {
	border: 3px solid #900;
	background: #fdd;
}


#appname {
  font-weight: bold;
  font-size: 16px;
  color: #226;
  }

.serious {
  font-size: 16px;
  font-weight: bold;
  color: #f00;
  }

#errorExplanation {
	border: 3px solid #900;
	padding: 10px;
	margin: 10px auto;
	background: #fdd;
	width: 415px;
  }
#errorExplanation h2{
  font-size:1.5em;
}
.isubmit {
  padding-left: 10px;
  }

.done {
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  float: left;
  width: 47%;
  margin: 0 3px 3px 0;
  padding: 5px 5px 4px 5px;
}

.done.not{
  background-color: #fee;
}

.done.not span{
  font-weight: bold;
}

.done.not .value{
  color: #880000;
}

.done .label {
  float: left;
}

.done .value{
  float: right;
}

h1.status_header{
  width: auto;
}

h2.status_header, h3.status_header{
  clear: both;
  float: left;
  margin: 13px 0 0;
  width: 100%;
}

h2.status_header span.tiny, h3.status_header span.tiny{
  font-size: 13px;
}


h2.status_header span.tiny.complete, h3.status_header span.tiny.complete{
  color: #467D26;
}

h2.status_header span.tiny.incomplete, h3.status_header span.tiny.incomplete{
  color: #880000;
}

h2.status_header.section, h3.status_header.section{
  border: none;
  margin-top: 26px;
}

h2.status_header.incomplete{
  color: #880000;
}

form label{
  display:block;
  float:left;
  margin-right:15px;
  padding:0 3px;
  text-align:right;
  width:12em;
}

.review_login{
  border: 1px solid #ccc;
  width:500px;
  margin:10px auto;
}

.review_login form label{
  width:5em;
}

form.login label {
  width:30%;
}

form p{
  clear:none;
}

form h2{
  border-bottom:1px dotted #ccc;
  clear:left;
  float:left;
  line-height:1;
  margin:20px 0 ;
  width:100%;
}

form div{
  clear:both;
  float:left;
  padding:10px 0 0 0;
  width:100%;
}

.quietErrors {
  border: none !important;
  background:none !important;
  float: none;
	display: inline;
}

.fieldWithErrors textarea {
  border: 1px solid #990000 !important;
}

div.fieldWithErrors{
/* commented out for making textareas wonky */
/*  clear:none; */
  float: none;
	display: inline;
/*	  
  margin:0 !important;
  padding:0;
  width:auto;
*/
}

div.fieldWithErrors input, div.fieldWithErrors select, fieldset.fieldWithErrors{
  border: 1px solid #990000 !important;
  color: #990000;
}

div.fieldWithErrors.inline_checkbox {
  border: 1px solid #990000 !important;
  color: #990000;
}

div.fieldWithErrors input[type=file], fieldset.fieldWithErrors{
  background: #fdd;
  padding: 5px;
  margin -5px !important;
}

form div fieldset div.fieldWithErrors {
	clear: left;
	float: left;
  padding:0   !important;
  margin:0    !important;
	width: auto !important;
}


form div fieldset div.fieldWithErrors + label {
  color: #990000;
}

input[type='text'], input[type='password'], textarea, select{
  border:1px solid #ccc;
  padding:3px;
}

form div.required input[type='text'], form div.required input[type='password'], form div.required textarea, form div.required select{
  border:1px solid #999;
}

form div div.hint {
  float:left;
  font-family:Arial;
  font-size:0.9em;
  line-height:1;
  margin:3px 0;
/*  margin:0;*/
  padding:0 0 0 165px;
/*  padding-left:165px;*/
  width:251px;
}

*html form div div.hint{
  font-size:10px;
}

form div.submit{
  margin:0 0 12px 12em;
  padding:15px;
  font-weight:bold;
  /*width:162px;*/
}

*html form div.submit{
  margin:0 0 12px 6em;
}
form div.submit input{
  float:left;
  font-weight:bold;
  padding:3px;
}
form .login_submit input{
  margin-right:200px;
}
form .inline_checkbox{
  clear:none;
  float:left;
  margin:0;
  padding:3px;
  width:67%;
}
form .inline_checkbox div{
  margin:0;
  padding:0;
  float:left;
  width:auto;
}


form .inline_checkbox label{
/*  display:inline;*/
/*  float:none;*/
  display:block;
  float:left;
  clear:none;
  font-weight:normal !important;
  text-align:left;
  margin:0 !important;
  padding:0px 0 0 3px;
  width:90% !important;
}
form fieldset.inline_group .inline_checkbox{
  width:100%;
}
form .inline_checkbox label:after{
  content:none !important;
}
#school_search{
  padding-left:162px;
}

form fieldset{
  border:1px dotted #ccc;
  float:left;
  margin:20px 0 0 0;
  padding:0 0 10px 0;
  clear:both;
  width:100%;
}

form fieldset fieldset{
  margin:5px;
  padding:5px;
}

form fieldset p{
  margin-left:30px;
  width:auto;
}

form fieldset legend{
  font-weight:bold;
  margin:0 0 0 1em;
}


form div.required label{
  font-weight:bold;
}
form div.required p{
  margin:3px 0;
  padding:0;
}
form div.required label:after{
  color:#990000;
  content:" *";
}
form div fieldset input{
  float:left;
  display:block;
  clear:left;
  margin:0;
}
form div.required fieldset label, form div fieldset label{
  font-weight:normal;
  width:auto;
  &float:none;
  &padding-top:2px;
  &text-align:left;
}

*html form div.required fieldset label, *html form div fieldset label{
  float:none;
  padding-top:2px;
  text-align:left;
}

form div.required fieldset label:after{
  content: "";
}
form div.required label.header{
  text-align:left;
  width:auto;
}
form div .inline_group{
  clear:none;
  float:left;
  margin:3px 0;
  padding:5px;
  width:67%;
}

form div .inline_inline_group{
  clear:none;
  float:right;
  margin:3px;
  padding:8px;
  width:67%;
}

*html form div fieldset.inline_group {
  width:60%;
}
div.search_results select{
}
div#review_list h1{
  font-size:1.5em;
  font-weight:bold;
}
div#review_list h2{
  font-size:1.3em;
  font-weight:bold;
}
div#review_list table{
  margin-bottom:10px;
  width:100%;
}
div#review_list table th{
  font-weight:bold;
}
.grey{
  background-color:#ededed;
}
.register_link{
  margin:10px 0 0 10px;
}
h1.section {
  line-height:1.3;
  margin:10px 0;
}
form div.spacer{
  padding-top:40px;
}
strong{
  font-weight:bold;
}

.privacy_agreement {
  overflow: auto;
  height: 10em;
}

.instructions {
  width: 37em;
}

#content ul,
#content ol {
  width: 33em;
}

.login ul {
  list-style: disc;
  padding: 1px;
  margin: 0px 0px 10px 0px;
  }

.login ul li {
  list-style: disc;
  line-height:1.5;
  padding-bottom: 2px;
  margin: 1px 1px 1px 1px;
  }
  
.smaller {
  font-size: 85%;
}

#errorExplanation p, #errorExplanation ul, #errorExplanation li {
  width: auto;
}