/* HTML Redefined */
body { background: #fff; margin: 0; padding: 0; font-size: 62.5%; }
p, div, body, td, th { font-family: Arial, Helvetica, sans-serif; }
p { margin: 0 15px 12px 20px; }
a { font-weight: bold; text-decoration: none; color: #69c; }
a:hover { text-decoration: underline; }
h2, h3 { padding: 0; margin: 0 0 4px 20px; font-family: 'Times New Roman'; font-weight: bold; color: #69c; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { text-align: right; font-size: 1.3em; padding: 0; margin: 4px 20px 4px 0; font-family: 'Arial'; font-weight: bold; color: #FFFFFF; }
h5 { text-align: right; font-size: 1.3em; padding: 0; margin: 0 5px 0 0; font-family: 'Arial'; color: #FFFFFF; }
form { padding: 0; margin: 0; }
img { border: 0; }

/* layout styles */
#container { font-size: 1.1em; }
table#container { width: 780px; }

#header { width: 100%; background: #719cda; }
#header td#slogan { width: 560px; height: 32px; text-align: right; } /* padding-top: 12px; vertical- */
#header td#searchBox { width: 150px; height: 32px; text-align: right; }
#header td#searchBox input { width: 110px; }
#header td#searchButton { width: 70px; height: 32px; }
#header td#searchButton input { width: 60px; height: 22px; }
#leftColumn { width: 170px; vertical-align: top; background: #476ba9; }
#leftColumnBottomChunk { width: 170px; vertical-align: bottom; background: #476ba9; text-align: right;  }
#leftColumnBottomChunk img { margin: 0 20px 25px 0; }
#contentColumns { width: 610px; vertical-align: top; }
#contentTable { width: 606px; margin-left: 4px; border-bottom: 1px solid #69c; }

#leftColumn ul { margin: 0; padding: 0; background: url(../images/nav/stripes_leftnav_1.gif) repeat-y right }
#leftColumn ul li { margin: 0; background: url(../images/nav/rule.gif) no-repeat bottom; }
#leftColumn h4 a {color: #FFFFFF; text-decoration:none}
#leftColumn h4 a:hover {color: #CCCCCC}
#leftColumn h5 a {color: #FFFFFF; text-decoration:none}
#leftColumn h5 a:hover {color: #CCCCCC}

/* a note on #centerColumn: this _should_ be width:426px w\idth:425px but that setting was making IE 5.5 display    */
/* the column one pixel too narrow, so I set it to 427px.  Still strange though. BD 11/9                             */
#centerColumn { width: 427px; w\idth: 425px; border-left: 1px solid #69c; background: url(../images/stripes_vert_center_column.gif) repeat;  vertical-align: top; }
#search #centerColumn  { background: none; }

/* Layout Styles */
#centerColumn ul { margin-right: 4em; list-style-image: url(../images/diamond.jpg);}
#rightColumn { width: 180px; w\idth: 179px; background: url(../images/stripes_vert_left_1.gif) repeat-y scroll top left; border-left: 1px solid #69c; vertical-align: top; }

.homepageItem { width: 380px; margin: 0 0 12px 25px; }
.homepageItem td.image { width: 163px; vertical-align: top; }
.homepageItem td.text { width: 217px; vertical-align: top; }
.homepageItem td.text p { margin: 0 0 12px 0; }
.homepageItem td.text h3 { margin: 0 0 4px 0; }

.homepageHighlight { border: 1px solid #036; width: 385px; margin: 0 0 12px 22px; }
.homepageHighlight td.toprow { background: url(../images/stripes_horiz_dkblue_top_2.gif) repeat-x; height: 8px; font-size: .8em; }
.homepageHighlight td.bottomrow { background: url(../images/stripes_horiz_dkblue_bottom_2.gif) repeat-x bottom; height: 8px; font-size: .8em; }
.homepageHighlight td.middlerow { padding: 10px 0; }
.homepageHighlight td p, .homepageHighlight td h3 { margin-left: 15px; }
.homepageHighlight td p { margin-bottom: 0; }
#searchResults { margin-left: 20px; margin-bottom: 300px; margin-top: 20px; } 
#searchResults td { padding: 5px; } 

/* formatting styles */
.rule { font-size: 1px; border-top: 1px solid #69c; margin: 0 20px 11px 20px; }

#rightColumn .rule { font-size: 1px; border: 0; margin: 0 0 12px 3px; height: 4px; background: url(../images/stripes_horiz_2.gif) repeat-x; }

#rightColumn p, #rightColumn h3 { margin-left: 15px; }
#rightColumn h3 { color: #369; margin-bottom: 4px; }
#rightColumn a { color: #666; }

#centerColumn .pictureLeft { margin: 0 15px 10px 20px; }

.checklistItem { font-family: 'Times New Roman'; font-size: 1.4em; font-weight: bold; color: #369; margin: 0 0 10px 15px;  }
.checklistItem a, .checklistItem a:visited { color: #369 !important; text-decoration: none;  }
.checklistItem img { vertical-align: text-bottom; margin-right: 5px; }

.headerPageTopIntersectRight, .headerPageTopIntersectLeft { color: #69c; font-size: 1.8em; font-family: 'Times New Roman'; border-bottom: 1px solid #69c; }

.headerPageTopIntersectRight { padding: 0 0 5px 0; margin: 15px 3px 10px 20px; }
.headerPageTopIntersectLeft { padding: 0 0 5px 15px; margin: 15px 0 10px 0; }
.headerPageTopIntersectRight img { float:left; margin: 0 5px 0 2px; }

#footer { text-align: right; padding: 9px 25px 10px 0; }
#footer, #footer a { font-weight: normal; color: #666; }