﻿/* dk red #C02431    lt red #CE2531  dk blue #273565  */

/* general styles */
body { margin: 0px; padding: 0px; background-color:white; }
body, td, p, li, td { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#555; line-height:20px;} 
a, a:link, a:visited { color: #273565; font-weight: bold; }
a:hover { color: #002C97; }
img { border:0px }

/* h1 and h2 are styled the same because we didn't want too many h1 tags on the page, 
so use h1 for the most important tag, h2 for the rest */
h1 { color: #C02431; font-size: 18px; font-weight: bold; margin:0px; }
h2 { color: #C02431; font-size: 18px; font-weight: bold; margin:0px; }
h3 { color: #273565; font-size: 14px; font-weight: bold; margin:0px; }

.blue { color: #273565; }
.red { color: #C02431; } 

div#outerWrapper { width:900px; margin-left:auto; margin-right:auto; }

div#pageHeader { }
div#pageTopRed { height: 13px; background-color:#C02431; } 
div#pageTopBlueBar { height:33px; background-color:#273565; background-image:url(/images/main_template/healing.jpg); background-position:center 3px; background-repeat:no-repeat; }
div#pageTopFlag { background-image:url(/images/main_template/top_flag.jpg); background-repeat:no-repeat; height: 87px; }

div#leftPane { float:left; width:195px; }
div#leftMenuHeader { margin-top:20px; background-image:url(/images/main_template/menu_header.jpg); background-repeat:repeat-x; height:31px; margin-bottom:5px; }

div#leftMenu div.leftMenuItem { border-bottom:1px solid gray; padding-bottom:10px; margin-bottom:10px; padding-left:10px; }
div#leftMenu div.leftMenuItem a { text-decoration:none; color:#555;  font-weight:normal; }
div#leftMenu div.leftMenuItem a:hover { text-decoration:underline; color:#273565; }
div#leftMenu div.leftMenuItemSelected a { color:#C02431; font-weight:bold; }

div#leftMenu div.leftMenuSubItem { margin-left:10px; margin-top:5px;}
div#leftMenu div.leftMenuSubItem a { color:#555; }
div#leftMenu div.leftMenuSubItemSelected a { color:#C02431; font-weight:bold; }

div#leftMenu ul li ul li { margin:0px; border:0px; }

div#pageContent { float:right; width:670px; }

ul.blueStarsList { list-style-type:none; margin:0px; padding:0px; }
ul.blueStarsList li { background-image:url(/images/blue_star.jpg); background-repeat:no-repeat; background-position:0 15px; padding-left:28px; padding-top:15px; }

ul.redStarsList { list-style-type:none; margin:0px; padding:0px; }
ul.redStarsList li { background-image:url(/images/red_star.jpg); background-repeat:no-repeat; background-position:0 6px; padding-left:18px; padding-top:4px; color: #273565}
ul.redStarsList li ul { list-style:disc; }
ul.redStarsList li ul li { background-image:none; padding-left:0px; padding-top:0px; color: #C02431}

#MessageBox { margin-top:10px; margin-bottom:10px; padding:10px;}
#MessageBox.Error { border:2px solid #B02127; background-color:#eee;  }
#MessageBox.Error td {color:maroon; }
#MessageBox.Error #MessageBoxIcon { background-image:url('/images/error_icon.png'); }
#MessageBoxIcon { background-repeat: no-repeat; width:27px; height:27px; padding-right:5px; position:relative; top:0px; }