html {
    margin:0;
    padding:0;
}

body {
    margin:0;
    padding:0;
    background-color:#fff;
    font:normal 80% Verdana, sans-serif;
    color:#000;
    text-align:center;
}

.right {text-align:right;}

img.right {
float:right;
margin:0 0 5px 5px;
padding:0;
border:1px solid #000;
}

#wrapper {
    position:relative;
    width:750px;
    margin:10px auto;
    text-align:left;
}

/*
header
*/

#header {
    position:relative;
    height:140px;
    background-color:#0768a9;
    color:#fff;
    border:1px solid #000;
    padding:10px;
}

#header h1 {
    position:absolute;
    bottom:10px;
    left:10px;
    font:normal 500% "Haettenschweiler", Verdana, sans-serif;
    font-style:italic;
    margin:0;
    padding:0;
}

#header h1 a:link, #header h1 a:visited {
    color:#fff;
    text-decoration:none;
}

#header .logo {
position:absolute;
bottom:17px;
left:160px;
}

#header .logo img {
width:99px;
height:99px;
}

#random_news {
    position:absolute;
    top:20px;
    right:20px;
    border:1px solid #fff;
    padding:0 10px 10px 10px;
    width:350px;
    height:107px;
    overflow:auto;
}

#random_news p strong {
    margin-top:0;
    padding-top:-5px;
    font:normal 140% "Haettenschweiler", Verdana, sans-serif;
    font-style:italic;
}

#random_news p {
    margin:4px 0;
    padding:0;
}

#random_news a:link, #random_news a:visited {
    color:#fff;
    font-weight:bold;
}

#random_news a:hover {color:#033252;}

#header .login_link p, #header .admin_tools p {
    margin:0;
    padding:0;
}

#header .login_link {
    position:absolute;
    top:0;
    right:20px;
}

#header .login_link a:link, #header .login_link a:visited {color:#0768a9;}

#header .login_link a:hover {color:#fff;}

#header .admin_tools {
    position:absolute;
    top:0;
    right:20px;
    color:#fff;
}

#header .admin_tools a:link, #header .admin_tools a:visited {
    color:#fff;
    text-decoration:none;
}

#header .admin_tools a:hover {color:#033252;}

/*
skip links
*/

#skip {
    position:absolute;
    top:0;
    left:5px;
}

#skip ul {
    margin:0;
    padding:0;
    list-style:none;
}

#skip ul li {float:left;}

#skip ul li a:link, #skip ul li a:visited {
    color:#0768a9;
    text-decoration:none;
}

#skip ul li a:hover {color:#fff;}

/*
main
*/

#main {
    position:relative;
    background-color:#0768a9;
    color:#fff;
    border:1px solid #000;
    padding:10px;
    margin-top:26px;
    min-height:400px;
    overflow:visible;
}

* html #main {height:400px;}

#main.training {
  margin-left: -200px;
}


#main h1 {
    font:normal 250% "Haettenschweiler", Verdana, sans-serif;
    font-style:italic;
    margin:10px 0;
    padding:0;
}

#main a:link, #main a:visited {
    font-weight:bold;
    color:#fff;
}

#main a:hover {color:#033252;}

#main .entry {margin-left:250px;}
#main .no_rotate { margin-left: 0px;}

#main .entry .photos_thumbnails img, #main .entry .photos_thumbnails a:link img, #main .entry .photos_thumbnails a:visited img {
    width:100px;
    height:75px;
    border:1px solid #000;
    margin:5px;
}

#rotating_images {
    position:absolute;
    top:18px;
    left:10px;
}

#rotating_images img {
    border:1px solid #000;
}


/*
suckerfish dropdown
*/

#navAlpha {
    position:absolute;
    top:162px;
    right:0;
    width:100%;
}

#navAlpha ul {
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}

#nav li a:link, #nav li a:visited {
    display:block;
z-index:10;
    padding:2px 0.5em;
    text-decoration:none;
    font:normal 140% "Haettenschweiler", verdana, sans-serif;
    font-style:italic;
    color:#000;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

#navAlpha ul li {
    float:left;
    position:relative;
}

#navAlpha ul li ul {
    display:none;
    position:absolute;
    top:1em;
    left:0;
}

#navAlpha ul li > ul {
    top:auto;
    left:auto;
}

#navAlpha ul li:hover ul, #navAlpha ul li.over ul {
    display:block;
    border-top:1px solid #000;
}

#navAlpha ul li:hover ul li, #navAlpha ul li.over ul li {
    clear:both;
    width:10em;
}

#navAlpha ul li:hover ul li a:link, #navAlpha ul li.over ul li a:link, #navAlpha ul li:hover ul li a:visited, #navAlpha ul li.over ul li a:visited {
    display:block;
    padding:4px 1em;
    text-decoration:none;
    background-color:#fff;
    color:#000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}

* html #navAlpha ul li:hover ul li a:link, * html #navAlpha ul li.over ul li a:link, * html #navAlpha ul li:hover ul li a:visited, * html #navAlpha ul li.over ul li a:visited {
width:100%;
z-index:1000;
}

