<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<style type="text/css">

body  {line-height:125%; font-size:11px;font-family: verdana, arial; font-weight:normal; font-style: normal; text-decoration:none; color:#000033;margin: 0;padding: 10;
}

a:link { line-height:125%;font-weight: normal;color: #0055a4;text-decoration: none}
a:visited { line-height:125%;font-weight: normal;color: #0055a4;text-decoration: none}
a:hover { line-height:125%;font-weight: normal;color: #788a2d;text-decoration: none;}
a:active { line-height:125%;font-weight: normal;color: #788a2d;text-decoration: none;}


H1  {  line-height:85%;font-size: 20px ;font-family: verdana, arial; font-weight: normal; font-style: normal;  color:#0055a4; }
H2  {  line-height:85%;font-size: 16px;font-family: verdana, arial; font-weight: bold; font-style: normal;  color:#0055a4; }
H3  {  line-height:120%;font-size: 12px;font-family: verdana, arial; font-weight: bold; font-style: normal;  color:#0055a4; }
H4  {  line-height:120%;font-size: 14px;font-family: verdana, arial; font-weight: bold; font-style: normal;  color:#788A2D; }
H5  {  line-height:120%;font-size: 12px;font-family: verdana, arial; font-weight: normal; font-style: normal;  color:#0055a4; }

TABLE  { line-height:125%; font-size: 11px;font-family: verdana, arial; font-weight: normal; font-style: normal;  color:#000033; }
TD  { line-height:125%; font-size: 11px;font-family: verdana, arial; font-weight: normal; font-style: normal;  color:#000033; }
TR  { line-height:125%; font-size: 11px;font-family: verdana, arial; font-weight: normal; font-style: normal;  color:#000033; }


/* TEXT STYLE CLASSES */
/* Use these class definitions to refer to special font and title styles */
.style1 {font-family:verdana,tahoma;font-weight: bold;font-size:10px;color:#525252;
} /* event header, index page */

.style2 {font-family: verdana, tahoma; font-weight: normal; font-style: normal;font-size:8px;  color:#525252;margin-left:20px;
} /* event body, index page */

.style3 {font:italic 100%/1.0 Georgia, serif;line-height:font-size:15px;color:#ffffff;
} /* WHITE callout text USED ON NAV*/

.style4 {font:italic 100%/1.0 Georgia, serif;font-weight:bold; font-size:15px;color:#788A2D;
} /* GREEN title text    */

.style5 {font:italic 100%/1.0 Georgia,serif;font-size:18px;font-weight:bold;color:#0055A4;
} /* BLUE title text    */

.style6 {font:italic 100%/1.0 Georgia, serif;font-weight:bold; font-size:13px;color:#0055a4;
} /* This is the Mission Statement on the index page -- */

.style7 {line-height:135%;font:italic  Verdana, Tahoma;font-weight:bold; font-size:13px;color:#788A2D;
} /* Adademics menu -- like Breadcrumbs... */



div.contentbubble{ padding:347px;top:390px; clear:left;border:1px dotted grey;right:22px;
}/*this one just "inflates" the content area with space that will hold no matter how much content goes in*/



div.contentbubble2{ padding:15px;top:190px; clear:left;border-left:1px dotted grey;border-top:1px dotted grey;right:22px;
} /* background:url(images/treetops.jpg);*/


div.superheader{ padding:1px;top:0px;right:0px; color:white;text-align:right;font-size: 11px;font-family: verdana, tahoma; font-weight: normal; font-style: normal;  color:#525252;
} /*header up top with the nav items*/


div.headerright{ padding:0px;text-align:right;color:white;clear:left;position: absolute;z-index:0;right:10px;
}  

div.headerright1{ padding:0px;text-align:right;color:white;clear:left;position: absolute;z-index:0;right:10px;
}  


div.headerleft{ padding:10px;text-align:left;color:white;clear:left;position:absolute;z-index:1;
} 


div.headerholder{ width:100%; 
}

/* TESTING CRUMBS*/
#breadCrumb li {
float: left;
display: inline;
margin-right: 4px;
}


   
   

div.bubblebottom{ WIDTH:100%;position:absolute;margin-left:-350px; top:320px;clear:left;z-index:0;
}  /*no longer in use??*/

div.footer{ padding:3px; color:#0055a4; background-color: #0055A4;clear:left;font-size: 10px;font-family:verdana, tahoma; font-weight: normal; font-style: normal; text-align:center; color:#ffffe8;
}

div.footer2{ padding:3px; color:#0055a4; background-color: #0055A4;clear:left;font-size: 10px;font-family:verdana, tahoma; font-weight: normal; font-style: normal; text-align:center; color:#ffffe8;
}

div.footer3{ float:left;bottom:10px;width:800px;padding:3px; color:#0055a4; background-color: #0055A4;clear:left;font-size: 10px;font-family:verdana, tahoma; font-weight: normal; font-style: normal; text-align:center; color:#ffffe8;
}

div.left{ position: absolute;top:280px;left:2px; width:210px; margin:0; padding:15px;}/*content menu for page 1*/

div.left2{ position: absolute;top:185px;left:2px; width:210px; margin:0; padding:15px; } /*content menu for page 2*/


div.content1{ position:absolute;margin-left:-120px;top:290px; padding:15px;line-height:125%;font-size:12px;font-family: verdana, arial; font-weight:normal; font-style: normal; text-decoration:none; color:#0055a4; width:550;
background-repeat: repeat-x;height:100%;z-index:0;
}




div.rotate{ position:absolute;margin-left:-145px;top:507px; padding:15px;line-height:125%;font-size:12px;font-family: verdana, arial; font-weight:normal; font-style: normal; text-decoration:none; color:#0055a4; width:550; border:1 px;
/*background-image: url(images/boy.jpg);*/
background-repeat: repeat-x;height:100%;z-index:0;
}





/* Here are the definitions for the events calendar */
div.calendar{line-height:100%; position:absolute;margin-left:280px;top:285px; padding:15px;font-size:10px;font-family: verdana, arial; font-weight:normal; font-style: normal; text-decoration:none; color:#000033;width:330px; }
.calendar p{line-height:100%; font-size:10px;font-family: verdana, arial; font-weight:normal; font-style: normal;  color:#000033; }
.calendar a:link {line-height:100%; font-size:10px; font-weight: bold;color: #0055a4;}
.calendar a:visited {line-height:100%; font-size:10px; font-weight: bold;color: #0055a4;}
.calendar a:hover {line-height:100%; font-size:10px; font-weight: bold;color: #788a2d;}
.calendar a:active {line-height:100%; font-size:10px; font-weight: bold;color: #788a2d;}


div.content3{line-height:125%; float-left;width:550px;margin-left:225px;top:775px;font-size:11px;font-family: verdana, arial; font-weight:normal; font-style: normal; text-decoration:none;#000033}

div.child{ position:absolute;  top:300px; width:500px;background-image: url(images/boy.gif);z-index:3;}
/*margin: 160 150px 25px -125px;*/

div.midline{ position:absolute;padding:3px;width:100%; color:#0055a4; background-color: #0055A4;font-size: 10px;
font-family: verdana, tahoma;font-weight: bold;font-style: normal;color:#ffffe8;margin-top:243px;left:10px;
}
.midline a:link { font-weight: bold;color: #ffffe8;text-decoration: none}
.midline a:visited { font-weight: bold;color: #ffffe8;text-decoration: none}
.midline a:hover { font-weight: bold;color: #66cc99;}
.midline a:active { font-weight: bold;color: #66cc99;}
/* testing */

div.midline2{position:absolute;padding:3px;width:100%; color:#0055a4; background-color: #0055A4;font-size: 10px;
font-family: verdana, tahoma;font-style: normal;color:#ffffe8;margin-top:140px;left:10px;
}  
.midline2 a:link {font-weight: bold;color: #ffffe8;text-decoration: none}
.midline2 a:visited {font-weight: bold;color: #ffffe8;text-decoration: none}
.midline2 a:hover {font-weight: bold;color: #66cc99;}
.midline2 a:active {font-weight: bold;color: #66cc99;}




</style>