BODY {
COLOR: #000; /* default text color */
background: url(images/bg.gif);
background-attachment: fixed;
font-family: Arial;
margin: 10px; /* no margins on any sides */
}


/* General Settings */


a.footer:link, a.footer:visited {
text-decoration: underline;
color: #ffffff;
}


H1 {
COLOR: #182272;
font-size: 16pt;
border-bottom: solid 2px #182272;
}


H2 {
COLOR: #182272;
font-size: 14pt;
}


a:link, a:visited {
text-decoration: underline;
color: #0000ff;
}

a:hover {
text-decoration: none;
color: #0000ff;
}


p.bluelinks {
font-size: 100%;
FONT-FAMILY: Arial;
text-align: center;
font-weight: bold;
margin: 0px 0px 0px 0px
}


.innerlinks p {
margin-top: 4px;
}



li {
margin-bottom: 6px;
}


ul.checkmark {
list-style-type: none;
}


ul.checkmark li {
background: url(images/checkmark.gif) no-repeat;
background-position: 0px 2px;
padding-left: 30px;
margin-bottom: 6px;
}

/* Fixed width in the middle of the screen with a border */


.container {
width: 775px;
display: block;
border: solid 1px #000;
position: relative;
}


.header {
display: block;
background: url(images/header.jpg) no-repeat;
height: 150px;
}

/* Not important if using one solid header the same size as the container above */


.header {
border-bottom: solid 1px #000;
}

/* Use to set the color and size of the leftbar */


td.leftbar {
background-color: #182272;
color: #fff;
border-right: solid 0px #000;
width: 200px;
padding-right: 10px;
}


/* leaving the width at 100% makes it so it will stay with the width set in the leftbar above */

div.mainbodytext {
FONT-FAMILY: arial;
font-size: 10pt;
text-align: left;
}


div.navbar {
margin-top: 20px;
margin-bottom: 100px;
width: 100%;
}


a.nav:link, a.nav:visited {
background-color: #333366;
FONT-FAMILY: arial;
font-size: 10pt;
color: #fff; /* text color */
font-weight: normal;
text-align: left;
padding-left: 4px;
padding-right: 2px;
text-decoration: none;
width: 100%; 
margin-bottom: 6px;
display: block; /* makes it so you don't need br's between the buttons */
-moz-box-sizing:border-box;box-sizing:border-box;
}


/* 
border (format: style size color) solid black on top, and white on bottom gives effect of inner drop shadow - button being pushed down 
*/


a.nav:hover {
background-color: #70869E;
text-decoration: none;
color: #fff;
}


#featured {
font-weight: bold;
}


td.mainwindow {
padding: 10px;
background-color: #fff;
font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
}


a.green:link, a.green:visited {
color: #336600;  
text-decoration: none;
}


a.green:hover {
color: #A7A984; 
text-decoration: none;
}


.copy {
background-color: #182272;
display: block;
color: #fff; 
font-weight: bold;
font-size: 10pt;
FONT-FAMILY: Arial;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}


a.jwd:link, a.jwd:visited {
color: #000000;  
text-decoration: none;
font-weight: bold;
}


a.jwd:hover {
color: #0000ff;
}


a.admin:link, a.admin:visited {
color: #cccccc;  
text-decoration: none;
font-size: 8pt;
text-align: center;
width: 100%;
}

.question {
COLOR: #990033;
FONT-FAMILY: Arial;
font-weight: bold;
}


.floatright {
float: right;
}


.floatleft {
float: left;
margin-right: 10px;
}


DIV {
-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;
}

