/* ------ MAIN LAYOUT STYLES FOR TRIUMPH SITE - (c)2004 Triumph ----- */
/*** *** *** *** *** *** *** - 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: none;
 } 
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: 126px;
  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 - *** *** *** *** ***/  
#container {
 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 - *** *** *** *** ***/