@charset "utf-8";

/* Give the menu bar a width and set the margins to "auto"
 * so that the browser does the centering.
 */
 
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6,/* p,*/ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table,*/ caption, tbody, tfoot, thead /*tr, th, td*/
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* remember to define focus styles! */
:focus{
outline:0;
}

body 
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Paragraph Black Text */
	background-color:#F0F0F0;
	background-image:url('http://www.ncrs.org/images/banner/contentpagelogo.png'); 
	background-repeat:no-repeat;
	background-position: 20% 0px;
	line-height:1;
	font-size:100%;
	text-align:left;
	color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	/*white-space: nowrap; */
}

a:link {color:#000099; font-weight:bold; font-weight:bold;}    /* unvisited link */
a:visited {color:#696969; font-weight:bold; font-weight:bold;} /* visited link */
a:hover {color:#BEBEBE; background-color:#000000; font-weight:bold;}   /* mouse over link */
a:active {color:#FF0000; font-weight:bold; font-weight:bold;}  /* selected link */

p
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif"; /* Paragraph Black Text */
	line-height:1;
	font-size:100%;
	text-align:left;
	color:#000000;
}

.bold {
	font-weight: bold;
	color: #000000;
}

.highlight /* create light blue background */
{	
background-color:#DCDCDC;
}

.red {
	color: #F00;
}

ol, ul{
list-style:none;
}

/* Position Title Text inside header graphic */
.title_text
{
position:absolute;
top:10px;
left:20%;
}

.style_select
{
	position:absolute;
	top:51px;
	right:153px;
}

.table
{
border-collapse:collapse;
border: 1px solid #000000;
}

/*
.table,th, td
{
border: 1px solid black;
} */

.caption, th, td{
text-align: left;
font-weight: normal;
}

.th
{
background-color:#C0C0C0;
border: 1px solid #000000;
color:#000000;
text-align: center;
}

.td
{
border: 1px solid #000000;
color:#000000;
text-align: center;
}	

dt {color:#000080; font-weight:bold; font-style:italic; font-size:125%; line-height:1.25;}
dd {line-height:1.2;}

ul.a {list-style-type:circle; margin-left:4em; line-height:1.2;}
ul.b {list-style-type:square; margin-left:4em; line-height:1.2;}
ol.c {list-style-type:upper-roman; margin-left:4em; line-height:1.2;}
ol.d {list-style-type:lower-alpha; margin-left:4em; line-height:1.2;}

blockquote:before, blockquote:after, q:before, q:after{
content: "";
}

blockquote, q{
quotes: "" "";
}

.right{text-align: right;} /* use this like this: <p, div, or h1, class="right">Text Aligned Right</p> */

.left{text-align: left;}

.center{text-align: center;}

h2, h3, h4, h5, h6 {text-align:left;}

h1
{
	font-family:"Comic Sans MS, sans-serif";  /* Side Menu Text */
	line-height:1.5;
	font-size:175%;
	color:#FF0000;
}
h2
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Article Description Header */
	line-height:1.5;
	font-size:150%;
	color:#000080;
	text-align: center;
}
h3
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";   /* Menu Text */
	line-height:1.25;
	font-size:125%;
	color:#000080;
}
h4
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1;
	font-size:100%;
	color:#000080;
}
h5
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1.25;
	font-size:85%;
	color:#000080;
}

h6
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1;
	font-size:65%;
	color:#000080;
}

hr {border: 0; color: #000000; background-color: #BEBEBE; height: 3px;  width: 100%; text-align: left;} /* Divider Line */

.oneColElsCtrHdr #header { 
	background: #FFFFFF;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.oneColElsCtr #container {
	width: 80%;
	/* background: #FFFFFF; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0 solid;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#left {
  float: left;
  width: 49%;
  padding-right: 1%;
  clear: left;
}

#right {
  float: left;
  width: 48%;
  padding-left: 1%;
  border-left: 3px double gray;
}
.oneColElsCtr #container #registration{
  border-top: 5px gray double;
  float: left;
  clear: both;
  width: 100%;
  text-align: center; 
} 
.oneColElsCtr #container #footer{
  border-top: 5px gray double;
  float: left;
  clear: both;
  width: 100%;
  text-align: center; 
}