/*  site.css holds all the reset css styles for universal selectors
    which will help ensure cross browser styling.    
    page.css will hold the styles for all other elements in 
    cascading order of importance the closest to the elmement being
    the most important
    Element, Class, Attribute Psudo and ID
*/
/* -------------------------------------*/
    /* Element Selectors */
/* -------------------------------------*/
    /* BLOCK ELEMENTS */
/* -------------------------------------*/
html,div,map,dt,form {
	display: block;
}

body {
	display: block;
	margin: 8px;
	font-family: serif;
	font-size: medium;
}

p,dl {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

dd {
	display: block;
	margin-left: 40px;
}

address {
	display: block;
	font-style: italic;
}

blockquote {
	display: block;
	margin: 1em 40px;
}

select {
    font-size: 11pt;
}

h1 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: -0.25em 0em 1em -.90em;
    width: 106.4%;
    background-color: #6E8FD2;
    color: white;
    padding-left: 1em;
}
/*
h2 {
	display: block;
	font-size: 1.125em;
    font-weight: bold;
}
*/
h2 {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin: .5em 0em 1em -1.2em;
    padding: .2em .1em .2em .1em;
    width: 107.5%;
    background-color: #6E8FD2;
    border: 1px solid black;
    color: white;
    padding-left: 1em;
}

h3 {
	display: block;
	font-size: 1.125em;
    font-weight: bold;
}

h4 {
	display: block;
	font-size: 1em;
	font-weight: bold;
    margin: 1em 0em 0em 0em;
    font-family:Times New Roman;
    font-style:italic;
}

h5 {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin: 1.67em 0;
}

h6 {
	display: block;
	font-size: 0.5625em;
	font-weight: bold;
	margin: 2.33em 0;
}

pre {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0;
}

hr {
	display: block;
	height: 2px;
	border: 1px;
	margin: 0.5em auto 0.5em auto;
}

/* -------------------------------------*/
        /* INLINE ELEMENTS */
/* -------------------------------------*/
strong {
	font-weight: bold;
}

cite,em,var,dfn {
	font-style: italic;
}

code,kbd,samp {
	font-family: monospace;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

sub {
	vertical-align: -0.25em;
	font-size: smaller;
	line-height: normal;
}

sup {
	vertical-align: 0.5em;
	font-size: smaller;
	line-height: normal;
}

 
/* -------------------------------------*/
        /* LIST ELEMENTS */
/* -------------------------------------*/
ul {
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 0;
}

ol {
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 0;
}

/* remove top & bottom margins for nested lists */
ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

/* use circle when ul nested 2 deep */
ol ul,ul ul {
	list-style-type: circle;
}

/* use square when ul nested 3 deep */
ol ol ul,ol ul ul,ul ol ul,ul ul ul {
	list-style-type: square;
}


.blockquote {
    margin: 0 0 0 -5px;
    padding: 1px 7px 1px 7px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-top: 1px solid #fff;
    background-color: #A6DADC;
    word-wrap: break-word;
    font-size: .9em;
    float:left;
}

.blockquote:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 20px;
    left: -20px;
    border-width: 10px 20px 10px 0;
    border-style: solid;
    border-color: transparent hsla(182,44%,76%,.5) transparent transparent;
    float:right;
}

.blockquote:hover {
    top: -2px;
    left: -2px;
}
/* -------------------------------------*/
        /* END LIST ELEMENTS */
/* -------------------------------------*/


/* -------------------------------------*/
/* Class, Attribute, and Pseudo Selectors */
/* -------------------------------------*/

.divBlock {width:100%;padding-bottom: 10px;float:left;}

.triangle-left {
     border-color: transparent red transparent transparent;
     border-style: solid;
     border-width: 10px;
     width: 0;
     height: 0;
    float:left;
}


.hidden {
    display:none;
}

.block 
{
   clear:left;
   width:100%;
   vertical-align: top;	  
}

