html
{
   background-color:    #000000;
}

body, p, table, tr, td, input, textarea, option, select
{
   font-family:         Arial, Helvetica, sans-serif;
   font-size:           11pt;
   color:               #000000;
   text-decoration:     none;
}

a:link      { text-decoration: none }
a:visited   { text-decoration: none }
a:active    { text-decoration: none }

a:hover {
   background-color:    #bbddff;
   text-decoration:     none;
   cursor:              pointer;
}

p
{
   text-align:       justify;
   width:            550px;
}

ul
{
   margin-left:      20px;
   padding-left:     20px;
   width:            500px;
}

.menu
{
   font-family:      Verdana, Arial, Helvetica, sans-serif;
   font-size:        11pt;
   color:            #05057d;
   text-decoration:  none;
   width:            130px;
}

.titleheader
{
   color:            #000000;
   font-family:      Arial;
   font-size:        16px;
   font-weight:      bold;
}

*:focus
{
   background:       #d6ebff;
   color:            black;
}

.pcenter
{
   text-indent:      0px;
   text-align:       center;
}

.pindent1
{
   text-indent:      1em;
   text-align:       justify;
   width:            550px;
}

.pnorm
{
   text-indent:      0px;
   text-align:       justify;
   width:            550px;
}

.form_label
{
   color: #47476b;
   font: 14px verdana, arial, sans-serif;
   font-weight: bold;
}

.formtable
{
   border: 1pt solid rgb(102, 102, 102);
   border-collapse: collapse;
}

.formhead
{
   border: thin solid rgb(102, 102, 102);
   border-collapse: collapse;
}

.formdotty
{
   border: thin dotted rgb(102, 102, 102);
   border-collapse: collapse;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
   background: url(external.png) center right no-repeat;
   padding-right: 13px;
}

#bodyContent a[href ^="https://"],
.link-https {
   background: url(lock_icon.gif) center right no-repeat;
   padding-right: 16px;
}

#bodyContent a[href ^="mailto:"],
.link-mailto {
   background: url(mail_icon.gif) center right no-repeat;
   padding-right: 18px;
}

#bodyContent a[href ^="news://"] {
   background: url(news_icon.png) center right no-repeat;
   padding-right: 18px;
}

#bodyContent a[href ^="ftp://"],
.link-ftp {
   background: url(file_icon.gif) center right no-repeat;
   padding-right: 18px;
}

#bodyContent a[href ^="irc://"],
.link-irc {
   background: url(discussionitem_icon.gif) center right no-repeat;
   padding-right: 18px;
}

#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
   background: url("audio.png") center right no-repeat;
   padding-right: 13px;
}

#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
   background: url("video.png") center right no-repeat;
   padding-right: 13px;
}

#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
   background: url("document.png") center right no-repeat;
   padding-right: 12px;
}

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
   color: #36b;
   background: none;
   padding: 0;
}

#bodyContent a.external {
   color: #36b;
}

/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
   background: none !important;
   padding: 0 !important;
}