body {margin:0; padding:0; background-color:#FFFFFF; height:100%; /* 100 % height */}

/* controls overall table, includes top and bottom red bars */
table#wrapper {padding:0px; margin:0px; width:100%; z-index:1; border-top: 20px solid #DB2A29} 

#bottom { 
background-color:#DB2A29; height:100%; width:100%;
z-index:10; left:0; right:0; bottom:0; height:20px/* Prevent certain problems with form controls */; bottom:0 
} 
/* controls content table. this includes header, footer, navigation, body */
table#content {margin:0px 0px 0px 10px; padding:0px; width:740px; border:0}

/* controls menu area background image */
td#navbkg {background-image:url(images/nav.jpg); background-repeat:no-repeat; background-position:top; background-color:#E2E8E9; width:198px}

/* controls red gradient rule */
#grad {background-image:url(images/redgrad.jpg); background-repeat:repeat-y; background-position:top; background-color:#DB2A29; width:8px} 

/* controls slim gray rule to left of menu */
#shadow_grad_l {background-image:url(images/l_shadow.gif); background-repeat:repeat-y; background-position:top; background-color:#FFFFFF; width:4px; }

/* controls slim gray rule to right of menu */
#shadow_grad_r {background-image:url(images/r_shadow.gif); background-repeat:repeat-y; background-position:top; background-color:#FFFFFF; width:4px; }

/* dictates default body text in case text is otherwise unstyled in css, such as lists, blockquotes, etc. */
td#bodytext_default {font: 9pt Arial, Helvetica, sans-serif; color:#000000; line-height:135%; text-align:left}

h1 {padding:15px 20px 10px 20px;  margin:0px 10px 5px 0px; font: bold 15pt Arial, Helvetica, sans-serif; line-height:135%}

p {padding:0px 20px 5px 20px; margin:0px 10px 5px 0px; font: 9pt Arial, Helvetica, sans-serif; line-height:135%}

#footer {font: 7pt Verdana, Arial, Helvetica, sans-serif; color:#333333; line-height:145%; width:175px; margin:10px 10px 20px 10px; padding:0px 0px 10px 0px; border-bottom:dashed 1px #ccc; text-align:left}

a:link {color:#DB2A29; decoration:none}

a:visited {color:#DB2A29; decoration:none}

a:active {color:#DB2A29; decoration:none}

a:hover {color:#DB2A29; decoration:underline}

a:visited:hover {color:#DB2A29; decoration:underline}

.required   {color: #c00;}

/* nav menu */

#nav {
width:180px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


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

#nav a {
color:#DB2A29;
text-decoration: none;
display: block;
border-bottom: 1px dashed #ccc;
padding:2px 0px 2px 0px
}

#nav a.span {
color:#DB2A29;
text-decoration: none;
display: block;
padding: 2px 0px 2px 2px
}

#nav a.span:hover {
color: #ffffff;
background-color:#DB2A29;
text-decoration: none;
display: block;
padding: 2px 0px 2px 2px
}

/* controls how current page user is viewing is indicated in the menu */
#nav a#currentpage {
color:#ffffff;
background-color:#DB2A29;
text-decoration: none;
display:block}


#nav li {
clear: both;
font-size:9pt;
line-height:140%;
margin-left:5px
}

#nav li#top {
margin-top:12px}

#nav li ul li {
font-size:8pt;
border: none
}

#nav li ul li a, #nav li ul li a:visited {
color: #DB2A29;
padding-left:2px
}

#nav li ul li a:hover, #nav li ul li a:visited:hover {
color: #ffffff;
background-color: #DB2A29;
padding-left:2px
}