/* ------ MAIN LAYOUT STYLES FOR TRIUMPH SITE - (c)2004 Triumph ----- */

/*********************************************/


        #dhtmlgoodies_slidedown_menu li{
                list-style-type:none;
                position:relative;
        }
        #dhtmlgoodies_slidedown_menu ul{
                margin:0px;
                padding:0px;
                position:relative;

        }

        #dhtmlgoodies_slidedown_menu div{
                margin:0px;
                padding:0px;
        }
        /*         Layout CSS */
        #dhtmlgoodies_slidedown_menu{                
                width:127px;        
        }

        /* All A tags - i.e menu items. */
        #dhtmlgoodies_slidedown_menu a{
                color: white;
                text-decoration:none;        
                display:block;
                clear:both;
                width:115px;        
                padding-left:2px;        

        }
        
        /*
        A tags 
        */
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth1{        /* Main menu items */
                margin-top:0px;
                border-bottom:0px solid white;
                font-weight:normal;
        }        
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth2{        /* Sub menu items */
                margin-top:0px;
        }        
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth3{        /* Sub menu items */
                margin-top:0px;

                color:white;
        }        
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth4{        /* Sub menu items */
                margin-top:0px;
                color:red;
        }        
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth5{        /* Sub menu items */
                margin-top:0px;
        }

        /* UL tags, i.e group of menu utems. 
        It's important to add style to the UL if you're specifying margins. If not, assign the style directly
        to the parent DIV, i.e. 
        
        #dhtmlgoodies_slidedown_menu .slideMenuDiv1
        
        instead of 
        
        #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
        */
        
        #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
                padding:0px;
                 background-color: white;
                        
        }
        #dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
                margin-left:0px;
                padding:0px;
         background-color: #3477B3;
        border-top-color: #C5D3E3;
 
        }
        #dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
                margin-left:0px;
                padding:0px;
                background-color: #709FD4


        }
        #dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
                margin-left:15px;
                padding:1px;
        }
        


/*********************************************/
/*** *** *** *** *** *** *** - START Set Up Page - *** *** *** *** ***/
.reddot { /* CMS FONT */
 font: 9px verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #ff0000;
 }
 
.whitedot { /* CMS FONT */
 font: 9px verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #ffffff;
 }

html { 
 scrollbar-face-color: #4E85C5; 
 scrollbar-shadow-color: #FFF; 
 scrollbar-highlight-color: #FFF; 
 scrollbar-3dlight-color: #666; 
 scrollbar-darkshadow-color: #20226D; 
 scrollbar-track-color: ; 
 scrollbar-arrow-color: #FFF; 
}
 
html, body {
 margin: 0;
 padding: 0;
 }
html body {
 margin: 0;
 padding: 0;  
 background: #000115 url(../stylesheet_images/livingBG2.jpg) top left no-repeat;  
 }   
body { 
 font: 10px verdana, arial, helvetica, sans-serif;
 text-align: left;
}
 
table { font-size: 10px; /*ie 5.5*/ } 
body * { text-align: left; } 
ul {
 margin: 0;
 padding: 0;
 list-style: disc ;
 } 
img { border: 0;} 
form {
 margin: 0;
 padding: 0;
 }  
input, select, textarea { 
 margin: 0;
 padding: 2px;   
 font: 10px verdana, arial, helvetica, sans-serif;
 }  
#wrapper { /* Centering */  
 width: 761px;
 } 
  
/* LINK STYLES */  
a { text-decoration: none; color: #fff;}  
a:hover { cursor: pointer; text-decoration: underline;} 
form a:hover, #menu a:hover {        text-decoration: none;        }
  
/*** *** *** *** *** *** *** - END Set Up Page - *** *** *** *** ***/    
/*** *** *** *** *** *** *** - START header - *** *** *** *** ***/
 h1 {
 display: block;  
 margin: 0;
 height: 69px;
 width: 762px;
 overflow: visible;  
 background: url(../stylesheet_images/logo.gif)  no-repeat; 
 float: left;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 760px;
 voice-family: "\"}\""; 
 } 
h1 a {
 display: block;
 height: 69px;
 width: 150px;
 text-indent: -9999px;
 } 
h2 { /* Page Header Style */
 font: 23px verdana, arial, Helvetica, sans-serif;
 color: #70CAF0;
 margin: 0; 
 padding: 15px 0 7px 17px;
 line-height: 25px;
 background: #fff;  
 letter-spacing: -1px;  
 }  
h3, .subheader { /* Page Sub-Headers - spans change colour to dark blue*/
 font: 12px  Arial, Helvetica, sans-serif;
 font-weight: bold;  
 padding: 1px 0 4px 17px;   
 margin: 0;  
}
   
h3 { font-size: 14px }    
p {
 margin: 0;
 padding: 5px 17px;
 }  
q {
 display: none;   
 }   
  
/*** *** *** *** *** *** *** - END header - *** *** *** *** ***/   
/*** *** *** *** *** *** *** - START breadcrumbs - *** *** *** *** ***/  
#breadcrumbs { 
 color: #fff; 
 border-bottom: 1px solid #5690B6;  
 float: left;
 width: 759px;
 padding-left: 9px;
 line-height: 19px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 749px;
 voice-family: "\"}\"";
 }
