html {
   height:100%;
   width:100%;
   min-height: 540px;}
	 
body {text-align:left; 
   font-size:100%;
   height:100%;
   width:100%;
   margin:0;
   padding:0;
   background-color:#57b0ff;
   font-family:Calibri, "Arial Unicode MS" , "Lucida Grande" , sans-serif;
   min-height: 540px;}

div.shell {
   background-color:#ffffff;
   color:#005A00;
   width:100%;
   max-width:960px;
   min-width:250px;
   min-height:540px;
   margin:auto;
   padding:0px;
   display:block;}

div.title {
   width:100%;
   min-height:150px;
   float:left;
   padding:0px;
   margin:0px;
   background-color:inherit;
   display:block;}

div.title1 {
   width:150px;
   min-height:100%;
   float:left;
   padding:0px;
   margin:0px;
   background-color:inherit;
   display:block;}

div.title2 {
   width:70%;
   min-height:100%;
   float:left;
   padding:0px;
   margin:0px;
   background-color:inherit;
   text-align:left;
   display:block;}

div.main {
   width:100%;
   height:355px;
   float:left;
   padding:0px;
   margin:0px;
   overflow-y:auto;
   overflow-x:auto;
   background-color:inherit;
   display:block;}

div.fill {
   width:100%;
   height:5px;
   float:left;
   padding:0px;
   margin:0px;
   background-color:#005A00;
   display:block;}

div.menu {
   width:100%;
   min-height:30px;
   float:left;
   padding:0px;
   margin:0px;
   background-color:#005A00;
   display:block;}

div.navigation {
   width:100%;
   min-height:30px;
   float:left;
   padding:0px;
   margin:0px;
   background-color:#005A00;
   color:#FFFFFF;
   display:block;}

div.labels {
   color:#FFFFFF;
   padding:0px;
   margin:0px;
   float:left;
   padding-left:3px;
   padding-right:3px;
   background-color:inherit;
   display:block;}

div.active_tab {
   color:#FFFFFF;
   font-weight:bold;
   padding:0px;
   margin:0px;
   float:left;
   padding-left:3px;
   padding-right:3px;
   background-color:#309A30;
   display:block;}

div.staff {
   min-width:90%;
   padding:0px;
   margin:10px;
   float:left;
   background-color:inherit;
   display:block;}

div.staff1 {
   width:200px;
   padding:0px;
   padding-top:10px;
   margin:0px;
   float:left;
   background-color:inherit;
   display:block;}

div.staff2 {
   min-width:300px;
   padding:0px;
   padding-left:5px;
   margin:0px;
   float:left;
   background-color:inherit;
   display:block;}

div.calendar {
   width:200px;
   padding:0px;
   margin:0px;
   float:left;
   background-color:inherit;
   display:block;}

img {
   margin-left:0px;
   margin-top:0px;}
   
p.title {
   font-size:1.50em;
   line-height:150%;}

p {
   margin:5px;}
   
ol {
   margin:5px;}
   
ul {
   margin:5px;}
   
li {
   font-size:1em;
   line-height:100%;
   font-weight:normal;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;}
   
a:link {
   text-decoration : underline;
   color:#005A00;}

a:visited {
   text-decoration : underline;
   color:#005A00;}

a:active {
   text-decoration : underline;
   color:#005A00;}

a:hover {
   text-decoration : underline; 
   color:#005A00;}
   
a.menu:link {
   text-decoration : none;
   color:#FFFFFF;}

a.menu:visited {
   text-decoration : none;
   color:#FFFFFF;}

a.menu:active {
   text-decoration : none;
   color:#FFFFFF;}

a.menu:hover {
   text-decoration : underline; 
   color:#FFFFFF;}