/* === GLOBAL styles === */
body { margin: 0px; font-size: 11px; font-family: tahoma, helvetica, arial, sans-serif; color: #1A1A1A; }
td, p { font-size: 11px; color: #1A1A1A; font-family: tahoma, helvetica, arial, sans-serif; }
img { border: 0; }

/* === PAGE LAYOUT === */
#container { width: 650px; margin: 0; }
#content { width: 650px; background-color: #ffffff; position:relative; float:left;  margin:0; padding:0; text-align: left; }
#header { position: relative; top: 0px; height: 83px; }
#header .headerTxt { font-size: 13px; position: absolute; left: 335px; top: 20px; }
#titleBar { color: #333333; font-size: 13px; background: #E0E0E0; width: 650px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #5A5A5A; text-align: right; }
#colMain {width:650px; float:left;  margin:0; padding:0; }

div.pgContent { padding: 20px 10px 20px 10px; }
div#pgHead { width: 600px; height: 36px; background: url(../images/pg_head.gif); padding: 0; margin: 0; }
div#pgHead p { color: #1A1A1A; font-size: 14px; background: url(../images/pg_head.gif); padding: 10px 20px 5px 15px; margin: 0; }
div.pgContent .H1 { font-size: 12px; color: #3289C0; margin: 20px 0 5px 10px; }
div.pgContent p { margin: 0 0 10px 10px; }

a { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:link { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:active { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:visited { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:hover { color: #3289C0; text-decoration: underline; font-weight: normal; }
a.plain { color: #CC0000; text-decoration: none; font-weight: normal; }
a:link.plain { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:active.plain { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:visited.plain { color: #CC0000; text-decoration: underline; font-weight: normal; }
a:hover.plain { color: #3289C0; text-decoration: underline; font-weight: normal; }

.H1 { font-size: 12px; color: #3289C0; margin-bottom: 5px; }
.H2 { font-size: 12px; color: #CC0000; margin-bottom: 5px; }
.bold { font-weight: bold; }

.image { margin: 0 0 5px 0; border:1px solid #4C899C; }
.list { margin: 0.5em 1em 0.5em 2.5em; list-style: none url(../images/bullet1.gif); }
.list li { margin-bottom: 0.5em; }

.clear { clear: both; }

#footer { width: 650px; padding: 0; margin: 0; background: #E0E0E0; }
#footer p { color: #333333; margin: 30px 20px 30px 20px; }
#footer p.fltLft { float:left; text-align: left; }
#footer p.fltRgt { float:right; text-align: right; }
#footer a { color: #333333; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #CC0000; text-decoration: underline; font-weight: normal; }
#footerBG { background: url(../images/t_bgContainer.gif); }

/* === CALENDAR === */
div.calItem { padding: 20px 0 30px 10px; }
div.calItem .H3 { color: #3289C0; padding: 4px 3px 4px 5px; font-size: 12px; font-weight: bold; border: 1px solid #C6C6C6; }
div.calItem .calDate { padding: 4px 5px 4px 3px; font-size: 12px; font-weight: normal; text-align: right; border-bottom: 1px solid #C6C6C6;  }
div.calItem p { margin: 0; padding: 0;  }
div.calItem .calDetail { padding: 2px 0 2px 0; background-color: #EFF8F9; }
div.calItem .calDesc { padding: 2px 0 5px 0; background-color: #EFF8F9; }
div.calItem .calName { color: #3289C0; padding: 2px 4px 2px 0; text-align: right; background-color: #EFF8F9; }
div.calItem .calNameT { color: #3289C0; padding: 2px 2px 2px 0; text-align: right; background-color: #EFF8F9; vertical-align: top; }
div.calItem a, div.calItem a:link, div.calItem a:active, div.calItem a:visited  { color: #CC0000; text-decoration: none; font-weight: normal; }
div.calItem a:hover { color: #3289C0; text-decoration: underline; font-weight: normal; }

.calDiv { height: 20px; background: url(../images/divider.gif) repeat-x top; }