html, body {margin: 0; padding: 0;}/*This removes the browser margins and makes the page flush with the top of the viewport*/

body { color: #000; font-size: 12px; line-height: 16px; background-color: #dfe1fb; background-image: url(../graphics/gradientile.jpg); background-repeat: repeat-x; }

img {display: block; border: 0; margin: 0; padding: 0;}
p, td, li, ul, ol {font-family: Verdana, Helvetica, Arial, san-serif;}
p { color: black; margin-top: 0; margin-bottom: 10px;}

.bold { font-weight: bold; }
.italic { font-style: italic; }

h1 { color: #4847a6; font-size: 24px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 27px;} }
h2 { color: #4847a6; font-size: 16px; font-family: Times, "Times New Roman", serif; font-weight: bold; line-height: 18px;  }
h3 { color: #4847a6; font-size: 14px; font-family: Times, "Times New Roman", serif; font-weight: bold; line-height: 17px;  }

.infobold { color: #4847a6; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; margin-bottom: 0; padding-bottom: 2px; }
.infobig { color: #979595; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px; }
.infomed { color: #979595; font-size: 18px; font-weight: bold; line-height: 18px; }
.margin-left { margin-left: 60px; }

.TH {
color: #060673; 
font-size: 10px; font-family: Verdana, Helvetica, Arial, san-serif;
text-align: right; 
padding-right: 40px;}

.padding-top {padding-top: 15px;}
.padding-bottom {padding-bottom: 10px;}
.padding30 {padding-left: 30px; }

a:link { color: #00f; text-decoration: underline;}
a:visited {color: #800080; text-decoration: underline; }
a:hover {color: #00f; text-decoration: underline; }
a:active { color: #00f; text-decoration: underline;}

/* the body, div and container styles below are what center the page */
body {
text-align: center; } /* ie */

div {position: relative;}

div#container { margin: 0 auto;   /* same as 0 auto 0 auto;      works on every other browser */
width: 900px; background-color: #fff; 
background-image: url(../graphics/tilefull.jpg); background-repeat: no-repeat; 
height: 710px; 
}

div#content {
position: absolute;
top: 110px;
left: 210px;
width: 690 px;
background-color: #fff;
min-height: 506px;
}
/* below is the navbar coding  */

#nav{
position: relative;
text-align: left;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
}

#nav li {
display: inline;
background-color: #fff;
}

#nav a:link { color: #4847a6; font-size: 13px; font-family: "Times New Roman", Times, serif;
font-weight: bold;
text-decoration: none; }

#nav a:visited { color: #4847a6; font-size: 13px; font-family: "Times New Roman", Times, serif;
font-weight: bold; text-decoration: none; }

#nav a:hover { color: #05baae; font-size: 13px; font-family: "Times New Roman", Times, serif;
font-weight: bold; text-decoration: none; }

#nav a:active { color: #4847a6; font-size: 13px; font-family: "Times New Roman", Times, serif;
font-weight: bold; text-decoration: none; }

.padding { padding-right: 0.5em; padding-left: 0.5em; }/* used this on the hash marks between the nav entries for some spacing */

/* below is the coding for the middle and right columns on the homepage */

div#main {
margin-left: 0;
text-align: left;
background-color: #fff;
width: 360px;
height: 516px;
overflow: auto;
float: left;
}

#main a:link {color: #979595; text-decoration: none;}
#main a:visited {color: #979595; text-decoration: none;}
#main a:hover {color: #979595; text-decoration: underline;}
#main a:active {color: #979595; text-decoration: none;}

.float {float: left;}

div#sidebar {
width: 290px;
height: 516px;
margin-top: 20px;
margin-right: 0;
padding-left: 20px;
text-align: left;
float: right;
background-color: #fff;
overflow: auto;
 }