/*----------------------------------------
 General layout 
----------------------------------------  */
html { height:100%; }
body { height:100%; width:100%; text-align:center; background:#EFEFEF url(../images/layout/bg_page.gif) repeat-y center top; margin:0; padding:0; }
body > #wrapper { height: auto; min-height: 100%; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* Opera fix */
#wrapper { height:100%; width:970px; text-align:center; margin:0 auto; padding:0; }
.header { width:970px; height:205px; margin:0; padding:0; background-color: #FFF; background-image: url(../images/layout/header.png); background-repeat: no-repeat; }
.header-inside { padding:175px 0 0; }
.content { background-color:#FFF; text-align:left; min-height:400px; height:auto !important; overflow:auto; padding-bottom:113px; }
.content-inside { width:910px; text-align:left; background-color:#FFF; padding:20px 30px 20px; }
#col-1 { float:left; width:680px; text-align:left }
#col-2 { float:left; width:230px; text-align:left }
.inside-col-1 { padding:0 20px 0 0; }
.inside-col-2 { padding:0; }
#footer { position: relative; margin:0 auto; margin-top: -113px; /* negative value of footer height */ height: 113px; width:970px; clear:both; background:url(../images/layout/footer.png) } 
#footer-col-lft { float:left; width:485px; text-align:left; }
#footer-col-rgt { float:left; width:485px; text-align:right }
.footer-inside-lft { padding:65px 0 20px 180px; color:#FFF; }
.footer-inside-rgt { padding:65px 30px 20px 0; color:#FFF; }
.clearit { clear:both; }
/*----------------------------------------
 Text formatting
----------------------------------------  */
body, th ,td { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
h1 { font-size:8px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#003f2d; }
h1.minimal { font-size:12px; margin:0 0 10px 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:normal; color:#333; }
h2 { font-size:30px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#003f2d; }
h3 { font-size:20px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#003f2d; }
h4 { font-size:14px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#003f2d; }
h5 { font-size:12px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#003f2d; }
.normaltext { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal; }
.smalltext { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:10px; color:#333; }
p { margin:0 0 5px 0; }
.left { text-align:left; }
.right { text-align:right; }
.marginb10 { margin-bottom:10px; }
.marginb20 { margin-bottom:20px; }
#col-1 p, #col-2 p { margin:0 0 5px 0; }
/*----------------------------------------
 Alerts
----------------------------------------  */
.alert_text { color:#ED1C2E; }
.alert_box { color:#ED1C2E; border:1px solid #FC9; padding:3px; background-color:#FFC }
.alert_box a { color:#ED1C2E; }
.alert { color:#ED1C2E; border:1px solid #FC9; background-color:#FFC; margin-bottom:20px; padding:10px; }
/*----------------------------------------
 Links
----------------------------------------  */
a { color:#e51b24; text-decoration:underline; }
a:hover { color:#003f2d; text-decoration:none; }
/*----------------------------------------
 Menu
----------------------------------------  */
.menu { margin:0; padding:0; height:30px; }
.menu ul { list-style:none; margin:0 0 0 22px; padding:0; }
.menu li { float:left; margin:0; padding:0; }
.menu li a { padding:0 8px; color:#FFF; text-decoration:none; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; float:left; display:block; height:30px; cursor:pointer; }
.menu li a:hover, .menu li.highlight a { background:#003f2d url(../images/menu/highlight.png) no-repeat center bottom; color:#FFF; }
.menu li.divider { padding:0; float:left; display:block; width:2px; height:30px; background:url(../images/menu/divider.png); }
/*----------------------------------------
 Modules
----------------------------------------  */
.module-red { background-color:#e51b24; margin-bottom:10px; padding:15px; color:#FFF; }
.module-red h2 { font-size:18px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#FFF; }
.module-red h3 { font-size:16px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#FFF; }
.module-red p { margin:0 0 5px 0; }
.module-red a { color:#FFF; text-decoration:underline; }
.module-red a:hover { color:#003f2d; text-decoration:none; }
.module-green { background-color:#003f2d; margin-bottom:10px; padding:15px; color:#FFF; }
.module-green h1 { font-size:16px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#FFF; }
.module-green h2 { font-size:14px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#FFF; }
.module-green p { margin:0 0 5px 0; }
.module-green a { color:#FFF; text-decoration:underline; }
.module-green a:hover { color:#e51b24; text-decoration:none; }
.module-inline { background-color:#FFF; margin-bottom:10px; padding:15px; border:2px solid #e51b24;  }
.module-inline h2 { font-size:16px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#e51b24; }
.module-inline h3 { font-size:14px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#e51b24; }
.module-inline p { margin:0 0 5px 0; }
.module-inline a { color:#e51b24; text-decoration:underline; }
.module-inline a:hover { color:#003f2d; text-decoration:none; }
.module-inline-green { background-color:#FFF; margin-bottom:10px; padding:15px; border:2px solid #003f2d;  }
.module-inline-green h2 { font-size:16px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#e51b24; }
.module-inline-green h3 { font-size:14px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#e51b24; }
.module-inline-green h4 { font-size:12px; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#e51b24; }
.module-inline-green p { margin:0 0 5px 0; }
.module-inline-green a { color:#e51b24; text-decoration:underline; }
.module-inline-green a:hover { color:#003f2d; text-decoration:none; }
/*----------------------------------------
 Tables
----------------------------------------  */
.datatable { border:2px solid #999; }
.datatable th, .datatable td { border:1px solid #CCC; padding:5px; vertical-align:middle; }
.datatable .header-top { background-color:#F7F7F7; }
.datatable .header-left { background-color:#F7F7F7; }
.blanktable {  }
.blanktable th, .blanktable td { padding:5px; vertical-align:middle; }
.section-start { height:0; border-top:2px solid #003f2d; margin:10px 0; }
.section-end { height:0; border-bottom:1px solid #003f2d; margin:10px 0; }
/*----------------------------------------
 Lists
----------------------------------------  */
.list-green { list-style-type: none; }
.list-green li { background-image: url(../images/bullets/bullet-green.png); background-repeat: no-repeat; background-position: 0; padding-left: 20px; line-height:20px; }
.list-red { list-style-type: none; }
.list-red li { background-image: url(../images/bullets/bullet-green.png); background-repeat: no-repeat; background-position: 0; padding-left: 20px; line-height:20px; }

#hellobar { position:relative; height:24px; line-height:24px; padding:0 20px; font-weight:normal; font-size:12px; text-align:center; color:#333; background:#ffc; border-bottom:1px solid #999; box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; -o-box-shadow:0 0 3px #999; -khtml-box-shadow:0 0 3px #999; font-family:Calibri, "Trebuchet MS", Arial, Arial, Helvetica, sans-serif; margin-right:3px; margin-left:3px }
#hellobar a, #hellobar a:link, #hellobar a:visited { color:#39c; text-decoration:underline }
#hellobar a.hellobar-close, #hellobar a.hellobar-close:link, #hellobar a.hellobar-close:visited { position:absolute; display:block; top:50%; right:5px; width:14px; height:14px; line-height:14px; background:#c00; color:#fff; font-weight:bold; text-align:center; font-family:Verdana; font-size:10px; letter-spacing:0; text-decoration:none; text-shadow:1px 1px #333; margin-top:-8px; border:1px solid #d00; border-top-color:#e99; border-bottom-color:#600; border-right-color:#700; border-radius:3px; -moz-border-radius:3px; -webkite-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; box-shadow:inset 0 0 3px #999; -moz-box-shadow:inset 0 0 3px #999; -webkit-box-shadow:inset 0 0 3px #999; -o-box-shadow:inset 0 0 3px #999; -khtml-box-shadow:inset 0 0 3px #999 }
#hellobar a.hellobar-close:hover { background-color:#c33 }
#hellobar a.hellobar-close:active { text-indent:0; padding-top:1px; height:13px; box-shadow:inset 0 0 3px #666; -moz-box-shadow:inset 0 0 3px #666; -webkit-box-shadow:inset 0 0 3px #666; -o-box-shadow:inset 0 0 3px #666; -khtml-box-shadow:inset 0 0 3px #666 }
