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

  Derivity Web Style Sheet

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



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

BODY
{
  font-family: "Trebuchet MS", Verdana, Arial,Helvetica,sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 77.5%;
}

BODY,UL,OL,DL,TABLE,THEAD,TR
{
  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
{
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

UL,OL,DL,TABLE,THEAD,TR,H1,H2,H3,H4,h5,H6
{
  background-color: #ffffff;
}

.H1
{  
  font-size: 120%; 
  color: #333399; 
  font-weight: bold;
  vertical-align: top; 
  text-align: left; 
  margin-top: 0px; 
  margin-right: 5px; 
  margin-bottom: 0px; 
  margin-left: 5px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 0px;
; padding-left: 5px
}

.H2 
{  
  font-size: 100%; 
  color: #333399; 
  background-color: #ffffff;
  border-color: #333399 #666666 black black; 
  text-align: left; 
  vertical-align: top; 
  margin-left: 5px; 
  font-weight: bold; 
  margin-right: 5px; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 0px;
  padding-left: 5px;
}

.H3 
{  
  font-size: 80%; 
  color: #333399; 
  text-align: left; 
  vertical-align: top; 
  margin-left: 5px; 
  font-weight: bold; 
  margin-right: 5px;
  padding-left: 5px;
}



/* 
 ======================================================= 
  .derivitylogo (logo top/left )
 =======================================================
*/

.derivitylogo {
  height: 80px;
  padding-left: 3px;
  padding-top: 0px; 
  vertical-align: center;
}

.derivitylogo img
{
  border-width: 0px;
  float: left;
}

/* 
 ======================================================= 
  .sitemap (unformatted menu at top/right of page [site map | contact us])
 =======================================================
*/
.sitemap {
  font-size: 70%;
  float: right;
  background: #ffffff;
  margin-top: 3px;
  margin-bottom: 3px;
}

.sitemap ul {
  padding: 0; 
  margin: 0;
}

.sitemap li {
  float: left;
  padding: 0;
  margin: 0;
}

.sitemap a {
  border-right: 1px solid  #0000AA;
  padding: 0px 10px;
  text-decoration: underline;
}

.sitemap ul a:link, .contact ul a:visited {
  float: left;
  color: #0000AA; 
}

.sitemap ul li a:hover {
  color: #0000FF; 
  text-decoration: none;
}

.sitemap .last {
  border-right-width: 0px; 
  padding-right: 0px;
}




/* 
 ======================================================= 
  #navbar  (Main navigation bar)
 =======================================================
*/

#navbar {
  font-size: 85%;
  height: 28px;
  position: relative;
  border-bottom: 1px solid #A1A6B1;
  background: #334455;
}

#navbar ul {
  padding: 0; 
  margin: 0;
  border-left: 1px solid #576178;
  border-right: 1px solid #1f2635;
}

#navbar li {
  float: left;
  padding: 0;
  margin: 0;
}

#navbar ul a:link, #navbar ul a:visited {
  float: left;
  padding: 5px 15px;
  text-decoration: none;
  border-right: 1px solid #576178;
  border-left: 1px solid #1f2635;
  color: #dee0e5;
}

#navbar ul li a:hover {
  background: #475470;
  color: #fff;
  text-decoration: underline;
}



/* 
 ======================================================= 
  .navtrail (You are in: ...)
 =======================================================
*/

.navtrail
{
  background-color: #CCCCFF;
  font-size: 70%;
  text-decoration: none;
  padding-top: 3px; 
  padding-bottom: 3px;
  text-indent: 10pt;
  margin-bottom: 15px;
}



/* 
 ======================================================= 
  .footer (standard page footer)
 =======================================================
*/

.footer
{
    color: #666666;
    font-size: 70%;
    text-decoration: none;
    text-align: center;    
    border-top: 1.5px solid silver;
    padding-top: 5px;
    padding-bottom: 0px;
    clear: none;
}


/* 
 ======================================================= 
  Content Text (main content styles)                                      
 =======================================================
*/
.contenttext
{
  text-align: left;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 20px;
  padding-right: 0px;
  width: 560px;  
  float: left;
  color: #222222;
  font-size:77.5%;
}

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


.contenttext h1,h2,h3,h4,h5,h6
{
  xxxcolor: #336699;
  xxxclear: both;
}

.contenttext h1,h2
{
  xxxmargin-bottom: 5px;
  xxxpadding-left: 5px;
}

.contenttext h3,h4,h5,h6
{
  xxxpadding-left: 5px;
}

.contenttext H1
{
  xxxfont-size: small;
  xxxfont-weight: bold;
  xxxcolor: #336699;
}

.contenttext H2
{
  xxxfont-size: x-small;
  xxxbackground-color: #EFEFEF;
}

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

.contenttext UL, OL
{
  xxxpadding-left: 20px;
  xxxlist-style-position: outside;
}

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

.contenttext A
{
  color: #0000AA; 
}

.contenttext A:hover
{
  color: #0000FF; 
  text-decoration: none;
}

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

.contenttext DT
{
  xxxfont-style: italic;
}


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

.contenttext BR
{
  clear: both;
}

