* {
        margin: 0;
        padding: 0;
        font-size: 100%;
}

html, body { height: 100% }

BODY {
        COLOR: #666666;
        BACKGROUND-COLOR: #9f9f9f;
        FONT-SIZE: 14px;
        FONT-FAMILY: Arial;
        TEXT-ALIGN: left;
        SCROLLBAR-FACE-COLOR: #99CCCC;
        SCROLLBAR-HIGHLIGHT-COLOR: #CCCCFF;
        SCROLLBAR-SHADOW-COLOR: #CCFFFF;
        SCROLLBAR-BASE-COLOR: #99CCCC;
        scrollbar-3d-light-color: #CCCCFF;
        scrollbar-dark-shadow-color: #CCCCFF;
        margin: auto;
}

A {
        FONT-FAMILY: Arial; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #595959; TEXT-DECORATION: none
}
A:active {
        COLOR: #740303
}
A:hover {
        COLOR: #FF0000;
        padding-right: 1px
}

div.container {margin-left: auto; margin-right: auto; height: 100%}
table#framingtable {text-align:center; margin-left:auto; margin-right:auto; width:100px; height: 100%}
tr,td {text-align:left;}

#main {
        width: 867px;
        margin: auto;
        padding: 0px 0px;
        background-color: transparent;
        height: 100%;
}

#wrapper {
        background: transparent;
}

#contentWrapper:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
        background-color: transparent;
}

#contentWrapper {

        background-color: transparent;

        border-left: 1px solid #464646;
        border-right: 1px solid #464646;
}

#masthead {
        margin-bottom: 10px;
        background-color: transparent;
}

#content {
        clear: both;
}

/*
  USED IN SITE
*/


#leftpanel tr td table, #leftpanel tr td table tr td {
  background-color: #FFFFFF;
}

#maintable tr td {
  background-color: #FFFFFF;
}

#leftpanel {
  height: 100%;
}

#leftpanel tr #first {
  background-color: #FFFFFF;
}

#leftpanel tr td {
  text-align: center;
  background-color: #e2e2e1;
}

/*
  END OF USED
*/


#leftside {
  float: left;
  width: 180px;
  margin-top: 10px; /* was 19 pixels */
  padding-left:5px;
  padding-right:5px;
  background: transparent;
  height: 100%;
  text-align: center;
}

#leftside #start {
  background: url('../images/grey_transition.gif') repeat-y;
  height: 180px;
}

#leftside #body {
  background-color: #e2e2e1;
}

#leftside #friends {
  background-color: #e2e2e1;
  vertical-align: bottom;
  min-height: 200px;
}

#rightside {
  float: right;
  width: 640px;
  margin-right: 5px;
  padding-right: 15px;
  padding-top: 10px;
  background-color: transparent;
}

#footer {
  clear: both;
  padding: 10px 0px 8px 0px;
  font-size: x-small;
  text-align: center;
  background-color: transparent;
  background: url('../images/stripe_horizontal.jpg');
  margin-top: 0px;

  width: 100%;
  margin: auto;
  padding: 0px 0px;
  border-top: 2px solid #464646;
}

.anone {
        COLOR: #000000;
        FONT-SIZE: 12px;
        padding-right: 1px
}
.anone:hover {
        COLOR: #000000;
        padding-right: 1px
}

.tabhead {
        font-family: verdana,helvetica;
        color: #ffffff;
        font-weight: bold;
        font-size: 10pt;
}

.tabval {
        font-family: verdana,helvetica;
        color: #000000;
        background-color: #ffffff;
        font-weight: plain;
        font-size: 10pt;
}

.red {
        font-family: verdana,helvetica;
        color: #ffffff;
        background-color: #df0000;
        font-weight: bold;
        font-size: 10px;
}

.green {
        font-family: verdana,helvetica;
        color: #ffffff;
        background-color: #00df00;
        font-weight: bold;
        font-size: 10px;
}

.minicaption {
        FONT-SIZE: 10px
}

.photocaption {
        FONT-SIZE: 10px;
        FONT-FAMILY: Arial;
        COLOR: #FFFFFF;
}

.nav_link {
        FONT-WEIGHT: bold; FONT-SIZE: 9px
}
.nw_link {
        FONT-SIZE: 15px; COLOR: #990000; FONT-FAMILY: Arial; FONT-VARIANT: small-caps; font-weight:bold
}


