﻿/******* General *******/
body {background-color: white; font-family: verdana; font-size: 12px; color: #333; line-height: 18px; height: 100%;}
html {height: 100%; border: 0; padding: 0; margin: 0;}
input, select, textarea { font-size: 11px; font-family: verdana }
td {vertical-align: top;}
img {border: 0px; margin: 0px; padding: 0px;}
hr {height: 1px; color: red; max-height: 1px; }
strong {color: #085c93;}
p {margin-left: 11px; padding: 0px; margin-top: 0px;}
a {cursor: pointer;}
h1 {font-size: 24px; margin-left: 11px; color: #1d6e09; font-weight: normal; margin-top: 0px; padding-top: 30px;}
h2 {font-size: 24px; margin-bottom: 20px; padding: 20px 11px; color: #1d6e09; font-weight: normal; background-color: #dde895; margin-top: 0px; background-image: url('images/title-back.jpg'); background-repeat: repeat-x;}
h3 {font-size: 16px; margin: 0px; padding: 30px 8px 10px 8px; color: #085c93; font-weight: normal;}
h4 {font-size: 20px; margin: 0px; padding: 0px; color: #085c93; font-weight: normal;}

/******* links *******/

a:link {text-decoration: none; color: #085c93;} 
a:visited {text-decoration: none; color: #085c93;}
a:hover {text-decoration: underline; color: #085c93;}
a:active {text-decoration: none; color: #085c93;}

ul#Menu {background-image: url('images/navBack.jpg'); background-repeat: repeat-x; height: 42px; padding: 0px; margin: 0px; display: block;} 
ul#Menu li { display: inline; list-style: none; padding: 3px 0px; margin: 0px; position: relative; top: 9px; }
ul#Menu li a { color: white; padding: 2px 14px; margin: 0px; border-right: 1px solid white;}
ul#Menu li a:hover {text-decoration: none; color: #99d0f7; padding: 2px 14px;}

ul#sideNavigation {padding: 0px; margin: 0px; } 
ul#sideNavigation li {list-style-type: none; padding: 4px 10px 4px 10px; margin: 0px; position: relative; top: 0px; border-top: 1px solid #e3e3e3; }
ul#sideNavigation li a{ color: #333333; margin: 0px; font-size: 11px; display: block; }
ul#sideNavigation li a:hover {text-decoration: none; color: #7b7b7b; font-size: 11px; display: block; margin: 0px;}


/******* id *******/
#container {margin:0 auto; position: relative; width: 990px; height: auto; height: 100%;  top: 0px;  left: 1px;}
#top {position: absolute; top:0px; left:0px; height: 212px; width: 990px;}
#topBar {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 10px solid #4a4a4a;}
#navigation {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 0px 4px; height: 42px;}
#scrollText { height: 16px; padding: 13px; background-image: url('images/gradient.jpg'); background-repeat: repeat-x; color: #ce0f0f;}
#wrapper {width: 100%; position: relative; top: 212px; left: 0px; display: block; height: 100%;}
#sideNav {width: 240px; position: absolute; top:0px; left:0px; border-top: 1px solid #e5e5e5; min-height: 500px;}
#main {background-color: #f2f2f2; width: 750px; position: relative; padding-left:240px; min-height: 630px;}
#footer {width: 960px; height: 9px; padding: 15px; background-image: url('images/gradient.jpg'); background-repeat: repeat-x; color: #7b7d7b; font-size: 9px;}
#pageLayout {background-color: white; padding-left: 10px; min-height: 630px; padding-bottom: 60px;}
#pageLayout li { list-style-image: url('images/bullet-blue.png'); margin-left: 10px;}

#home_main_top {width: 738px; height: 212px; background-image: url('images/home_main_top.jpg'); background-repeat: no-repeat; }
#home_main_top p {width: 500px;}
#home_main_top i {color: #1d6e09; font-size: 16px; margin-left: 11px;}
#home_main_bottom {width: 738px; height: 123px; background-image: url('images/home_main_bottom.jpg'); background-repeat: no-repeat;}
#home_main_bottom a {font-size: 14px; color: #1d6e09;}
#grey td {background-color: #f2f2f2;}

/******* class *******/
.astrict {color: #cc0000;}
.leftColumn {width: 364px; padding-right: 10px; position: absolute;}
.rightColumn {position: relative; width: 364px; padding-left: 374px;}
.columnBody {padding-bottom: 70px; display: block;}
.example {border: 1px solid #e3e3e3; padding: 15px; margin-bottom: 30px; display: block; font-size: 11px;}
.example a {font-size: 16px; color: #085c93;}
.button	{ background-color: #1d6e09; cursor: pointer; padding: 4px 6px; display: block; color: white; border: 0px solid white;}
.line {background-color: #c8c8c8; height: 1px; margin-top: 30px;}
.titleNo {margin-top: 0px; padding-top: 0px;}
.formLook td {background-color: #f2f2f2; border-bottom: 2px solid white;}
.days_back {border: 1px solid #b3cd76; background-image: url('images/daysBack.jpg'); background-repeat: repeat-x; background-color: #dde895; padding: 30px 10px; font-size: 12px; margin: 70px 12px;}

/******* not used yet *******/

.leftTD td {text-align: left;}

/******* pop up *******/

.pop-container {border: #CECFCE 1px solid; width: 480px; margin: 5px; padding: 5px;	background-color: #FFFFFF;}
.pop-header {background-color: #E7EFE7; border-bottom: 7px solid white;}
.pop-footer {background-color: #F3F7F3; text-align: center;}
.popTableBottom td {border-bottom: 8px solid #E7EFE7;}