BODY {background-color: white;
       margin-bottom: 5;
       margin-right: 5;
       margin-left: 10;
       font-size: 12px;
       font-family: sans-serif, helvetica, arial, verdana, helvetica, fantasy;
       color: #003366;
       scrollbar-face-color: #003366;
       scrollbar-arrow-color: white;
       scrollbar-track-color: #DCDCDC;
       scrollbar-shadow-color:'';
       scrollbar-highlight-color:'';
       scrollbar-3dlight-color:'';
       scrollbar-darkshadow-Color:'';
       }
.header {font-size: 18px; font-family: verdana, serif, arial; font-weight: bold; text-decoration: underline;}
.head1  {font-size: 16px; color: goldenrod; font-weight: bold; font-family: Arial, sans-serif, verdana;} 
.header2 {font-size: 14px; color: #EF0000;   Lucida Sans Unicode,Comic Sans MS, Arial, Sans-serif, Times, helvetica, arial; font-weight: bold;}   
.header3 {font-size: 12px; color: black;   font-family: Comic Sans MS, Arial, helvetica, arial;} 
.header4 {font-size: 10px; color: #880000;   font-family: Comic Sans MS, Arial, helvetica, arial;} 

.bld   {font-size: 12px; color: #003366;  font-family: sans-serif, helvetica, arial, fantasy; font-weight: bold;}
.gmdz  {color: #DCDCDC;
	    font-size: 80%;
        font-family: serif, arial, fantasy;}
.normtext {font-family: Times new Roman, serif, arial; color: #DCDCDC;}
.text1  {font-size: 14px; color: #003366; font-family: Times New Roman, Times, serif, helvetica, arial;}
.text2  {font-size: 12px; color: #CD0000; font-family: Times New Roman, Times, serif, helvetica, arial;}
.text3  {font-size: 12px; color: black; font-family: Arial, Times New Roman, Times, serif, helvetica, arial;}
.rsmall  {font-size: 10px; color: black; font-family: Arial, Times New Roman, Times, serif, helvetica, arial;}

.smalltext {font-family: Times new Roman, serif, arial; color: black; 
            font-size: 50%}
.links { color: navy; font-family: sans-serif, arial, verdana;}
links.link    {color: yellow; font-size: medium; text-decoration: none;}
links:active  {color: #DCDCDC;  font-size: medium; text-decoration: none;}
links:visited {color: yellow;  font-size: medium; text-decoration: none;}
links.hover   {color: white;  font-size: medium; text-decoration: underline;}
.poll_header    {font-size: 18px; color: navy; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold;}          		 
.poll_text      {font-size: 14px; color: black; font-family: arial, Sans-serif, Times, helvetica; text-align: justify;} 
.poll_header2   {font-size: 14px; color: navy; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold; text-align: center;}          		 
.poll_text2     {font-size: 10px; color: black; font-family: arial, Sans-serif, Times, helvetica; text-align: justify;} 
.poll_yes       {font-size: 14px; color: green; font-family: arial, Sans-serif, Times, helvetica; text-align: justify;} 
.poll_no        {font-size: 14px; color: red; font-family: arial, Sans-serif, Times, helvetica; text-align: justify;} 
.announcement_header2   {font-size: 14px; color: navy; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold; text-align: center;}          		 
.announcement_text2     {font-size: 10px; color: black; font-family: arial, Sans-serif, Times, helvetica; text-align: justify;} 

 A:link    {color: #006600; text-decoration: none;}
 A:active  {color: #006600; text-decoration: none;}
 A:visited {color: #006600; text-decoration: none;}
 A:hover   {color: #00AA00; text-decoration: none;}

.r1 {color: navy; background-color: KHAKI; padding-left: 5px; } 
.r2 {color: navy; background-color: LAVENDER;  padding-left: 5px; } 
.head {color: white; background-color: DARKSLATEBLUE; } 
 
#leftbar 
  {
   position: absolute; left: 0px; top: 0px;	       
   background-color: white;
   color: #003366;
   width: 120px;
   height: 550px; 
   font-size: 12px;
   font-family: arial, sans-serif, tahoma;
   padding: 1px;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-right: 1px;
   margin-left: 1px;
  }

#topbanner 
  {
   position: absolute; left: 118px; top: 0px;	       
   background-color: white;
   color: #003366;
   width: 640px;
   height: 95px; 
   font-size: 12px;
   font-family: arial, sans-serif, tahoma;
   padding: 0px;
   margin: 0px;
  }
         
#tool_bar 
       {
       position: absolute; left: 118px; top: 98px; z-index: 0;
       width: 640px;
       height: 23px; 
       background-color: #003366; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 0px;     
}
#tool_bar a 
    {
     height: 23px;
     text-align: center; 
     text-decoration: none; 
     color: white; 
     font-weight: bold;     
     font-size: 11px; 
     font-family: arial, helvetica, sans-serif; 
     padding-top: 4px;
     padding-left: 2px;
     padding-right: 2px; 
     margin: 0px;
     border-width: 0; 
    }
#tool_bar a:hover 
    {
     height: 23px;
     text-align: center; 
     text-decoration: none; 
     color: goldenrod; 
     font-weight: bold;     
     font-size: 11px; 
     font-family: arial, helvetica, sans-serif; 
     padding-top: 4px;     
     padding-left: 2px;
     padding-right: 2px; 
     margin: 0px;
     border-width: 0; 
    }

#bottom_bar 
     {
       position: absolute; left: 118px; top: 441px; 
       width: 640px;
       height: 23px; 
       background-color: #003366; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 0px;      
      }

#bottom_bar a       { color: white; }
#bottom_bar a:hover { color: yellow; }     
      
#mainpage {
	position: absolute; left: 118px; top: 121px;
	background: white;	
	width: 640px;
	height: 320px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	margin-left: 0px;
    border-right: solid 2px #003366;	    
}

#gmdz 
       {
       position: absolute; left: 120px; top: 480px; 
       width: 250px;
       height: 50px; 
       background-color: white;
       color: #003366; 
       font-size: 9px;
       font-family: arial, sans-serif, tahoma;
       padding: 2px;      
}

#dedication 
       {
       position: absolute; left: 350px; top: 480px; 
       width: 400px;
       height: 50px; 
       background-color: white;
       color: #003366; 
       font-size: 9px;
       font-family: arial, sans-serif, tahoma;
       padding: 2px;      
}

#special_student 
       {
       position: relative; 
       width: 410px;
       height: 100px; 
       background-color: #DCDCDC;
       color: #003366; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 2px;      
       margin-top: 2px;
       border-width: 1px;
       border: #003366;
}

/* Inset 3D Raised */
.raised {background: transparent; width:210; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}
      
.poll {
	background: #AAAAFF;
	color: #003366;	
	padding: 2px;
	width: 200px;
	float: left;
	margin-left: 3px;
	margin-right: 2px;
    border: solid 1px #AAC773;	
    text-align: justify;
}

.poll a {
	color: navy;
	text-align: left; 
	font-size: 9px; 
	font-family: arial, sans-serif; 
}

.poll a:hover {
	color: white;
	text-align: left; 
	font-size: 9px; 
	font-family: arial, sans-serif; 
}

.poll a:visited {
	color: navy;
	text-align: left; 
	font-size: 9px; 
	font-family: arial, sans-serif; 
}

.poll input { font: 9px	} 

.polllist {
	background: #DFDFDF;	
	padding: 2px;
	margin-left: 5px;
	width: 400px;
	float: left;
    border: solid 1px #AAC773;	
    text-align: justify;
}

.polllist a {
	color: blue;
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
}

.polllist a:hover {
	color: red;
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
}

.polllist a:visited {
	color: black;
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
}

.announcements {
	background: #AAAAFF;	
	color: #003366;		
	padding: 2px;
	margin-left: 3px;
	margin-right: 2px;
    margin-top: 1px;	
    margin-bottom: 1px;	
	width: 200px;
	float: left;
    border: solid 1px #AAC773;	
    text-align: justify;
}

#tooladmin 
       {
	   width: 120px;    
	   background-color: white; 
       font-size: 12px;
       font-family: arial, sans-serif, tahoma;
       padding: 1px;
       margin-top: 1px;
       margin-bottom: 1px;
       margin-right: 1px;
       margin-left: 1px;
       color: white;
}
#tooladmin a {
	width:  120px;
	display: block; 
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
	padding: 1px;
    padding-left: 2px; 
    padding-right: 2px; 
    border-width: 0; 
    background-color: #003366; 
    text-decoration: none; 
    color: #EDEDED; 
    margin: 4; 
    font-weight: bold;
}
#tooladmin a:hover {
	background-color: #6699FF; 
	font-family: arial, sans-serif; 
	font-size: 11px;
	padding: 1px;	
    padding-right: 2px; 
	padding-left: 2px;     
    color: black; 
    text-align: left; 
    font-weight: bold;
} 

#tooladmin2 
       {
	   width: 170px;    
	   background-color: white; 
       font-size: 12px;
       font-family: arial, sans-serif, tahoma;
       padding: 1px;
       margin-top: 1px;
       margin-bottom: 1px;
       margin-right: 1px;
       margin-left: 1px;
       color: white;
}
#tooladmin2 a {
	width:  170px;
	display: block; 
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
	padding: 1px;
    padding-left: 2px; 
    padding-right: 2px; 
    border-width: 0; 
    background-color: #003366; 
    text-decoration: none; 
    color: #EDEDED; 
    margin: 4; 
    font-weight: bold;
}
#tooladmin2 a:hover {
	background-color: #6699FF; 
	font-family: arial, sans-serif; 
	font-size: 11px;
	padding: 1px;	
    padding-right: 2px; 
	padding-left: 2px;     
    color: black; 
    text-align: left; 
    font-weight: bold;
} 


#studentinfo TABLE
       {
	   background-color: white; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       color: #003366;
       padding: 2px;
}
#studentinfo INPUT
       {
	   background-color: #DDDDDD; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       color: #003366;
}

#container {
	width: 90%;
	float: left;
	margin-right: -13.5em;
}

#main {
	margin: 2em 13.5em 2em 1.5em;
	padding: 0;
}

#headerxhtml {
	margin: 0 0 2em 0;
	padding: 0;
	width: auto;
	border: solid #000000 1px;
	background: #878FEB;
}
 
.datacells {
	text-align: top;
	float: left;
	width: 20em;
}

.row {
	clear: both;
}

.row span.label {
	color: lightgrey;
	float: left;
	width: 20em;
	font-weight: bold;
	text-align: right;
	padding: 0 1em 0.8em 0;
	margin: 0;
}

.row span.data {
	color: lightgrey;	
	float: right;
	width: 20em;
	text-align: left;
	padding: 0 0 0.8em 0;
	margin: 0;
}