/* Classes and IDs shared across the entire application */
html, body {height: 100%;}
body {background: #a39c7f url(../images/bg.gif) ; font: 76% arial,sans-serif; color: #8D8585; font-size: 0.75em; line-height: 140%; padding: 0; margin: 0; overflow: scroll; }
h1 {visibility:hidden; font-size: 0;}
h2, h3 {margin: 0 0 10px 0; padding: 0;}

img { padding-right: 8px; padding-left: 8px;  border-style: none; text-decoration: none; }

a, a:visited {color:#ff7f02;}
a:hover {color:#0281ff;}
a.selected {font-weight:bold; cursor:default;}
a.selected:hover {color:#ff7f02;}
/* "tools box" */
.textright {text-align: right;}
.textleft {text-align: left;}
.textleft {text-align: left;}
.clearright {clear:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.strong {font-weight: bold;}

/* clearing classes */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
/*Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
 .clearfix{ display: block; }
/*End hide from IE-mac*/

ul, li {padding: 0; margin: 0;  text-align: justify; }

#frame {position: relative; background:#FFF url(../images/shadow_l.gif) repeat-y left; min-width: 770px; max-width: 950px; margin: 0 auto; padding-left: 27px;}
#framepad {padding-right: 27px; background: url(../images/shadow_r.gif) repeat-y right;}

#framebottom {margin-left:-20px; background: url(../images/shadow_d.gif) repeat-x bottom; height: 6px;}
#framebottom span {display: block; height: 6px; width: 7px; background: url(../images/shadow_r.gif) repeat-y right; float:right;}

#header {height: 130px; background: url(../images/peak.jpg) no-repeat right;}
#header #logo {float: left; background: url(../images/logo.gif) no-repeat center; width:346px; height: 130px}
 
/* Navigation */
#nav {background: url(../images/menu_bg.gif) repeat-x top; height: 38px;}
#nav ul {padding-left: 25px; width: auto; height: 38px; background: url(../images/menu_left.gif) no-repeat left top; }
#nav ul li { list-style-type: none; float: left;}
#nav ul li.last {background: url(../images/menu_right.gif) no-repeat right top; padding-right: 25px;}
#nav ul li a {line-height: 28px; display: block; height: 38px; padding: 0 5px; background: url(../images/menu_cont.gif) repeat-x top;}

/* Table */
table {border-bottom: 0 none;}
table td, table th {padding: 1px 10px;}
table thead tr {background-color: #dedede;}
table td, table th {border-bottom: 1px solid #ccc;}

/* Sub-navigation */
#subnav {min-height: 350px; color: #000; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; width: 145px; position: absolute; top: 190px; left: 33px; background: #FFF; border: 1px solid #b0b0b0;}
#subnav ul {margin: 5px; }
#subnav li {list-style-type: none; border-bottom: 1px solid #CCC; text-align: center; }
#subnav li.last {border-bottom: 0 none;}
#subnav li a {display: block; width: 129px; padding:3px;}
#subnav li a:hover {background-color:#ece9de}
#subnav a.selected {background-color:#ece9de}
/* main section */
#main {padding-left: 180px; padding-top: 20px; background: url(../images/side03.gif) no-repeat left top; }
#main p {text-align: justify; margin:0 0 10px 0}
.title em {visibility: hidden; font-size: 0; }
#content, #nav {border-right: 1px solid #a5a5a5; border-left: 1px solid #a5a5a5;}
#content {padding: 10px 15px; border-bottom: 1px solid #a5a5a5;}
#content ul {padding-left: 20px;padding-right: 10px}
#content li {margin-left: 20px;}
/* footer */
#footer {padding: 20px 0 30px 0;}

/* Special links */
.p_end {margin: 0 0 10px 0; padding-bottom: 4px; display: block; border-bottom: 1px solid #CCC;}