* { padding: 0; margin: 0; }

html {height: 100%; }
#form { height: 100%; }

body { height:100%; width:100%;    
    background-color:#F4F4F4; color:#000000;  
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11pt; 
    background-image:url(/images/body_bg.gif); background-repeat:repeat-y repeat-x; background-position:center; 
    position:absolute; 
}

#borders { position: absolute; top: 0px; left: 50%; margin-left: -401px; width: 802px; height: 1500px; 
                 background-image:url(/images/border_bg.gif); background-repeat:repeat-y; 
} 

#page { position: absolute; top: 0px; left: 50%; margin-left: -381px; width: 762px; height: 100%; background-color:White; } 

h1 { font-size:16px; color:#008080; margin-bottom: 10px; }
h2 { font-size:14px; color:#000; margin-bottom: 10px; line-height: 20px; }
h3 { font-size:12px; color:#000; margin-bottom: 10px; }

h1 strong { font-family: Century Gothic, Avant Garde; font-size: 22px; }

p { margin-bottom: 10px; line-height:14pt; }

a { text-decoration:none; color:#008080; }
a:hover { color:#008080; }

#header { height: 100px; background-color:#fff; background-image: url(/images/main_logo.gif); background-repeat: no-repeat; background-position: 400px 15px; }
#navbar { margin:0; padding:3px 15px 0 0; text-align:right; color:#FFFFFF; background-color:#008080; font-size:12px; }
#navbar a { color:#fff; font-size:12px; }
#navbarspacer { height: 20px; background-color:#fff; background-image:url(/images/grad_down.gif); background-repeat:repeat-x; }

#leftcol { float: left; width: 180px; padding-left:14px; padding-top:20px; }

#main_nav { font-weight:bold; color:#008080; padding-bottom: 20px; }
#main_nav ul { margin: 0; padding: 0; list-style: none; }
#main_nav ul li { margin:0; padding:3px; font-size:12px; width:160px; border-bottom-color: #cccccc; border-bottom-style: dotted; border-bottom-width: thin; }
#main_nav ul li.submenu { font-size:11px; padding-left: 20px; }
#main_nav ul li.on a { font-weight: bold; color:#000; }
#main_nav ul li a { color:#008080; }
#sidebar { padding-left: 3px; }

#rightcol { float: right; width: 555px; padding-top: 20px; }

#content { float:right; width:510px; padding: 0px 30px 5px 15px; background-color:#fff; }
#content ul { list-style-position: outside; list-style-type: square; margin-left: 25px; margin-bottom: 20px; }
#content li { margin-bottom: 10px; line-height:20px; }
#content hr { margin-bottom: 20px; }

#pagenav { padding-left: 200px; padding-right: 35px; height: 25px; }

#bottombar { padding: 5px 15px; height: 15px; color: #fff; font-size: 12px;
             background-position: top left; background-image: url(/images/footer_bg.gif); background-repeat: repeat-x; background-position: bottom; }

#footer { margin:1em 0 0 0; padding:0; text-align:center; font-size:0.8em; }
#homepageseo { display: inline; padding-left: 10px; }

.clearFloat { clear:both; }

#leftcol .editbutton  { position: absolute; top: 90px; left: 15px; z-index: 99;  }
#rightcol .editbutton { position: absolute; top: 90px; left: 224px; z-index: 99; }

.editconfig { position: absolute; left: 2px; top: 2px;  z-index: 999;}
.editconfig .editlink { display: inline-block;}
.editarea {  position: relative; min-height: 30px; z-index: 999; }
.editarea .editlink { position: absolute; right: 2px; top: 2px;  }
.editlink a { display: inline-block; padding: 2px; color: #000 !important; background-color: #0f0; text-decoration: none; 
              font-weight: normal; font-size: 12px; border: 2px solid #000; border-radius: 4px; } 
.editcontent { border: dashed 1px #0f0; }