body{FONT-FAMILY: Verdana, Arial, Helvetica, san-serif;FONT-SIZE: 11px;line-height: 18px;}

H1{FONT-FAMILY: Verdana, Arial, Helvetica, san-serif;FONT-SIZE: 24px;line-height: 28px;font-weight: bold;}

H2{FONT-FAMILY: Verdana, Arial, Helvetica, san-serif;FONT-SIZE: 18px;line-height: 24px;font-weight: bold;}

H3{FONT-FAMILY: Verdana, Arial, Helvetica, san-serif;FONT-SIZE: 16px;line-height: 21px;font-weight: bold;}

#wrapper {
position: relative;
text-align:left;
width:800px;
margin-left:auto;
margin-right:auto;
border: solid 1px #08153F;
background-image:url(../images/blueBackground.gif);
background-repeat:repeat-y;
}
 
#PorterLogo {
width:800px;
margin:0px 0px 0px 0px;
text-align:left;
}
 
#PorterBanner {
width:800px;
margin:0px 0px 0px 0px;
}
 
#navigation {
float:left;
 width: 156px;

background-color:#08153F;
 font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
}
 
#navigation ul {
 list-style: none;
 margin: 0px 0px 0px 0px; /*It is crucial that this margin be set to avoid distorting the container. */
 padding: 0;
}
 
#navigation li {
 border-bottom: 1px solid #000000;
margin:0px 0px 0px 0px;
}
#content H1 {
 margin-top:0px;
 margin-bottom:5px;
 padding-top:0px;
}
 
#content H2 {
 margin:10px 0px 0px 0px;
}
 
p {
 margin:0px 0px 10px 0px; /* It is necessary to set the margin for paragraphs, because Firefox automatically adds a default margin above, whereas IE doesn't. */
}
 
#navigation li a:link, #navigation li a:visited  {
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 12px solid #08153F;
 border-right: 1px solid #08153F;
 background-color: #152c56;
 color: #FFFFFF;
 text-decoration: none;
}
 
#navigation li a:visited  {
 font-weight:bold;
}
 
/*The following code styles the link corresponding to the current page. It goes in the "a" tag 
of the list item i.e. <a href="#" id="current"> */
#navigation li #current {
 background-color: #08153F;
}
 

#navigation li a:hover {
 background-color: #08153F;
 color: #FFFFFF;
}
 
#footer {
text-align:center;
background-color:#08153F;
color:#FFFFFF;
width:644px;
padding: 10px 0px 20px 156px;
clear:both; /* This clear both is necessary to avoid the footer from sliding up into any empty space under the navigation. */
}
 
#footer a:link, #footer a:visted {
 color:#FFFFFF;
}
 
#content {
border: solid 0px;
width:624px;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
float:right; /* This float right is necessary to position the content right of the floating navigation. */
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
#content a:link, #content a:visited {
 text-decoration:none;
 color:#08153F;
 font-weight:bold;
}