/* CSS Document */

/* color #009999 */

body {background:#F9F2E6; width:100%; height:100%;}

a {color:#009999; text-decoration:none;}
a:hover {color:#CC6600; text-decoration:underline;}

img {
  border: none;
}

div#page {width:850px; margin:0 auto; background-color:#FFFFFF; padding:4px; border:#999999 1px solid; overflow:hidden;}
div#header {background:url(img/header-bg.jpg) no-repeat; height:158px; position:relative;}
td#left {background:url(img/left-bg.jpg) no-repeat; width:200px; vertical-align: top; padding:40px 16px 15px 16px; }
td#right {vertical-align:top; padding:0 26px 16px 26px; border-left:#CCCCCC dashed 1px;}
div#footer {background:url(img/footer-bg.jpg) repeat-x; font-size:10px; line-height:10px; color:#FFFFFF; padding:6px; text-align:right;}
div#flash {height:450px; position:relative; z-index:2; display:none;}

p, div, td {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:18px; text-align:justify;}
p {margin:0; padding:0 0 20px 0;}
img.right {float:right; padding: 4px 0 20px 20px;}
img.left {float:left; padding: 4px 20px 0 20px;}
strong {font-weight:900; color:#009999;}

/* Navigation */
div#header div#nav {position:absolute; top:115px; width:837px; padding-left:10px; z-index:10000}
div#nav a {text-decoration:none; color:#000000; padding:3px 10px;}
div#nav li + li a {padding-left:9px; border-left:#009999 1px solid;}
div#nav a:hover {text-decoration:none; color:#009999;}
div#nav ul, div#nav li {display:inline; padding:0; margin:0;}
div#nav li {position:relative; display:block; min-width:20px; float:left;}
div#nav ul ul {min-width:20px; position:absolute; top:18px; left:0; height:200px;}
div#nav ul ul {display:none;}

div#nav li li {display:block; margin-top:-1px; width:220px;}
div#nav li li a {display:block; padding:3px 3px 3px 20px; border:#FFF 1px solid; background:#099; color:#fff;}

div#nav li li a:hover {background:url(img/bul.jpg) no-repeat 6px 8px #fff; color:#099; border-color:#999999;}
div#nav li:hover ul, div#nav li.sfhover ul {display:block;}

h1 {color:#009999; font-size:15px; display:block; margin:0 0 18px 0; padding:15px 0 2px 0; border-bottom:#CCC 1px dashed; text-transform:uppercase;}

td#left * {text-align:left;}
td#left h1 {color:#009999; font-size:13px; display:block; margin:0 0 8px 0; padding:15px 0 1px 0; border-bottom:#009999 1px dashed;}
td#left h1 a {color:#009999; text-decoration:none; background:url(img/arrow.jpg) right no-repeat; display:block;}
td#left a {color:#666; text-decoration:none;}
td#left a:hover {color:#099; text-decoration: underline;}
td#left ul, td#left li {padding:0; margin:0; list-style:none; display:block;}
td#left li {background:url(img/bul.jpg) no-repeat 0 3px; line-height:13px; padding-bottom:8px; padding-left:17px; font-size:11px;}

/* Home display */
#home td#left * {display:none; text-align:left;}
#home td#left {width:0; padding:0; background:none;}
#home div#header {background-image:url(img/home-main.jpg); height:450px;}
#home div#header div#nav {top:352px; z-index:3;} 
#home div#flash {display:block;}
#home td#right {border-left:0;}

table.justLeft td {text-align:left;}


