/*@group Layout*/
html, body {height: 100%;width: 100%;overflow: hidden;background: #000;color: #fff;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
* {margin: 0;padding: 0;}
a {color: #fff;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;text-decoration: none;}
a:link {text-decoration: none;}
a:hover {color: #fff;}
a:active {text-decoration: none;}
#content
#hidebutton a:hover {color: #fff;}
img {border: none;}
/* @end */


/* @group Global Classes */
.clearer {clear: both;}
.standout {font-style: italic;background: #7dacdc;padding: 10px;font-size: 13px;border-bottom: 1px dotted #092143;border-top: 1px dotted #092143;}
h1 {font-size: 2.0em;font-weight: normal;margin-bottom: 0.5em;padding: 0px;line-height: 1em;}
h2 {font-size: 1.6em;font-weight: normal;margin-bottom: 0.1em;margin-top: 0;padding: 0px;}
h3 {font-size: 1.3em;font-weight: normal;margin-bottom: 0.8em;padding-top: 1em;}
h4 {font-size: 1.2em;font-weight: normal;margin-bottom: 0.1em;}
h5 {font-size: 1.1em;font-weight: normal;margin-bottom: 0.1em;}
.image-left {float: left;margin: 3px 1em 1em 0;padding: 3px;position: relative;}
.image-right {float: right;margin: 3px 0 1em 1em;padding: 3px;position: relative;}
/* @end */


/* @group Header */
#logobox {top: -5px;z-index: 3;position: relative;float: left;height: 50px;width: 50px;}
#pageheader {height: 40px;padding: 10px;width: 90%;margin: 0 auto;background-color: #000;position: relative;left: 0;right: 0;z-index: 3;border: 1px;border-style: solid;border-color: #ccc;}
#pageheader h1 {float: left;margin-left: 15px;margin-top: 2px;color: #fff;font-size: 2em;font-weight: bold;}
#pageheader h2 {float: left;margin-left: 10px;margin-top: 17px;font: normal "Lucida Grande", Lucida, Verdana, sans-serif;color: #fff;font-size: 0.9em;}
/* @end */


/* @group Content */
#container {height: 100%;width: 100%;text-align: center;position: absolute;margin: 0 auto;}
#box {display: none;width: 95%;padding: 10px;left: 0;right: 0;bottom: 12%;margin: 0 auto;height: 360px;z-index: 3;position: absolute;overflow: hidden;border: solid 1px white;}
#content {margin-left: 100px;margin-right: 30px;width: 500px;height: 340px;padding: 10px;text-align: justify;z-index: 3;overflow: hidden;border-left: 1px;border-left-color: #ccc;border-left-style: inset;font: "Lucida Grande", Lucida, Verdana, sans-serif;font-size: 0.7em;}
#footer {position: absolute;z-index: 2;width: 90%;padding: 10px;left: 0;right: 0;margin: 0 auto;bottom: 5%;margin: 0 auto;height: 12px;background-color: #000;font: "Lucida Grande", Lucida, Verdana, sans-serif;font-size: 0.7em;overflow: hidden;border: 1px;border-style: solid;border-color: #ccc;color: black;text-align: center;}
/* @end */


/* @group Navcontainer */
#navcontainer {margin-left: 18px;text-align: left;width: 70px;position: absolute;top: 50%;margin-top: -80px;overflow: hidden;}
#navcontainer #current {font-weight: bold;}
#navcontainer ul ul #current {font-weight: bold;}
#navcontainer ul ul ul #current {}
/* Parent - Level 0 */
#navcontainer ul {list-style: none;display: block;margin: 0;padding: 0;margin-bottom: 10px;position: relative;}
#navcontainer li {margin: 0;display: inline;padding: 0;list-style: none;line-height: 1.5;position: relative;}
#navcontainer ul a {display: block;text-decoration: none;font-size: 0.7em;font-weight: bold;padding: 0;position: relative;top: 10px;}
#navcontainer a:hover {}
/* Child - Level 1 */
#navcontainer ul ul {}
#navcontainer ul ul li {}
#navcontainer ul ul li a {margin-left: 12px;}
#navcontainer ul ul ul li a {margin-left: 20px;}
/* @end */


/* @group Slideshow */
/*Supersize Plugin Styles*/
#hidebutton {font-size: 24px;top: 4px;z-index: 3;right: 8px;position: relative;float: right;color: #000;}

#ghidebutton{}
#controlsbar {top: 0;right: 0;float: right;height: 380px;text-align: center;width: 46px;position: absolute;overflow: hidden;text-align: center;background-color: #ccc;}
#gcontrols {margin-top: 170px;}
#loading {position: absolute;top: 49.5%;left: 49.5%;z-index: 3;width: 24px;height: 24px;text-indent: -999em;background-image: url(images/progress.gif);}
#supersize {position: fixed;}
#supersize img, #supersize a {height: 100%;width: 100%;position: absolute;z-index: 0;}
#supersize .prevslide, #supersize .prevslide img {z-index: 1;}
#supersize .activeslide, #supersize .activeslide img {z-index: 2;}
#slidecounter {float: left;}
#slidecaption {padding: 10px;position: relative;z-index: 3;left: 0;float: left;text-align: left;width: 50%;font: "Lucida Grande", Lucida, Verdana, sans-serif;font-size: 0.6em;color: #000;}
/* @end */