
/*  Basic format
----------------------------------------------- */
body {
margin: 0px;
padding: 0px;
text-align:center;
width: auto;
background:silver url(graphics/drop_shadow.jpg) top center repeat-y;
 font-family: Arial, Helvetica, sans-serif;

}
#banner {
margin:0;
padding:0;
}
p, li,td, code, pre {
  font-size: 12pt; 
  text-align: justify;
}
li {
text-align: left;
}
#page {
width: 850px;
margin-left: auto;
margin-right: auto;
padding:0;
border:1px solid black;
background-color:white;

text-align: left;
height: auto;
}
#leftcolumn {
width:48%;
float:left;
padding:5px;
background-color: white;
margin:0;
}
.floatright {
float:right;
} 
#jrlogo{
padding:10px;
font-size: 15pt;
text-align:left; 
clear:both;}

#rightcolumn {
width:48%;
float:right;
padding:10px;
background-color:#cfcfcf;
margin:0;
text-align:center;
}
#rightcolumn p,ul li{
color:navy;
font-size: 12pt;}
.large {
font-size:24pt;
font-style:italic;
font-weight:600;
text-align:center;
}
.red {
filter:shadow(color:silver);
color:red;
height:1.7em;
font-weight:900;}
.centered {
text-align:center;
font-size:14pt;
}
.clear {
clear:both;
}
/*  Navigation bar (top)
----------------------------------------------- */

#topnav {
width:100%;
text-align:center;
padding:0;
margin:0;
margin-top:0;
height:20px;
background-color:black;
border: 1px solid black;
}
#topnav a{
display:inline;
float:left;
width:24.7%; 
height: 20px;
font-size: 10pt;
color: white; 
text-decoration:none;
text-align:center;
vertical-align:middle; 
background-color:black;
border:1px solid white;
margin:0;

}
#topnav a:hover {
	background-color:gray;
		color:white;
		border: 1px solid black;
}


a{
  font-family: arial;
  font-size: 10pt;
  text-decoration:none;
   color:#4B0082;
     }
a:hover{
  text-decoration:underline;
   color:#4B0082;
  
   }

.separator {
width:100%;
clear: both;

height: 1px;

}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h3 {
font-size:14pt;
color: navy;
}
h2 {
text-align:center;
font-style:italic;
font-size: 24pt;
font-weight: 600;
color:black;
}


/* Footer
----------------------------------------------- */  

#footer {
clear:both;
width:100%;
height: 20px;
text-align:center;
margin:0;

background-color:red;
color: white;
font-size: 12pt;
font-style:italic;

}
#footer a{
display:inline;
float:left;
width:24.75%; 
height: 20px;
font-size: 10pt;
color: white; 
text-decoration:none;
text-align:center;
vertical-align:middle; 
background-color:red;
border:1px solid black;
margin:0;
padding: auto;
}
#footer a:hover {
	background-color: black;
		color:white;
}

