body {
background: #E7E7E7 top left;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #DB7093;}
a:visited {color:#c43300;}
a:hover {color: #c43300;}
a:active { color:#FFFFFF;}

h1 {
font-size: 14px;
text-transform:uppercase;
padding: 0px 0px 0px 5px;
margin:0px }

h1.blue {
color: #00487D;
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h2.menu {
font-size:14px;
padding: 0px 0px 0px 5px;
}

table {
font-size: 13px;
padding: 5px 10px;
margin:0px;
}

table.grades {
	text-align: center;
	padding: 5px 10px;
	margin:0px;
}

table.grades td.leftrow {
        text-align: center;
	border-left: 1px dotted #cccccc;
        padding: 2px 3px;
}


table.form {
	border: none;
        text-align: left;
        padding: 5px 10px;
        margin:0px;
}
	
table.form td.form_cell{
	border: none; 
        text-align: left;
        padding: 5px 10px;
        margin: 0px;
}

table.form td.body_col{
	border: none; 
        text-align: left;
        padding: 5px 10px;
        margin: 0px;
}

table.form td.body_col_right{
	border: none; 
        text-align: right;
        padding: 5px 10px;
        margin: 0px;
}

table.form td.body_col_left{
	border: none; 
        text-align: left;
        padding: 5px 0px;
        margin: 0px;
}

table.form td.body_col_center{
	border: none; 
        text-align: center;
        padding: 5px 0px;
        margin: 0px;
}


table.form td.accounting_line {
	border-top: 2px solid #000000;
}


img.download {vertical-align:middle;}


/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-left: auto;
margin-right: auto;
height:100%;
background: #E8E8E8 no-repeat bottom left;
}


/* ----------banner menu-------------- */
#banner {
height:132px;
text-align: right;
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
background:  url('/images/JP_masthead_2009.png') no-repeat bottom center;
padding: 0px;
margin: 0px;
border-top:1px solid #8D8D8D;
border-right:1px solid #8D8D8D;
border-left:1px solid #8D8D8D;
}

#banner img {padding:10px 0px;} 
#bannermenu {
	padding-top:65px; 
	font-color: #9A1212; 
	text-decoration: none;
}

#bannermenu a {color: #FFFF00;}
#bannermenu a:visited {color:#FFFF00;}
#bannermenu a:hover {color: #FFCC00;}
#bannermenu a:active { color:#FFCC00;}


/* -----------------content--------------------- */
#content {

background:#ffffff no-repeat top right;
padding: 7px;
margin-left: 200px;
margin-right: 0px;
border:1px solid #8D8D8D;
}

div#content { 
min-height:500px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}


#content_admin {

background:#ffffff no-repeat top right;
padding: 7px;
margin-left: 0px;
margin-right: 0px;
border:1px solid #8D8D8D;
}

div#content_admin {
min-height:500px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}


 /* ----------------content menu---------------------- */
.contentmenu ul{
 list-style:none;

 padding: 10px;
 margin: 0px;
}

 .contentmenu li, .contentmenu a:link, .contentmenu a:visited, .contentmenu a:hover {
   display: block;
   font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
   color: #00487D;
   text-decoration: none;
   text-align: left;

   width: 380px;
   padding: 10px 0 0 0px;
   white-space: nowrap;
 }

 .contentmenu a:hover{
   background: url('menuhover.gif') no-repeat;
   width: 380px;
   color: #5C73B8;
 }



/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
background:#E8E8E8;
}

 /* ----------------vertical menu---------------------- */

.verticalmenu {
border-top:1px solid #8D8D8D;
border-left:1px solid #8D8D8D;
border-bottom:1px solid #8D8D8D;
}

.verticalmenu ul{
 list-style:none;
 padding: 10px;
 margin: 0px;
}

 .verticalmenu li, .verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
   display: block;
   font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
   color: #9A1212;
   text-decoration: none;
   text-align: left;
   width: 180px;
   padding: 0px;
 }

 .verticalmenu a:hover{
   background: url('menuhover.gif') no-repeat;
   color: #dc4d1b;
 }

.verticalmenu b {
font-size: 14px;
padding: 0 0 0 10px;
margin:0px }

.verticalmenu h2 {
text-align: center;
font-size: 14px;
padding: 0 0 10px 35px;
margin:0px }


/* ------------------Tables-----------------------*/


table.greyT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 300px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.greyHD
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.greyBD
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding:0px 0px 0px 0px;
height:75px;
text-align: center;
vertical-align: text-bottom;
}

#footer h1 a{
 color:#FFFFFF;
 }

#footer h1{
 padding:0px 0px 0px 0px;
  }