body
{
font-family: arial, helvetica, sans-serif;
font-size: 80%;
}

h1, h2, h3, h4, h5, h6
{
color: #33a0c6;
}

/*top left logo and header*/
#logo
{
position: absolute;
left: 0;
top: 0;
} 

#header
{
position: absolute;
left: 100px;
top: 0;
height: 85px;
width: 600px;
text-align: center;
padding-left: 1em;
}


/* The nav bar */
#navbar
{
position: absolute;
left: 0;
top: 60px;
width: 100px;
margin: 0;
font-size: 100%;
text-align: center;
text-transform: lowercase;
padding: 0.5em;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin-top: 40px;
margin-left: 0px;
width: auto;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 90px;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #33a0c6 #ccc #fff;
border-style: solid;
color: black;
text-decoration: none;
}

ul#navlist li a:hover
{
background: #33a0c6;
color: #fff;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist .active 
{
display: block;
width: 90px;
padding: 0.5em;
border-width: 1px;
background: #33a0c6;
color: #fff;
border-color: #aaab9c #fff #fff #ccc;
}

/* Container for content */
#maincontent
{
position: absolute;
left: 100px;
top: 85px;
width:600px;
padding: 1em;
margin-left: 10px;
}

#maincontent ul li
{
padding: 0.5em;
}

/* Footer - attached to main content container */
#maincontent #footer
{
position: relative;
bottom: 0;
width:600px;
}

#footer
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000;
}

#footer p
{
text-align: center;
font-size: 90%;
}

#footer img
{
border: 0;
}

#valid
{
border: 0;
margin-top: 35px;
margin-left: 325px;
}


/* A bunch of page-specific rules */
.uniname
{
border-top: 1px solid #33a0c6;
}

.uninamebottom
{
border-top: 1px solid #33a0c6;
border-bottom: 1px solid #33a0c6;
}

.left
{
float: left;
margin-right: 10px;
}

.right
{
float: right;
margin-left: 10px;
}

.samesize
{
font-size: 80%;
}