body {
      font-size: medium;
      margin:0;
      padding:0;
      text-align: left;
      font-family: verdana, arial, helvetica, sans-serif;
      color: #FFFFFF;
      background-color: #024877;
}

h1, h2, h3 {
        font-weight: bold;
}

h1 {
    font-size: 300%;
    color: #ff8530;
    text-align: right
;
}
h2 {
    font-size: 220%;
    color: #FF3333;
    font-style: italic;
}
h3 {
    font-size:160%;
    color: #69bd44;
}
hr {
   background-color: #ff8530;
   margin-left: auto;
   margin-right: auto;
   height: 5px;
}
ul {
    list-style-type:  none;
}
 
a:link {
   color: white;
}
a:visited {
   color:red
}
a:hover {
   color: yellow;  
}

#header{
height:13em;
    background-image: url(Images/GrinNationWeb.gif);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: none;
    margin-right:5em
}
#mainpic{
float:left;
    margin-right: 1em;
}
#piclist{
clear:both;
 padding:10px;

}

img {
border: solid 2px #ff8530;

}
#content{
width:76%;
position:absolute;
top:15em;
text-align: left;
line-height: 1.5;
right:2%;

}
#content-text{
margin-top: 3em;
margin-left: 1em;
margin-right: 1em;
}

#secondary_content{
color: #69bd44;
background: #024877;
width:22%;
position:absolute;
text-align:center;
top:16em;
}
#footer{
background:#ff8530;
text-align: right;
padding:0.5em;
}

ul#navlist { 
font-family: sans-serif; 
}

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #024877;
padding-left:10px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
border: 3px #006F9C outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #006F9C;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #006F9C;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 10pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 6.5em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " "; }