@CHARSET "UTF-8";
* {
    margin: 0px;
    padding: 0px;
}
html,
body {
   margin:0;
   padding:0;
   height:99%;
}
body {
    margin:0px;
    padding:0px;
    background-color:#000000;
    text-align: center;
    height: 100%;
}
img {
    border:0px;
    padding: 0px;
    margin: 0px;
}
table {
    border-collapse:collapse;
    border:0px;
    padding:0px 0px 0px 0px;
}
fieldset {
    padding:0; 
    border:0; 
    margin-top:5px;
}
.clear {
    clear: both;
}
.errDiv {
    border: dashed 1px #FF5555;
    color: #FF5555;
    text-align: center;
}
.messDiv {
    border: dashed 1px #55FF55;
    color: #55FF55;
    text-align: center;
}
a:active, a:focus {
    outline: 0;
}
/*MAIN templating*/
#pageWrapper {
    width: 890px;
    height: 690px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    background-color: #FFFFFF;
    color: #000000;
}
#header {
    width: 890px;
    height: 118px;
    background: url(../images/header.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
}
#header a.logo{
    position: absolute;
    display: block;
    width: 110px;
    height: 110px;
}
#content {
    position: relative;
    height: 515px;
    clear: both;
    padding-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: justify;
}
#contentLeftColumn{
    width: 200px;
    height: 515px;
    float: left;
    position: relative;
}
#badge{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#contentMain {
    width: 630px;
    height: 100%;
    overflow: auto;
    float: right;
    text-align: justify;
    padding-right: 20px;
}
#footer {
    width: 890px;
    height: 37px;
    background-image: url(../images/footer.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}
#footerLeft {
    width: 50%;
    display: table-cell;
    float: left;
    font: normal 9px Tahoma, Verdana, Arial;
    position: absolute;
    bottom: 3px;
    text-align:left;
    margin-left: 12px;
    margin-bottom: 3px;
}
/*Homepage*/
#homeFrame {
    width: 878px;
    float: left;
    padding-top: 20px;
}
#homeFrame #homeFrameTop {
    width: 878px;
    height: 54px;
    background-image: url(../images/frameLogos.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px -5px;
}
#homeFrame #homeFrameMain {
    width: 878px;
    background-image: url(../images/frameSides.jpg);
    background-position: top;
    background-repeat: repeat-y;
    padding: 0px;
    margin: 0px -5px;
}
#homeFrame #homeFrameFooter {
    width: 878px;
    height: 14px;
    background-image: url(../images/frameFooter.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px -5px;
}
#homeFrame #homeFrameMain table {
    width: 855px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font: normal 11px Tahoma, Verdana, Arial;
}
#homeFrame #homeFrameMain table td {
    vertical-align: top;
}
#homeFrame #homeFrameMain table a{
    color: #888888;
    text-decoration: none;
    display: block;
}
#homeFrame #homeFrameMain table a:hover{
    color: #000000;
}
#homeFrame #homeFrameMain table td#general{
    width: 215px;
    padding-left: 15px;
}
#homeFrame #homeFrameMain table td#web{
    width: 145px;
    padding-left: 15px;
}
#homeFrame #homeFrameMain table td#windows{
    width: 145px;
    padding-left: 15px;
}
#homeFrame #homeFrameMain table td#apple{
    width: 145px;
    padding-left: 15px;
}
#homeFrame #homeFrameMain table td#unix{
    width: auto;
    padding-left: 15px;
}
/*END Homepage*/
/*FORMS*/
#form {    
    width: 80%;
    float: left;
}
#form span#title {
    display: block;
    width: 100%;
    padding: 10px 20px 20px 20px;
    font: normal 20px Tahoma, Verdana, Arial;
    color: #555555;
    text-align: center;
}
#form fieldset {
    display: block;
    width: 100%;
    font: normal 12px Tahoma, Verdana, Arial;
    color: #888888;
}
#form fieldset div {
    padding: 5px 0px;
    text-align: center;
}
#form fieldset div label {
    display: inline-table;
    width: 200px;
    height: 25px;
    line-height: 25px;
    font: bold 13px Tahoma, Verdana, Arial;
    color: #888888;
    text-align: right;
    margin-right: 10px;
    vertical-align: top;
}
#form fieldset div label abbr{
    color:#4B911C;
    font-size:120%;
    vertical-align:middle;
    border: none;
}
#form fieldset div select,
#form fieldset div input {
    width: 200px;
    height: 20px;
    line-height: 20px;
    font: normal 12px Tahoma, Verdana, Arial;
    color: #222222;
    text-align: justify;
    margin-right: 10px;
    padding-left: 5px;
    border: 2px solid #888888;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#form fieldset div textarea {
    width: 200px;
    height: 100px;
    line-height: 20px;
    font: normal 12px Tahoma, Verdana, Arial;
    color: #888888;
    text-align: justify;
    margin-right: 10px;
    padding: 5px;
    border: 2px solid #888888;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#form fieldset div.ctrl input{
    width: 70px;
    text-align: center;
    font: bold 12px Tahoma, Verdana, Arial;
    border: 2px solid #888888;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    cursor: pointer;
}
/*END FORMS*/
/*Top Menu*/
#topMenu {
    height: 29px;
    margin: 0px 120px;
    padding: 0px;
    text-align: left;
    display: table;
    float: left;
    position: absolute;
    bottom: 9px;
}
#topMenu ul{
    
}
#topMenu ul li{
    display: table-cell;
    list-style-type: none;
    height: 27px;
    line-height: 27px;
}
#topMenu ul li a{
    display: table-cell;
    font: bold 16px Tahoma, Verdana, Arial;
    color: #444444;
    background-color: #FFFFFF;
    text-decoration: none;
    height: 27px;
    line-height: 27px;
    padding: 0px 10px;
}
#topMenu ul li.selected a, #topMenu ul li.selected a:hover{
    color: #EEEEEE;
    background-color: #000000;
}
#topMenu ul li:hover{
    
}
#topMenu ul li a:hover{
    color: #000000;
}
/*END Top Menu*/
/*Left Menu*/
#leftMenu {
    width: 100%;
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #b1afbd;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}
#leftMenu ul{
    padding:0px;
    margin:0px;
}
#leftMenu ul li{
    display: block;
    list-style-type: none;
    height: 27px;
    line-height: 27px;
    padding:0px;
    margin:0px;
}
#leftMenu ul li a{
    display: block;
    font: normal 18px Tahoma, Verdana, Arial;
    color: #b1afbd;
    background-color: #FFFFFF;
    text-decoration: none;
    height: 27px;
    line-height: 27px;
    padding: 0px 10px;
    letter-spacing: 0.3em;
}
#leftMenu ul li.selected a{
    color: #000000;
}
#leftMenu ul li:hover{
    
}
#leftMenu ul li a:hover{
    /*color: #000000;*/
    text-decoration: none;
}
/*END Left Menu*/