.contenttext TABLE
{
  font-size: 100%;
  width: 100%;
  vertical-align: top; 
}

.contenttext TR, TD
{
  vertical-align: top; 
}


/* 
 ======================================================= 
  .contentsection (combines a H2 with a bottom border)
 =======================================================
*/

.contentsection
{
  border-bottom: 1px solid silver;
  margin-top: 5px; 
  margin-bottom: 5px; 
  font-size: small; 
  font-weight: bold; 
  color: #333399;
  padding-left: 5px;
}

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




/* 
 ======================================================= 
  #sidebar (right-side bar containing menus, adverts etc
 =======================================================
*/

/*#sidebar ul.sidebarmenu li*/

#sidebar ul.sidebarmenu li
{ 
  width: 200;
}

#sidebar .sidebaradvert p
{ 
  font-size: 75%; 
  margin-top: 1px; 
  margin-bottom: 1px; 
}

#sidebar .sidebaradvert
{ 
  width: 200px;
  background-color: #EFEFEF;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  border: 1px solid #CCCCCC;	
  text-align: center; 
}


/* 
 ======================================================= 
  .sidebarmenu (context menu on RHS)
 =======================================================
*/

.sidebarmenu .caption
{
  font-family: Verdana, Arial,Helvetica,sans-serif;
  font-size: 80%;
  xxxfont-weight: bold;
  xxxbackground-color: #334455;
  color: #666666;
  text-decoration: none; 
  border-bottom-width: 0px;
  padding: 5 5 5 5; 
  xxxtext-transform: uppercase;
  xxxborder-left: 10px solid #ffffff; 
  border-top: 5px solid #334455; 
  border-bottom: 1px solid #cccccc; 
}


.sidebarmenu li, .sidebarmenu li.current 
{ 
  font-size: 70%; 
  font-weight: bold; 
  border-top: 0px solid #ccccff;
  border-bottom: 1px solid #cccccc; 
  list-style: none;
  line-height: 150%;
}

.sidebarmenu img 
{ 
  vertical-align: middle; 
}

.sidebarmenu a:link, .sidebarmenu a:visited, .sidebarmenu a:hover 
{ 
  display: block; 
  color: #334455; 
  text-decoration: none; 
  padding: 2 7 2 7; 
  xxxbackground-color: #CCCCFF; 
  width: 100%;
  border-left: 7px solid #ffffff; 
  xxxtext-decoration: underline;
}

.sidebarmenu a:hover, .sidebarmenu a:hover 
{ 
  xxxbackground-color: #ccddff; 
  background-color: #ccccff; 
  xxxtext-decoration: underline;
  border-left: 7px solid #334455; 
}	


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

.sidebaradvert P
{
  padding-top: 0px;
  padding-left: 5px;
  padding-bottom: 5px;
  text-align: left;
}

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



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

.advert
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center; 
  font-size: 77.5%;
  border: 1px solid #CCCCCC;	
  background-color: #EFEFEF;
}

.advert P
{
  padding-top: 0px;
  padding-left: 5px;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  background-color: #EFEFEF;
}


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




/* 
 ======================================================= 
   .colLeft and .colRight (side by side paragraphs 50/50)
 =======================================================
*/

.colLeft, .colRight
{
  width:260px;
  min-height:240px;
  padding-right: 0px;
}

.colLeft
{
  float:left;
}

.colRight
{
  float:right;
}



/* 
 ======================================================= 
   .col33 and .col67 (side by side paragraphs 33/67)
 =======================================================
*/

.col33, .col67
{
  min-height:240px;
  padding-right: 0px;
}

.col33
{
  width: 170px;  
  float: left;
}

.col67
{
  width: 350px;  
  float: right;
}



/* 
 ======================================================= 
   .boxLeft and .boxRight (boxed side by side paragraphs 50/50)
 =======================================================
*/

.box
{
  min-height:240px;
  border:1px solid #ccc;
  padding: 5px;
  margin:5px 10 5px 10;
}

.boxLeft, .boxRight 
{
  width:245px;
  min-height:240px;
  border:1px solid #ccc;
  padding-right: 10px;
}

.boxLeft 
{
  float:left;
  margin:5px 0 10px 5;
}

.boxRight 
{
  float:right;
  margin:5px 5 10px 0;
}

.boxLeft div, .boxRight div 
{
  padding:0 10px;
}





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

.hilite
{
  color: #FF6600;
  font-style: italic;
  font-weight: bold;
}


.todo {  color: #FF0099; font-style: italic}





.xxxcolLeft
{
  text-align: left;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 0px;
  width: 260px;  
  float: left;
}

.xxxcolRight
{
  text-align: left;
  padding-top: 10px;
  margin-left: 15px;
  padding-bottom: 10px;
  padding-right: 0px;
  width: 260px;  
  float: left;
}


/*
.boxLeft, .boxRight 
{
  width:245px;
  min-height:240px;
  border:1px solid #ccc;
  padding-right: 10px;
}

.boxLeft 
{
  float:left;
  margin:5px 0 10px 5;
}

.boxRight 
{
  float:right;
  margin:5px 5 10px 0;
}

.boxLeft div, .boxRight div 
{
  padding:0 10px;
}
*/