div.buttonBlock {
    width:100%; 
    clear: both;
    padding-top: .5em;
}

div.paddedBottomButtonBlock {
    width:100%; 
    clear: both;
    padding-top: .5em;
    padding-bottom: 1em;
}

.roBlock {
       clear:left;
       width:100%;
       vertical-align: top;
       padding-bottom:1em;
    }	
    
.error {
    border:1px solid red;
}

.errorSpan {
    display:none;
    width: 100%;
    float:left;
}

.es {
    float:left
}


#frmBlock {
    min-height:200px ;
    width:95%;
    float:left;
}

/* -------------------------------------*/
/* END Class, Attribute, and Pseudo Selectors */
/* -------------------------------------*/



/* -------------------------------------*/
        /* ID Selectors */
 /* -------------------------------------*/


#viewport {
    float:left;
    width:100%;
    height: 100%;
    z-index: 1;
}
    
#viewport .oi { }

#head {
    float:left;
    width:100%;
    height: 80px;
}
    
#head .oi {
    min-height:100px;
    margin:0;
    padding:5px;
    background-image: url('eis.GIF');
    background-repeat: no-repeat;
    background-position:13px 25px;
}

#contentSection {
    float:left;
    width:100%;
    padding-top: 1.5em;
}

#contentSection .oi {
    min-height:400px;
    margin:0;
}

#content {
    float:left;
    width:79.9%;
    min-width:450px;
    background-color: #e6ecf7;
    border:1px solid black;    
}

#content .oi {
    min-height:400px;
    margin-left:.5em;
    padding-top: .3em;
    padding-left:1em;
    margin-top: .2em;
    padding-right: 1em;
    padding-bottom: .5em;
}

#footer {
    float:left;
    width:100%;
    }
    
#footer .oi {
    min-height:30px;
    margin:0 0 0 40%;
    padding:5px;
}


 /* -------------------------------------*/
        /* END ID Selectors */
 /* -------------------------------------*/
 
#logindisplay{
	float: right; 	
}

.twelvePtText 
{
    font-size: 12pt;
}

.fourteenPtText 
{
    text-align: center; 
    font-size: 16pt;   
    margin-top: .2em;
    margin-bottom: .2em;
}

.eighteenPtText 
{
    text-align: center;    
    font-size: 22pt;
}

.certHead 
{
    font-weight: bold;
    font-size: 22pt;
    text-align: center;    
}

.noCenter {
    text-align: left;
}

.rightBlock 
{
    width: 45%;
    padding-left: 40%;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: red;
    font-size: 12pt;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #000;
    background-color: #ffeeee;
}

.validation-summary-errors {
	background-color: cornsilk;
    padding: .5em 1em .5em 2em;
	border:1px solid #000;
    margin-left: 50px;
    margin-bottom: 20px;
	width: 600px;
    color: red;
    font-weight: 400;
} 

span.validation-summary-errors {
  	     border-bottom-color: #D9FFB2;
  	          display:block;
  } 
  
ul.validation-summary-errors {
    	     margin:0;     padding:0;     border-top:none;
    } 

.validation-summary-valid {
    display: none;
}
DIV.lineErrorHeader {
    width:100%; 
    clear: both;
    padding-left: .5em;
    background-color:#e6ecf7;
}
DIV.lineError {
    width:100%; 
    clear: both;
    padding-left: .5em;
    background-color:#b0c4de;
}
DIV.subLineError {
    width:100%; 
    clear: both;
    padding-left: 1.0em;
    color:rgb(255,0,0);
}
DIV.lineWarningHeader {
    width:100%; 
    clear: both;
    padding-left: .5em;
    background-color:#e6ecf7;
}
DIV.lineWarning {
    width:100%; 
    clear: both;
    padding-left: .5em;
    background-color:#b0c4de;
}
DIV.subLineWarning {
    width:100%; 
    clear: both;
    padding-left: 1.0em;
    color:darkblue;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

.show{ display: block;}
.hide { display: none;}