body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#FFFFFF;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}
#header {
	width:960px;
	height:120px;
	display:block;
}
#border {
	background-color:#FFFFFF;
	width:960px;
}
#main {
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
}
#left {
	width:200px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
}
#middle {
	width:560px;
	height:540px;
	float:left;
	display:inline;
	background-image:url(images/bg_brc_logo.jpg);
	background-color:#FFFFFF;
	
}
#right {
	width:200px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
}
#submission_menu {  
	margin: 0;
	padding: 0 0 0 20px;
	min-width: 500px;
	max-width: 550px;
	width: 550px; 
/* border: 1px solid blue; */
}

.style1 {
	font-family: "Arial", "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

/***************** Content ***********************/
.content {
	width:560px;
}
.content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	width:550px;
	height:20px;
	overflow:hidden;
	margin: 8px 0px 5px 15px;
	padding: 10px 0px 10px 0px;
	font-weight:900;
}
.content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	padding: 10px 15px 0px 15px;
	text-align:justify;
}
.content ol {
	padding: 0px 15px 0px 20px;
	margin-left:15px;
}
.content ul {
	padding: 0px 15px 0px 15px;
	margin-left:15px;
}
.content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 4px 0px 4px 0px;
	text-align:justify;
}
.content table {
	margin-left:15px;
}
.content td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	padding: 1px 1px 1px 1px;
	text-align:justify;
}
.content fieldset {
	padding: 0px 10px 0px 10px;
	width: 490px;
/*	margin-left: 15px; */
}
.content a {
	color:#2e260f;
}
.content a:hover {
	color:#A0A0A0;;
}

/***************** Menu ***********************/
#menu {
	width:200px;
	height:450px;
	margin-left:0px;
}
.mleft ul {
	padding: 15px 0px 0px 0px;
	width:180px;
	margin-left:15px;
}
.mleft li {
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 8px 10px 8px 0px;
	text-align:right;
}

.mright ul {
	padding: 15px 0px 0px 0px;
	width:180px;
	margin-right:15px;
}
.mright li {
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 8px 0px 8px 10px;
	text-align:left;
}

#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #2e260f;
	text-decoration: none;
	font-size: 12px;
}
#menu a:hover {
	color:#A0A0A0;
}

/***************** Footer ***********************/
#footer {
	background-color:#F5F5F5;
	height:25px;
	width:960px;
}
#footer_txt {
	width:960px;
	height:15px;
	display:inline;
	margin-left:0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	font-style: italic;
	color: #463d16;
	padding: 5px 20px 5px 20px;
	text-align:center;
}

/****************** Login Table **********************/
table#tbllogin {
	background-color: #EEEEEE;
	padding: 10px;
/*	border: 1px solid #D0D0D0; */
}
table#tbllogin td label {
	color:blue;
	text-align:right;
}

/**************** DIV **********************/
div#invalid {
	text-align: center;
	font-size: 12px;
	color: #ff0000;
	top: 10px;
}

/**************** forms ****************/
span.formlegendOptional {
	 font: normal 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px;
	color: #303030;
}
span.formRequired {
	 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
}
span.formRequiredOptional {
	 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FA8072;
}
form {  
/* set width in form, not fieldset (still takes up more room w/ fieldset width */
/* font:100% verdana,arial,sans-serif;
   font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
  margin: 0;
  padding: 0 0 0 20px;
  min-width: 500px;
  max-width: 550px;
  width: 550px; 
  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; letter-spacing: 1px; text-align: left;
/* border: 1px solid blue; */
}
form fieldset {
 /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
 /* border-color: #000;
  border-width: 1px;
  border-style: solid;*/
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;  
  /*border: 1px solid red;*/
}
form fieldset.hidden {
    border: 0;
}
fieldset fieldset {
    /*background-color:  #efefef;
    margin:  1em 0;	*/
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #4f6b72;
	letter-spacing: 1px;
	text-align: left;	
}
form fieldset legend {
	/*font-size:1.1em;  bump up legend font size, not too large or it'll overwrite border on left */
    /* be careful with padding, it'll shift the nice offset on top of border  */
	font: bold 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}
form fieldset fieldset legend {
	/*font-size:1.1em;  bump up legend font size, not too large or it'll overwrite border on left */
    /* be careful with padding, it'll shift the nice offset on top of border  */
	font: bold 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color : #C19E33;
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 2px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid green; */
}
form label.qflabel {
    display: block;
    float: left;
    width: 135px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
}
form label.menu { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 490px; 	
	margin: 5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 1px;
	padding: 1em 0 1em 0;
	/*border: 1px solid green; */
}
form input, form textarea, form select {
	width:50%;      
	margin:1px 0 0 5px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
form input.shorterfield {
	width:29%;      
	margin:1px 0 0 5px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
form input.extrashorterfield {
	width:10%;      
	margin:1px 0 0 5px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
form select.longerfield {
	width:55%;      
	margin:1px 0 0 5px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
form select.shorterfield {
	width:22%;      
	margin:1px 0 0 5px; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
form input#file {
	width:60%;
	cursor: pointer;
	cursor: hand;
	font-size: 14px;
	color: #000000;
/*	border-color: #C19E33 #C19E44 #C19E44 #C19E33; */
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
} 
form input#reset {
	margin-left:0px; 
	cursor: pointer;
	cursor: hand;
	font-size: 14px;

	color: #000000;
/*	border-color: #C19E33 #C19E44 #C19E44 #C19E33; /*#CCCCCC #808080 #808080 #CCCCCC; */
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width : 15%;
}
form input#submit {
	cursor: pointer;
	cursor: hand;
	font-size: 14px;
	color: #000000;	
/*	border-color: #C19E33 #C19E44 #C19E44 #C19E33; /*#CCCCCC #808080 #808080 #CCCCCC; */
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width : 15%;
}
form input.error{
	background: #f8dbdb;
	border-color: #e77776;
	border-color: #e77776 #e77776 #e77776 #e77776;
}
form select.error{
	background: #f8dbdb;
	border-color: #e77776;
}
form span.hiddenerror {	 
	 visibility: hidden;	 
}
form span.visibleerror {
	 font: 11px Arial, Helvetica, sans-serif; color: red; letter-spacing: 0px; text-align: left;
	 visibility: visible;
}
form span.tab4errormsg {
     margin: 0px 0 0 155px;
}
form input.optionalerror{
	background: #E6E6FA;	
	border-color: #000000;
}
form span.optionalhiddenerror {	 
	 visibility: hidden;	 
}
form span.optionalvisibleerror {
	 font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FA8072; letter-spacing: 0px; text-align: left;
	 visibility: visible;
}
form div.qfelement {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
form div.qfreqnote {
    font-size: 80%; 
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;}  

form br {
	clear:left; 	
	height: 0;
	visibility: hidden;
	display: block;
}

#error{
/*	margin-bottom: 20px;
	border: 1px solid #efefef;
*/
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: red;
	
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px; 
	/*
  list-style: square;	
	margin: 0;
  padding: 5px;
  min-width: 500px;
  max-width: 630px;
  width: 625px; 
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; letter-spacing: 2px; text-align: left;
   border: 1px solid blue; */
}
#error ul li{
	list-style-position: inside;
	line-height: 1.5em;	
	margin: 0;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}