@charset "UTF-8";

/* repeating background in body */
body {
margin: 0px 0px 0px 0px;
padding: 0px;
background: #FFCC33 url(../IMAGES/background.png) 0 0 repeat-y ;
}

/* large horizontal offset for these text elements in the content div */
h1, h2, h3, p, ul {
margin: 10px 35px 25px 400px;
}

/* content div with the large offset in the text, and an offset 
from the top of the page as well*/
div#content {
position: absolute; 
margin: 220px 0px 0px 0px;
width: 100%;
z-index: 3;
/* if you want to see the div, use this border
border-style:solid;
border-width: 1px;
border-color: black;
*/
font-family: Verdana, sans-serif; font-size: 14px; color: black; 
}

/* in the content div */
div#content a:link {
display: inline; 
text-align: left; 
font-family: Verdana, sans-serif; 
font-size: 14px; 
color: #660000; 
padding: 0px 00px; 
margin: 0 0 0 0px; 
border-width: 0; 
text-decoration: none; 
}

/* in the content div */
div#content a:visited {
display: inline; 
text-align: left; 
font-family: Verdana, sans-serif; 
font-size: 14px; 
color: #660000; 
padding: 0px 00px; 
margin: 0 0 0 0px; 
border-width: 0; 
text-decoration: none; 
}

/* in the content div */
div#content a:hover {
display: inline; 
background: #660000;
text-align: left; 
font-family: Verdana, sans-serif; 
font-size: 14px; 
color: white; 
padding: 0px 00px; 
margin: 0 0 0 0px; 
border-width: 0; 
text-decoration: none; 
}

/* in the content div */
/* was font-size 24, padding 3 px 20 px  margin 0 0 15 */
div#content a:active {
display: inline; 
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 14px; 
color: white; 
padding: 0px 0px; 
margin: 0 0 0 0px; 
border-width: 0; 
text-decoration: none; 
}

/* in the content div */
div#content img {
margin-left: 400px
}

/* in the content div */
div#content table {
margin-left: 380px
}

/* center_box div -- for the form on the 
registration page -- with an 
offset from top and left side of page*/
div#center_box {
position: absolute; 
margin: 220px 0px 0px 500px;
width: 50%;
z-index: 3;
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
font-family: Verdana, sans-serif; font-size: 14px; color: black; 
}


/* header at the top of the page */
div#header {
position: absolute;
margin: 0px;
padding: 0px;
/*width: 1097px;*/
width: 1074px;
height: 191px;
z-index: 2;
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
background: #FFCC33 url(../IMAGES/header.jpg) 0 0 no-repeat ;
}

/* 
a faint background underneath the
text of the content div
in the middle of the page
*/
div#background-image {
position: absolute;
margin: 300px 0px 0px 500px;
padding: 0px;
width: 500px;
height: 306px;
z-index: 2;
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
background: #FFCC33 url(../IMAGES/frib_sketch.gif) 0 0 no-repeat ;
}

/* offset the main navigation bar from the top by 200 px*/
div#navigation {
position: absolute; 
margin: 200px 20px 0px 10px;
width: 240px;
z-index: 3;
font-family: Verdana, sans-serif; 
font-size: 14px; 
color: black; 
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
}

/* in the main nav bar */
div#navigation a:link {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: white; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/* in the main nav bar */
div#navigation a:visited {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: white; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/* in the main nav bar */
div#navigation a:hover {
display: block; 
background: #FFCC33;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: black; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/* in the main nav bar */
div#navigation a:active {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: white; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}


/* 
modify main navigation for pages with 
two levels of nav menus 
*/
div#nav3 {
position: absolute; 
margin: 200px 20px 0px 10px;
width: 240px;
z-index: 3;
/*font-family: Verdana, sans-serif; */ 
/*font-size: 14px; */ 
/*color: black; */
display: block; 
text-align: left; 
font-family: Verdana, sans-serif; 
font-size: 14px; 
color: white; 
border-width: 0; 
text-decoration: none; 
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
}


div#nav3 a:link {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: #FF9966; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

div#nav3 a:visited {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: #FF9966; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

div#nav3 a:hover {
display: block; 
background: #FFCC33;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: black; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

div#nav3 a:active {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 24px; 
color: #FF9966; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/* second level navigation bar for certain pages */
/* offset this navigation bar from the top by 200 px*/
div#nav2 {
position: absolute; 
margin: 200px 20px 0px 260px;
width: 120px;
z-index: 3;
font-family: Verdana, sans-serif; 
font-size: 12px; 
color: black; 
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
}

/*in the second level nav bar */
div#nav2 a:link {
display: block; 
background: #FFCC33;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 14px; 
color: black; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/*in the second level nav bar */
div#nav2 a:visited {
display: block; 
background: #FFCC33;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 14px; 
color: black; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/*in the second level nav bar */
div#nav2 a:hover {
display: block; 
background: orange;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 14px; 
color: red; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}

/*in the second level nav bar */
div#nav2 a:active {
display: block; 
background: #660000;
text-align: left; 
font-family: Arial, sans-serif; 
font-size: 14px; 
color: white; 
padding: 3px 20px; 
margin: 0 0 15px; 
border-width: 0; 
text-decoration: none; 
}


/* pictures of students at bottom of main navigation div */
div#pictures-bottom {
position: absolute; 
margin: 800px 0px 0px 10px;
width: 240px;
height: 152px;
z-index: 2;
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
}

/* pictures of science at right end of header image and header div */
div#pictures-top {
position: absolute; 
margin: 20px 20px 0px 750px;
width: 240px;
height: 152px;
z-index: 2;
/* border-style:solid;
border-width: 1px;
border-color: black;
*/
}