#breadcrumbs li {
 float: left;
 margin-right: 3px;
 color: #fff;   
 } 
#breadcrumbs li a {
 color: #fff;  
 } 
#breadcrumbs li a:hover {
 text-decoration: underline;
 }   

  
/*** *** *** *** *** *** *** - END breadcrumbs - *** *** *** *** ***/  
/*** *** *** *** *** *** *** - START menu - *** *** *** *** ***/ 
#menu {      
           width: 127px;   
          margin-top: -1px;
           float: left;  
           overflow: hidden; /* ie5 fix */   
          border-bottom: 1px solid #5C89A8; 
           }    
 
/* Hide and show children*/ 
//#menu li ul, 
#menu li.parent ul li ul {   
   display:none; 
  }     
#menu li.parent ul, 
#menu li.parent ul li.parent ul {
  width: 127px;
  display:block; 
  } 

 /* Colours */ 
#menu li.parent a {
        background-color: #32518D;
        } 
#menu li.parent li a {
        background-color: #3477B3;
        border-top-color: #C5D3E3;
        }        
#menu li.parent li li a {
        background-color: #709FD4;
        }                
 
/* Links */ 
#menu a {  
 float: left; /* ie5 fix */  
   border-top: 1px solid #6A87A2;  
   border-left: 1px solid #8A8E99;
   border-bottom: 1px solid #0A4E79;    
   color: #fff;  
   width: 127px;
   padding: 0 8px; 
   line-height: 18px;
   display: block;
   #background-image: url(../stylesheet_images/arrow.gif);
   background-position:  118px 7px;
   background-repeat: no-repeat;
   cursor: pointer;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 109px;
   float: none;
   voice-family: "\"}\"";
   /*\*/
    width: 110px;
   /**/
   } 
#menu a:hover{  
           color: #fff !important;  
         background-color: #A8C4EC !important;
           }
  
  #menu li li a {
          padding-left: 16px;
        voice-family: "\"}\"";
           voice-family:inherit;
           width: 127px;  
           voice-family: "\"}\"";
        width: 101px;
        /*\*/
        width: 102px;
        /**/
          } 
 #menu li li li a {
          padding-left: 24px;
        voice-family: "\"}\"";
           voice-family:inherit;
           width: 127px;  
           voice-family: "\"}\"";
        width: 93px;
        /*\*/
        width: 94px;
        /**/
          } 
 
/*** *** *** *** *** *** *** - END menu - *** *** *** *** ***/ 
/*** *** *** *** *** *** *** - START main containers - *** *** *** *** ***/  
#mainContainer {
 width: 762px;
 float: left;
 /*background: url(../stylesheet_images/menuBG.gif) left bottom repeat-y;   */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 761px;
 voice-family: "\"}\"";   
 } 
#content {  
 width: 631px;    
 float: left; 
 overflow: hidden; 
 }   
#minHeightShim { /* Simulate min-height for those that don't do it */
 height: 306px;   
 width: 0px; 
 float: left;  
 /*\*/
 width: 1px; 
 /**/
 } 
 
/*** *** *** *** *** *** *** - END main containers - *** *** *** *** ***/  
/*** *** *** *** *** *** *** - START footer - *** *** *** *** ***/   
#footer {
 float: left;  
 margin-right: -3px; /* MSIE!*/
 width: 759px;
 height: 21px;
 line-height: 21px;
 color: #4E85C5; 
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 759px;
 voice-family: "\"}\"";  
 }  
#footer li#footerLeftLink {
 float: left;
 width: 380px;
 padding: 0 10px; 
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 360px;
 voice-family: "\"}\"";  
 } 
#footer li#footerRightLink { 
 color: #fff;
 float: left;
 text-align: right;
 width: 379px;
 padding: 0 10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 359px;
 voice-family: "\"}\"";  
 } 
#footer li a {
 color: #fff;
 font-weight: bold;
 background: url(../stylesheet_images/arrow.gif) 100% 5px no-repeat;
 padding-right: 10px;
 } 
#footer li a:hover {
 text-decoration: underline;
 }  
#standardCSSLink {display: none;}  
 
/*** *** *** *** *** *** *** - END footer - *** *** *** *** ***/   
/*** *** *** *** *** *** *** - START classes - *** *** *** *** ***/ 
.subHeadImg {
 padding: 10px 0 4px 17px;
 } 
.hide { display: none; } 
 .clear { clear: both; border-bottom: 0.1px solid #fff; font-size: 0; line-height: 0; } 
.makeRelative { position: relative; }
.minHeight {  
 height: 310px;
 min-height: 309px;     
 width: 420px;  
 padding: 0;  
 /*\*/  
 display: table-cell; 
 /* Simulates min-height in safari but messes up macie hence macie hack */
 }
.noBG { background: none !important; } 
.submit {  
 background: none !important; 
 color: #fff;
 font: 12px  Arial, Helvetica, sans-serif;
 font-weight: bold;
 }
.formRow {
 float:left;
 }  
.whiteBG {
 background: #fff;  
 }  
.plainText h3 {
 padding-top: 8px;
 } 
  
/*** *** *** *** *** *** *** - END classes - *** *** *** *** ***/