/* --------------------- */
 /* ------- Page -------- */
/* --------------------- */

body { background: #ffffff url('../images/page.gif') left top repeat-y; color: #515151; font: 10pt Arial; text-align: justify; margin: 0px; }

a { color: #44aabb; text-decoration: none; }
a:hover, a:active { color: #515151; text-decoration: underline; }

#container { margin-left: auto; margin-right: auto; padding: 0px 0px 5px 0px; }



  /* --------------------- */
 /* --- Fixed Element --- */
/* --------------------- */

#fix { 
	background: url('../images/fixed-logo.gif') top left no-repeat; color: #ffffff; width: 190px; margin-bottom: -265px; padding: 80px 5px 5px 5px; position: fixed !important; left: 230px; 
	position: relative; /* edit for IE6 and below not using the fixed position */
}

#fixtitle { font: bold 18px 'Century Schoolbook'; line-height: 20px; text-align: center; margin: -5px -5px 5px -5px; }
#fixsubtitle { color: #66ccff; font: 10pt 'Century Gothic'; line-height: 7pt; text-align: center; margin: 0px 0px 25px 0px; opacity: .65; filter: alpha(opacity=65); }

.fixnav { margin: 0px 5px 0px 25px; padding: 0px; }
.navitem { margin: 0px 0px -1px 0px; padding: 1px; border: 1px solid #e3e3e3; list-style: none; }
.navitem a { color: #66ccff; font: bold 9pt 'Century Schoolbook'; letter-spacing: 2px; text-align: center; text-decoration: none; padding: 3px 5px 3px 7px; border: 1px dotted #e3e3e3; display: block; }
.navitem a:hover, .navitem a:active { background: #efefef; color: #515151; }



  /* --------------------- */
 /* ------ Sidebar ------ */
/* --------------------- */

#side { width: 170px; height: 100%; margin: 0px; padding: 50px 5px 0px 55px; float: left; }

.sidetitle { background: #515151; color: #ffffff; font: bold 8pt Arial; letter-spacing: 2px; text-transform: uppercase; margin: 0px 0px -15px 5px; padding: 5px 5px 15px 5px; border-right: 10px solid #66ccff; }

.sidebody { background: #ffffff; font: 8pt Arial; margin: 0px 10px 0px 0px; padding: 0px; }
.sidebody:hover { background: #efefef; }

.sidelist { margin: 0px; padding: 0px; }
.sidelist .item { background: #ffffff; margin: -1px 0px 0px 0px; padding: 0px 3px 0px 3px; border: 1px dotted #e3e3e3; list-style: none; }
.sidelist .item:hover { background: #efefef; }

.sidespace { background: #e3e3e3; height: 1px; margin: 10px; }



  /* --------------------- */
 /* ------ Content ------ */
/* --------------------- */

#main { margin: 0px 0px 0px 430px; padding: 100px 30px 25px 5px; }

.minicontent { margin: 0px 0px 5px 0px; }

.minititle { color: #66ccff; font: bold 14pt 'Century Gothic'; padding: 0px 0px 0px 10px; }

.minibody { background: #efefef; width: 98%; padding: 3px; border: 1px solid #e3e3e3; overflow: auto; }

.floaterleft { background: #ffffff; margin: 0px 3px 3px 0px; padding: 3px; border: 1px solid #e3e3e3; float: left; }
.floaterright { background: #ffffff; margin: 0px 0px 3px 3px; padding: 3px; border: 1px solid #e3e3e3; float: right; }
.miniimage {  background: #ffffff; margin: 0px 3px 3px 0px; padding: 3px; border: 1px solid #e3e3e3; float: left; }
.mininofloat {  background: #ffffff; margin: 0px 3px 3px 0px; padding: 3px; border: 1px solid #e3e3e3; }



  /* --------------------- */
 /* ---- Page Footer ---- */
/* --------------------- */

#foot { margin: 0px 0px -5px 0px; clear: both; display: none;}



  /* --------------------- */
 /* --- Utility Code ---- */
/* --------------------- */

#content:after, #head:after, #side:after, #main:after, #foot:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; }