.copyr {
        FONT-SIZE: 9px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, sans-serif, Arial, Helvetica
}


.hdr_title {
        FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #F3A621;  BACKGROUND-COLOR: #743405; FONT-FAMILY: Trebuchet MS
}
.hdr_hint {
        FONT-SIZE: 9px; COLOR: #808080
}
.hdr_date {
        FONT-SIZE: 9px; COLOR: #C0C0C0; FONT-FAMILY: Verdana
}


UL {
        PADDING-BOTTOM: 5px; MARGIN-LEFT: 20px; PADDING-TOP: 5px
}


.date {
        FONT-SIZE: 10px; COLOR: #888888; FONT-STYLE: normal; FONT-FAMILY: =
Arial, Verdana, sans-serif, Helvetica
}

.newstitle {
        FONT-FAMILY: "Trebuchet MS"; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 14px; 
        COLOR: #000000; 
        padding-left: 10px
}  

.mediatitle {
        FONT-FAMILY: "Trebuchet MS"; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 14px; 
        COLOR: #C0C0C0; 
        padding-left: 10px
}  

.newsline {
        FONT-SIZE: 12px;
        FONT-WEIGHT: bold;
        COLOR: #000000;
}

.generic {
        FONT-SIZE: 12px; COLOR: #808080; FONT-STYLE: normal; FONT-FAMILY: =
Arial
}

.border {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
}




.formfield {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        background-color: #202020;
        width: 100%;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: silver;
}

.formbutton {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        background-color: #202020;
        width: 100%;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: silver;
}





.box {
        width: 20em;
        background: #effce7 url(../images/bottom-left.gif)
        no-repeat left bottom;
}

.box-outer {
        background: url(../images/bottom-right.gif)
        no-repeat right bottom; 
        padding-bottom: 5%;
}

.box-inner {
        background: url(../images/top-left.gif) no-repeat left top;
}

.box h2 {
        FONT-SIZE: 12px; 
        background: url(../images/top-right.gif) no-repeat right top;
        padding-top: 5%;
}

.box h2, .box p {
        padding-left: 5%;
        padding-right: 5%;
}





.boxred {
        width: 20em;
        background: #effce7 url(../images/bottom-left-red.gif)
        no-repeat left bottom;
}

.boxred-outer {
        background: url(../images/bottom-right-red.gif)
        no-repeat right bottom; 
        padding-bottom: 5%;
}

.boxred-inner {
        background: url(../images/top-left.gif) no-repeat left top;
}

.boxred h2 {
        FONT-SIZE: 12px; 
        background: url(../images/top-right.gif) no-repeat right top;
        padding-top: 5%;
}

.boxred h2, .boxred p {
        padding-left: 5%;
        padding-right: 5%;
}




.mediabg {
        background: url('../images/media_bg_red.gif') no-repeat right top; 
}
.mediabghover {
        background: url('../images/media_bg_grey.gif') no-repeat right top; 
}

.mediaframe {
        margin-left: 15; margin-right: 15; margin-top: 15; margin-bottom: 15
}




.inputfield {
        FONT-SIZE: 9px; 
        COLOR: #000000; 
        FONT-STYLE: normal; 
        FONT-FAMILY: Verdana, sans-serif, Arial, Helvetica;
        PADDING-TOP: 7px;
}

.admin_area a, admin_area a:hover, admin_area a:active {
        COLOR: #FFFFFF;
        FONT-SIZE: 9px;
        FONT-FAMILY: Verdana;
        BACKGROUND-COLOR: #FF0000;
        padding-right: 0px;
}

.admin_area a:hover {
        BACKGROUND-COLOR: #FFAA00;
        COLOR: #FFFFFF;
        padding-right: 0px;
}


.top_submenu {
        COLOR: #FFFFFF; 
        FONT-FAMILY: Courier New
}

.top_submenu h1 {
        FONT-FAMILY: Trebuchet MS; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 24px; 
        COLOR: #800000; 
        padding-left: 10px;
        margin: 0px 0;
}

.top_submenu a {
        COLOR: #FFFFFF;
}
.top_submenu a:hover {
        padding-right: 0px;
        text-decoration: underline;
        COLOR: #FFFFFF;
}

.top_submenu hr {
        clear: both;
        height: 1px;
        margin: 5px 0;
        background: transparent;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #B5D3EF;
}