#navAlpha ul li:hover ul li a:hover, #navAlpha ul li.over ul li a:hover {background-color:#ccc;}

/*
copyright
*/

#copyright {
    text-align:center;
    margin-top:10px;
}

#copyright a:link, #copyright a:visited {
    color:#000;
    text-decoration:none;
}

#copyright a:hover {color:#0768a9;}

/*
sitemap
*/

#sitemap a:link, #sitemap a:visited {text-decoration:none;}

#sitemap li {
    padding-top:4px;
    padding-bottom:4px;
}

/*
entry form
*/

#entryform {
    width:710px;
    background-color:#ccc;
    border:1px solid #000;
    color:#000;
    padding:10px;
    margin:0 auto;
}

#entryform a:link, #entryform a:visited {
color:#000;
text-decoration:underline;
}

#entryform a:hover {color:#f00;}

#entryform .wide {width:100%;}

#entryform input, #entryform textarea, #entryform select {
    border:1px solid #aaa;
    font:normal 100% Verdana, sans-serif;
}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
    background-color: transparent;
    color: #73769D;
    font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
    font-size: 10px;
    white-space: nowrap;
    }

.htmlButtonOutter, .htmlButtonOutterL {
    background-color: #f6f6f6;
    border-bottom: #333 1px solid;
    border-right: #333 1px solid;
    border-top: #333 1px solid;
    padding: 0;
    }

.htmlButtonOutterL {
    border-left: #333 1px solid;
    }

.htmlButtonInner {
    background-color: transparent;
    border-bottom: #aaa 1px solid;
    border-left: #fff 1px solid;
    border-right: #aaa 1px solid;
    border-top: #fff 1px solid;
    padding: 0 3px 0 3px;
    text-align: center;
    }

.htmlButtonOff {
    font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 2px 2px 2px;
    white-space: nowrap;
    }

.htmlButtonOff a:link {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    }

.htmlButtonOff a:visited {
    text-decoration: none;
    }

.htmlButtonOff a:active {
    color: #999;
    text-decoration: none;
    }

.htmlButtonOff a:hover {
    color: #999;
    text-decoration: none;
    }

.htmlButtonOn {
    background: #f6f6f6;
    font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 2px 2px 2px;
    white-space: nowrap;
    }

.htmlButtonOn a:link {
    color: #990000;
    text-decoration: none;
    white-space: nowrap;
    }

.htmlButtonOn a:visited {
    text-decoration: none;
    }

.htmlButtonOn a:active {
    color: #999;
    text-decoration: none;
    }

.htmlButtonOn a:hover {
    color: #999;
    text-decoration: none;
    }

.htmlButtonA {
    font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    white-space: nowrap;
    }

.htmlButtonB {
    background: #E1E3EC;
    font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    white-space: nowrap;
    }

.htmlButtonA a:link {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    }

.htmlButtonA a:visited {
    text-decoration: none;
    }

.htmlButtonA a:active {
    color: #999;
    text-decoration: none;
    }

.htmlButtonA a:hover {
    color: #999;
    text-decoration: none;
    }

.htmlButtonB a:link {
    color: #990000;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    }

.htmlButtonB a:visited {
    text-decoration: none;
    }

.htmlButtonB a:active {
    color: #999;
    text-decoration: none;
    }

.htmlButtonB a:hover {
    color: #999;
    text-decoration: none;
    }
/* styles for the ContextMenu /HTMLArea */
/* The ContextMenu plugin is (c) dynarch.com 2003. */
/* Distributed under the same terms as HTMLArea itself */

div.htmlarea-context-menu {
  position: absolute;
  border: 1px solid #aca899;
  padding: 2px;
  background-color: #fff;
  color: #000;
  cursor: default;
  z-index: 1000;
}

div.htmlarea-context-menu table {
  font: 11px tahoma,verdana,sans-serif;
  border-collapse: collapse;
}

div.htmlarea-context-menu tr.item td.icon img {
/* taken care of by xinha.makeBtnImg() */
/* width: 18px; */
/* height: 18px; */
}

div.htmlarea-context-menu tr.item td.icon {
  padding: 0px 3px;
  width: 18px;
  height: 18px;
  background-color: #cdf;
}

div.htmlarea-context-menu tr.item td.label {
  padding: 1px 10px 1px 3px;
}

div.htmlarea-context-menu tr.separator td {
  padding: 2px 0px;
}

div.htmlarea-context-menu tr.separator td div {
  border-top: 1px solid #aca899;
  overflow: hidden;
  position: relative;
}

div.htmlarea-context-menu tr.separator td.icon {
  background-color: #cdf;
}

div.htmlarea-context-menu tr.separator td.icon div {
/*  margin-left: 3px; */
  border-color: #fff;
}

div.htmlarea-context-menu tr.separator td.label div {
  margin-right: 3px;
}

div.htmlarea-context-menu tr.item.hover {
  background-color: #316ac5;
  color: #fff;
}

div.htmlarea-context-menu tr.item.hover td.icon {
  background-color: #619af5;
}

.social_summary {
border-bottom:1px dotted #fff;
}