BODY { font-family: arial, sans-serif; font-size:80%; margin:0px; height:100%; width:100%; }
A:link,A:visited {color: #00c;}

TH { background:#ccc; color:000; }
TH div { position:relative; }
H1 { position:relative; height:45px; font-size:16px; margin:0px; }
H1 SPAN { position:absolute; bottom:5px; left:25px;  padding:5px; border-left:5px solid #98ca57; } 
H2,.q { color:#98ca57; font-size:14px; margin:0px 0px 20px 30px; font-weight:bold;  }
H3 { color:#000; font-size:12px; margin:0px;  }
.a { padding-left:20px; }
.desc { font-size:85%; font-style:italic; margin:5px; }


FORM {  }
HR { color:white; width:80%; padding-top:10px; margin:0px auto 10px auto; border-left:none; border-top:none; border-right:none; border-bottom:1px dashed #afa6bf; clear:left; }
FIELDSET { overflow:hidden; width:555px; display:block; margin:0px 0px 10px 0px; padding:15px 5px 10px 5px;  -moz-border-radius:8px; border-radius:8px; }
FIELDSET LEGEND { font-size:120%; font-weight:bold; color:#98ca57; margin-left:5px; padding:0px 5px; }

.frm { clear:left; }
.frm LABEL { width:160px; float:left; padding-right:5px; text-align:right; }
.frm DIV { float:left; }
.frm INPUT, .frm SELECT, .frm TEXTAREA { background:#f0f0ff; margin:2px 1px; border:1px solid #666;   }
.frm .nofrm { float:none; margin:2px;   }
.frm .grp { float:left; }

.frm LABEL.option {  float:none;}
.frm INPUT.option { float:none;}

.home {}

#page { width:805px; margin:0px auto; overflow:auto; }

#head.account { overflow:hidden; position:relative; } 
  .account #logo { float:left; margin:10px 20px 0px 0px; height:60px; font-size:20px; width:180px; } 
  .account #nav { padding:5px 0px; left:180px; top:30px; position:absolute;  border:1px dotted #afa6bf;} 
  #crumbs { font-family:arial,sans-serif; margin-top:3px; padding:8px; font-size:95%; }
  .dots { position:absolute; top:0px; left:0px; width:100%; height:1px; background:url(/img/dots.gif); }
  #crumbs .icon { position:absolute; top:-13px; left:490px; width:38px; height:26px; background:url(/img/clip_lt.gif) no-repeat; }
  #crumbs .line { position:absolute; bottom:0px; left:0px; width:100%; height:1px; border-bottom:1px dotted #009; }

#content.account { position:relative; border:2px solid #000; overflow:hidden; padding-bottom:50px; }
  .account #img { }
  #text,.text { margin:0px 20px 0px 20px; }
  #picture { float:right; width:100px; height:100px; border:1px solid #afa6bf; text-align:center; position:relative; }
  #picture IMG {  }
  .start #picture { margin-right:150px; }
/*
  .account #side { float:right; position:relative; top:-100px; width:200px; padding:0px 10px; margin:0px 0px 0px 20px; border-left:1px dashed #afa6bf; }
*/
  #banner { position:relative; height:190px; background:url(/img/banner1.jpg) no-repeat; font-family:serif; color:#a0ce67; font-size:26px; padding:0px 120px 0px 500px; text-overflow:hidden; text-align:center;  }
  #banner.banner1 { }
  #banner.banner2 { background-image:url(/img/banner2.jpg); }
  #banner.banner3 { background-image:url(/img/banner3.jpg); }
  #adcolumn { position:absolute; right:0px; top:200px; height:600px; width:120px; border:1px solid black; background:blue; color:#fff; font-size:250%;  }
  .signup #adcolumn { display:none; }
  #links { margin:0px 0px 15px 30px; }
  #zoom { border:2px solid black; width:300px; height:300px; position:absolute; top:100px; left:100px; background:white; z-index:100; text-align:center; display:none;}

#foot.account { text-align:center; font-size:11px; color:#dbdad3; padding:10px 0px 20px 0px;   }

#report { border:5px solid #900; margin:10px;  padding:.25in; min-height:9.5in;}
#fieldbar { float:right; border:1px solid; width:150px; overflow:hidden; padding:5px; }


#content.home { width:475px; margin:0px auto; }
  .home #logo { text-align:center; margin-top:100px; } 
  .home #about { background:url(/img/arrows.gif) no-repeat left 5px; width:400px; margin:20px auto;  padding:0px 20px; }
  .home #opt { text-align:center; }
  .home #nav { margin:35px 0px 0px 0px; height:65px; padding:15px 5px 10px 5px; position:relative; }
  .home #login { position:relative; text-align:center; clear:both; padding-top:10px; margin:5px; text-transform:uppercase; font-size:80%;  }

  #foot { text-align:center; margin:0px auto;  font-size:80%; padding:10px 0px;  }
    #copyright { font-size:9px; padding:5px; color:#000; }

#pagination { padding-right:180px; clear:both; text-align:center;}


#logo IMG { border:none; }
#regionbox { border:1px solid black;   width:280px; overflow:hidden; float:right; margin:0px 130px 25px 20px; }
  #regiontree { padding-left:15px; }

#members.thumb { float:left; margin:0px 0px 20px 0px; width:70px; overflow:hidden; text-align:center;  }
.thumb .member { width:65px; overflow:hidden; margin:10px auto; text-align:center;  }
  .thumb .member A { display:block; width:100%; white-space:nowrap; text-decoration:none;  }
  .thumb .member A:hover { text-decoration:underline;  }
  .thumb .member A IMG { display:block; border:1px solid #afa6bf; height:50px; width:50px; }
  .thumb .member .alias {}
  .thumb .member .posts  { display:none; }
  .thumb .member .karma .label { display:none; }

#members.full { }
#contact { position:relative; padding:10px 0px; margin-top:20px;  }

.full .member { position:relative; clear:left; overflow:hidden; padding:10px 0px;  }
  .full .member DIV.tl { position:absolute; top:0px; left:0px; width:100%; height:1px; background:url(/img/dots.gif) top left; }
  .full .member A { display:block; width:100%; white-space:nowrap;  }
  .full .member .image { float:left; border:1px solid #afa6bf; width:100px; height:100px; text-align:center; margin-right:15px;  }
  .full .member IMG { border:none; }
  .full .member .alias { font-size:140%; font-weight:bold; }
  .full .member .karma .label { display:inline; }
  .full .member .karma .data { display:inline; }
  .full .member .posts .label { display:inline; }
  .full .member .posts .data { display:inline; font-weight:bold; }


#left { float:left; width:300px;  margin-left:20px }
#right { float:right; width:300px;  margin-right:150px; }

#seminars { clear:right; overflow:hidden; }
  .seminar { position:relative; overflow:hidden; padding:10px 0px; width:260px;   }
  .seminar DIV.tl { position:absolute; top:0px; left:0px; width:100%; height:1px; background:url(/img/dots.gif) top left; }
  .seminar .label { }

  .seminar .nav_links { font-size:90%; }
  .seminar .summary {  }
    .seminar .name {font-weight:bold; font-size:120%; }
      .seminar .name .label { display:none; }
      .seminar .name A { text-decoration:none; }
      .seminar .name A:hover { text-decoration:underline; }
    .seminar .description .label { display:none; }
      .seminar .description .data { padding-left:10px;  }

  .seminar .details { color:#999; font-size:90%; }
    .seminar .details .data { font-weight:bold;  }
    .seminar .members  {display:inline; }
    .seminar .members .label {display:inline; }
    .seminar .members .data {display:inline; margin-left:5px; }
    .seminar .posts  {display:inline; margin-left:10px; }
    .seminar .posts .label {display:inline; }
    .seminar .posts .data {display:inline; margin-left:5px; }
    .seminar .lastpost  {display:inline;  margin-left:10px; }
    .seminar .lastpost .label {display:inline; }
    .seminar .lastpost .data {display:inline; margin-left:5px; }
    .seminar .links { font-size:100%; }


.nav_top { padding:0px; margin:0px; font-weight:bold; text-transform:uppercase;  font-family:arial,sans-serif; font-size:12px; color:#000; }
  .nav_top LI { display:inline; list-style-type:none; padding:0px 5px 0px 9px;  }
  .nav_top A:link { color:#666; text-decoration:none; }
  .nav_top A:visited { color:#666; text-decoration:none; }
  .nav_top A:hover { text-decoration:underline; }

.nav_links { padding:0px; margin:0px;  }
  .nav_links LI { display:inline; list-style-type:none; border-left:1px solid #afa6bf; padding:0px 5px;  }
  .nav_links LI:first-child { border-left:none; }
  .nav_links A:link { color:#009; }
  .nav_links A:visited { color:#009; }

.nav_images { margin:0px; padding:0px; }
  .nav_images LI { float:left;  list-style-type:none; margin:0px 5px 0px 5px;  }
  .nav_images A { cursor:pointer; display:block; text-decoration:none;   }
  .nav_images IMG { border:none;   }

.nav_boxes { margin:0px; padding:0px; font-size:14px; font-family: Arial, sans-serif; font-variant: small-caps; font-weight:bold; }
  .nav_boxes LI { list-style-type:none; width:138px; height:65px; border:1px solid #afa6bf; margin:0px 0px 15px 0px; background:url(/img/fade.gif) left bottom repeat-x; }
  .nav_boxes A { cursor:pointer; display:block; text-decoration:none; width:70px; height:65px; padding-left:68px; text-align:right;  }
  .nav_boxes A SPAN { display:block; height:55px; border-left:1px dashed #afa6bf; padding:5px;  }
  .nav_boxes .logo { background:url(/img/icon.gif) no-repeat;  }
  .nav_boxes .alert { background:url(/img/alert.gif) no-repeat;  }
  .nav_boxes A:link { color:#afa6bf; }
  .nav_boxes A:visited { color:#afa6bf; }


.key { background:url(/img/key.gif) left top no-repeat; min-height:13px; padding-left:25px; text-decoration:none;  }
.prev,.next { margin-left:100px;}

.box_none {}

.box_icon { position:relative; }
  .box_icon .icon { position:absolute; }
  .cliprt .icon { top:-13px; left:0px; width:38px; height:26px; background:url(/img/clip_rt.gif) no-repeat; }

.box_round { position:relative; width:100%; background:#afa6bf no-repeat; }
  .box_round DIV.tl { position:absolute; top:0px; left:0px; width:15px; height:15px; background:url(/img/bg_box.gif) top left; }
  .box_round DIV.tr { position:absolute; top:0px; right:0px; width:15px; height:15px; background:url(/img/bg_box.gif) top right; }
  .box_round DIV.bl { position:absolute; bottom:0px; left:0px; width:15px; height:15px; background:url(/img/bg_box.gif) bottom left; }
  .box_round DIV.br { position:absolute; bottom:0px; right:0px; width:15px; height:15px; background:url(/img/bg_box.gif) bottom right; }

.err	{ background:url(img/err.gif) 5px 3px no-repeat; padding:5px 20px 5px 50px; margin:15px; color:#900; font-size:130%; border:5px solid red;  }
.notice	{ padding:5px 20px 5px 50px; margin:15px; color:#009; font-size:130%; border:5px solid #009;  }
.idea { border:3px dotted #f00; background:#eee; padding:10px; text-align:center; opacity:.5; margin:5px;}

A.orderby { position:absolute; width:100%; top:0px; left:0px; text-decoration:none;}
A.orderby:hover { background:url(img/order.gif) 4px right no-repeat; }

TEXTAREA#message { height:350px; width:560px; }
.hng {text-indent:-25px; padding-left:25px;}

#logdiv { clear:right; float:right; width:180px; overflow:hidden; }
#loglist { max-height:500px; overflow:auto;}
#loglist small { color:#009; }
#logdiv fieldset { width:100%; }
#loglist div.log { padding:2px 0px; border-bottom:1px solid #666; }
#loglist div.log:hover { background:#f0f0f0; }

#checklist { float:right; width:180px; }
#checklist fieldset { width:100%; }
#checklist div.hng:hover { background:#f0f0f0; }
.taskdata { display:none; font-size:90%; padding:5px 0px; text-indent:0px; }
.taskdata { font-weight:bold; }
.taskdata INPUT { width:95%; }