/*======================================================= 

  Derivity Web Style Sheet

=======================================================*/ 



/*======================================================= 
  Default Elements
=======================================================*/

BODY
{
    background-color: #CCCCCC;
    color: black;
}

BODY,P,UL,OL,DL,TABLE,THEAD,TR,TD
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

BODY,H1,H2,H3,H4,h5,H6
{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

A:hover
{
    color: orange;
}

IMG
{

    border-width: 0px;
}

/*
TH 
{ 
    font-family: "Verdana",  "Arial","Helvetica", sans-serif;
    font-weight: bold;
    font-size: 8.0pt;
}

TD 
{
    font-family: "Verdana",  "Arial", "Helvetica", sans-serif;
    font-size: 8.0pt;
}
*/

DT 
{
    font-style: "Italic"
}


/* ======================================================= 
  Structural styles                                           
=======================================================*/


#title
{
    background-color: #CCCCCC;
    color: whitesmoke;
    width: 100%;
}

#titlelogo
{
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#titlecaption
{
    font-size: 26px;
    font-weight: normal;
    text-align: right;    
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

#menubar
{
    background-color: silver;
    color: white;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: xx-small;
    text-decoration: none;
    text-align:left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    clear: both;
}

#menubar A
{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#menubar A:hover
{
    color: orange;
}

#navbar
{
    background-color: white;
    color: silver;
    font-size: xx-small;
    font-weight: normal;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
}

#navbar A
{
    color: silver;
    font-weight: normal;
}

#navbar A:hover
{
    color: orange;
}

#navtrail
{
    text-align: left;
    float: left;
}

#sitebar
{
    text-align: right;
}

#contentback
{
    background-color: white;
    text-align: center;
    width: 100%;
}

#content
{
    background-color: white;
    color: black;
    text-align: left;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
}


#footer
{
    background-color: #CCCCCC;
    color: #666666;
    font-size: xx-small;
    text-decoration: none;
    text-align: right;
    border-top: 3px solid silver;
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;
}




/* 
 ======================================================= 
  Content Section                                        
 =======================================================
*/

.contentsection
{
    border-top: 1px solid silver;
    clear: both;
}

.contentsection H1
{
    color: orange;
    font-size: x-small;
    font-weight: normal;
    font-style: italic;
}

/* 
 ======================================================= 
  Content Text                                       
 =======================================================
*/

.contenttext
{
    font-size: 11px;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 0px;
    width: 480px;  
    float: left;
}

.contenttext p,ul,ol,dl
{
    padding-left: 10px;
    padding-bottom: 5px;
    debugmargin-top: 0px;
    debugmargin-left: 10px;
    debugmargin-bottom: 5px;
    debugmargin-right: 0px;
}

.contenttext h1,h2,h3,h4,h5,h6
{
    font-style: normal;
    font-weight: normal;
    color: #336699;
    clear: both;
    width: 100%;
}

.contenttext h1,h2
{
    debugmargin-top: 10px;
    debugmargin-left: 0px;
    debugmargin-bottom: 5px;
    debugmargin-right: 0px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.contenttext h3,h4,h5,h6
{
    padding-left: 5px;
    debugmargin-top: 5px;
    debugmargin-left: 10px;
    debugmargin-bottom: 0px;
    debugmargin-right: 0px;
}
.contenttext H1
{
    font-size: small;
    font-weight: bold;
    color: #336699;
    debugcolor: white;
    debugbackground-color: #CCCCCC;
}

.contenttext H2
{
    font-size: x-small;
    background-color: #EFEFEF;
}

.contenttext H3
{
    font-size: 12;
    font-weight: bold;
    font-style: "Italic"
}

.contenttext P
{
    debugbackground-color: silver;
}

.contenttext UL, OL
{
    padding-left: 20px;
    debugpadding-top: 10px;
    list-style-position: outside;
}

.contenttext UL
{
    list-style-image: url(../images/furniture/bullet.gif);
}

.contenttext A
{
    color: #336699;
}

.contenttext IMG
{
    border-width: 0px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: left;
}

.contenttext DT
{
    debugpadding-top: 20px;
    font-style: italic;
}

.contenttext TABLE
{
    font-size: xx-small;

    debugmargin: 10px;
    debugpadding: 10px;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    width: 100%;
}

.contenttext THEAD
{
    background-color: silver;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.contenttext TBODY
{

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.contenttext TR
{
    debugmargin: 0px;
    debugpadding: 0px;


    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.contenttext TD
{
    debugmargin: 0px;
    debugpadding-top: 10px;
    debugpadding-bottom: 10px;

    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}



.contenttext CODE
{
    font-size: x-small;
}

.contenttext BR
{
    clear: both;
}

/* 
 ======================================================= 
  Content Links
 =======================================================
*/

.contentlinks
{
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: xx-small;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 200px;
    float: right;

    debugpadding: 0px;
    debugpadding-left: 40px;
    debugpadding-top: 10px;
    debugmargin-right: 40px;
    debugmargin-top: 5px;
    debugposition: absolute;
    debugleft: 600px;
    debugright: 0px;

    debugbackground-color:#CCCCCC;
    debugborder-top: 1px solid silver;


    debugmargin-right: auto;
    debugclear: none;

    debugbackground-color: red;
debug   border: 1px solid red;
}

.contentlinks A
{
    color: #336699;
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    debugfont-size: xx-small;
    font-weight: bold;
    text-decoration: none;
}

.contentlinks A:hover
{
    color: orange;
}

.contentlinks UL
{
    padding-left: 0px;
    list-style-position: inside;
    list-style-image: url(../images/furniture/rightarrow.gif);
    border-top: 1px solid silver;
}

.contentlinks LI
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid silver;

    debugmargin-left:0px;
    debugpadding-left: 0px;
    debugborder-top: 1px solid silver;

}

.contentlinks P
{
    debugpadding-bottom: 20px;
}

/* 
 ======================================================= 
  Advert
 =======================================================
*/

.advert
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.advert P
{
    border-top: 1px solid silver;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid silver;
    border-right: 1px solid #CCCCCC;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: #EFEFEF;
}

.advert A
{
    text-align: center;
    padding-left: 0px;
}


/* 
 ======================================================= 
  Site Map
 =======================================================
*/

.sitemap
{
    font-size: x-small;
    font-weight: bold;
    color: #000066;
}

.sitemap UL
{
    LIST-STYLE-IMAGE: url(../images/doc.gif);
}

.sitemap A
{
    color: #000066;
    text-decoration: none;
}


/*======================================================= 
  Misc. custom styles
=======================================================*/

.nostyle
{
    display: none;
}

.pagetextinline
{
    font-family: "Courier New", "Courier";
    color:lightgreen;
    background-color: black
}

.pagetext TABLE
{
    font-family: "Courier New", "Courier";
    color:lightgreen;
    background-color: black
}


.pagetext TD
{
    font-family: "Courier New", "Courier";
    color:lightgreen;
    background-color: black
}


.selectedpagetext
{
    font-family: "Courier New", "Courier";
    color:white;
    background-color: blue
}


.menuaction
{
    font-style: italic;
}


.new
{
    color: orange;
    font-style: italic;
    font-weight: bold;
}

.function
{
    font-style: italic;
}

.filepath
{
    font-style: italic;
}