*
{
margin: 0px;
padding: 0px;
}


body
{
background-color: #fff;
color: #555555;
font-size: 11px;
font-family: "arial", "trebuchet ms", helvetica, sans-serif;
}




/*  NOTES ON COLOURS   */
sirrus_main_green
{
color: #50A814;
}

sirrus_dark_green
{
color: #1D4303;
}

sirrus_dark_green2
{
color: #3D8A08;
}


sirrus_pale_green
{
color: #8EEF4C;
}

sirrus_pale_green2
{
color: #6FCE2F;
}












a
{
text-decoration: underline;
color: #50A814;
background: inherit;
}



a:hover
{
text-decoration: none;
color: #fff;
/*  background: #D3E378 url('images/nccl_bbg03.gif') repeat-x;   */
/* background: url('images/nccl_bbg03.gif') repeat-x;    */
background: #50A814 ; 
}








strong
{
background: inherit;
color: #50514D;
}

strong sup
{
background: inherit;
color: #50514D;
font-size: 12px;
}




#header
{
width: 100%;
height: 67px;		    	/*  was 104, down by 37   */
background-color: #4d4d4d;
background: url('images/a1g_67.gif') repeat-x;
/*    background: url('images/nccl_a1f.jpg') repeat-x;   */
color: #ffffff;
}



#header_ORIG
{
width: 100%;
height: 104px;
background-color: #4d4d4d;
background: url('images/a1.gif') repeat-x;
color: #ffffff;
}


#header_inner
{
position: relative;
width: 780px;
height: 67px;          /*  was 104, down by 37   */
margin: 0px auto;
}


#header_inner_ORIGINAL
{
position: relative;
width: 780px;
height: 104px;
margin: 0px auto;
}


#header_inner h1
{
background: inherit;
position: absolute;
left: 0px;
bottom: 10px;
text-transform: lowercase;
font-size: 39px;
color: #fff;
font-weight: normal;
letter-spacing: -2px;
}


#header_inner h1 span
{
background: inherit;
color: #DADADA;
}



#header_inner img
{
background: inherit;
position: absolute;
left: 0px;
bottom: 4px;                   /*   was 10px when height 104  */
text-transform: lowercase;
font-size: 39px;
color: #fff;
font-weight: normal;
letter-spacing: -2px;
}



#slogan_ORIG
{
background: inherit;
position: absolute;
right: 0px;
bottom: 25px;
color: #DADADA;
text-transform: lowercase;
font-size: 13px;
}


#slogan
{
background: inherit;
position: absolute;
/*  right: 0px;  */
left: 210px;
bottom: 10px;
color: #eeeeee;
font-family:  "Arial Rounded MT bold", "trebuchet ms", helvetica, "arial";
font-size: 23px;
font-weight: normal;
/*    font-weight: bold;   */
letter-spacing: 0px;
}




#logo_img
{
background: inherit;
position: absolute;
left: 8px;
bottom: 6px;
text-transform: lowercase;
font-size: 39px;
color: #fff;
font-weight: normal;
letter-spacing: -2px;
}


#slogan_img
{
background: inherit;
position: absolute;
left: 200px;
bottom: 0px;
}




#main
{
padding-top: 20px;
position: relative;
width: 780px;
margin: 0px auto;
padding-bottom: 10px;
}

#main_ORIGINAL
{
padding-top: 20px;
position: relative;
width: 680px;
margin: 0px auto;
padding-bottom: 10px;
}




#menu ul
{
list-style: none;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
font-weight: bold;
}




/*  this next section affects the main menu elements top left  */


#menu a
{
display: block;
position: relative;
width: 148px;
height: 27px;
margin-bottom: 0px;   /* WAS 1 - needs to be 0, FF&IE handle differently */
text-decoration: none;
background: inherit;
background-image: url('images/bbg06.gif');   /* This is the main button background */
padding-left: 17px;
padding-top: 11px;
color: #555555;
text-transform: lowercase;
font-size: 15px;		/*  ORIG=13 */
}

/* button_bg_cvx02.jpg   */ 

/* 
   Button BG slopes: 
     bb0      247-255 single slope down over full height
     bb04    236-255 single slope down over full height
     bb05     233-245 single slope down over full height
     bb06    239-252 single slope down over full height (like cisco)
     bb10     240-255-240 concave down over full height
     bb11    233-247-233 concave down over full height
    
   
*/




#menu_ORIGINAL a
{
display: block;
position: relative;
width: 168px;
height: 27px;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
background-image: url('images/bbg0.gif');     /* This WAS the main button background */
padding-left: 17px;
padding-top: 11px;
color: #636363;
text-transform: lowercase;
font-size: 13px;
}



#menu a span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x1.gif') no-repeat;  /* this is on the main menu buttons */
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x2.gif') no-repeat;
}



#menu a:hover
{
background: inherit;
color: #ffffff;
background-image: url('images/button_bg_palegrn03.gif');    /* This is the main hover background */
}

/* nccl_bbg1a.jpg */













#menu_end
{
height: 30px;
background-image: url('images/a2.gif');
}





h1
{
background: inherit;
/*  color: #3D8A08;  */
color: #50A814;
/*   text-transform: lowercase;    */
font-size: 28px;              /* ORIG=26  trebuchet, better 24-25 arial  */
font-weight: normal;   		*/
/*  font-weight: bold; 		  */
}


h1 span
{
background: inherit;
color: #222222;
}

h1 span sup
{
background: inherit;
color: #85AC1E;
font-size: 14px;
}






h2
{
background: inherit;
color: #722124;
/*   text-transform: lowercase;    */
font-size: 18px;              /* ORIG=26  trebuchet, better 24-25 arial  */
font-weight: normal;   		*/
/*  font-weight: bold; 		  */
}






h3
{
margin-top: 30px;
background: inherit;
color: #3D8A08 ;
font-size: 15px;		/* ORIG=15  */
text-transform: lowercase;
height: 34px;
/*  background: url('images/a31.gif') repeat-x 0px 24px;     */

background: url('images/a06.gif') repeat-x 0px 17px;  /*  ORIG  */
}


 /*  that 17pix offset drops the background effect BELOW the H3 phrase 
     (try with a3z.gif to show this up) 

     a06.gif is the background to match the button bg06: see h4;   was a3.gif
  */ 


h3 span
{
background: inherit;
color: #222222 ;
}

h3.first
{
margin-top: 0px;
}





h4
{
margin-top: 30px;
background: inherit;
color: #3D8A08 ;
font-size: 18px;		/* ORIG=15  */
font-weight: normal;
/*  text-transform: lowercase;  */
height: 34px;
background: url('images/a06.gif') repeat-x 0px 22px;   /*  ORIG=a3.gif, for dev see a31.gif */

/*    background: url('images/a3.gif') repeat-x 0px 17px;    ORIG  */
}


         /*   that 17pix offset drops the background effect BELOW the H3 phrase 
               (try with a3z.gif to show this up)  
               
              a31b.gif  was a temporary dev bg
              a06.gif is the background to match the button bg06: is 229-255 in 2/3 height
          */





h4 span
{
background: inherit;
color: #222222 ;
}

h4.first
{
margin-top: 0px;
}










#lcol
{
position: relative;
width: 165px;
float: left;
}


#lcol_ORIGINAL
{
position: relative;
width: 185px;
float: left;
}


#lcontent
{
position: relative;
padding: 0px 15px 0px 15px;
}

#lcontent2
{
position: relative;
padding: 0px 15px 0px 15px;
}







#rcontent
{
position: relative;
/*  padding: 25px 20px 0px 20px;    ORIG [ top-right-bot-left]  */
padding:  0px 20px 0px 20px;  

}





ul
{
list-style: none;
}


li
{
background: url('images/x1.gif') no-repeat 0px 5px;  /* this is on the submenu links */
padding-left: 15px;
}

li a    
/*  this addition needed to cope with a FireFox bug which doubles up the x1.gif bkgnd.
The background:none prevents the x1 gif being duplicated behind the hyperlink in FF  */
{
background: none;  
padding-left: 0px;
}







p
{
margin-bottom: 25px;
text-align: justify;
line-height: 18px;	  /* ORIG 20 */
}


#lcol p
{
font-size: 10px;
line-height: 14px;       /* ORIG 16 */
margin: 0px;
}


.divider
{
font-size: 0px;
position: relative;
border-bottom: solid 1px #F0F0F0;     /*  was F5F5F5   */
height: 1px;
width: 100%;
margin: 10px 0px 10px 0px;
}

.summary
{
text-align: right;
font-style: italic;
}



ul.divided li
{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
}

ul.divided li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}





ul.spaced li           /* identical to 'divided' but invisible divider */
{
border-top: solid 1px #ffffff;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
}

ul.spaced li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}





#rcol
{
position: relative;
margin-left: 190px;
width: 585px;
background-image: url('images/a2.gif');
background-repeat: repeat-x;
}



#rcol_ORIGINAL
{
position: relative;
margin-left: 190px;
width: 485px;
background-image: url('images/a2.gif');
background-repeat: repeat-x;
}



#rcol_plain
{
position: relative;
margin-left: 190px;
width: 585px;
}


#rcol_plain2
{
position: relative;
margin-left: 190px;
width: 585px;
}






#slogan2
{
font-size: 13px;		/*  ORIG  14 in trebuchet, better 11-12 arial  */
position: relative;
top: -5px;
}



.box
{
position: relative;
border: dashed 1px #dadada;
margin-top: 15px;
background: inherit;
color: #AAB165;
}

.box_plain
{
position: relative;
border: none;
margin-top: 7px;
background: inherit;
color: #AAB165;
}


.box h2
{
background: inherit;
color: #6C7425;
text-transform: lowercase;
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
}

.box p
{
font-size: 10px;
line-height: 16px;
margin: 0px;
}

.box_inner
{
border: solid 1px #fff;
padding: 15px;
background: #eeeeee url('images/a4Z.gif') repeat-x;   /*  bg was ffffe9  */
color: inherit;
}


.box_inner_ORIGINAL
{
border: solid 1px #fff;
padding: 15px;
background: #FFFFE9 url('images/a4.gif') repeat-x;
color: inherit;
}

.captioned_image
{
position: relative;
padding-bottom: 15px;
/*    padding-left: 15px;     */
float: left;
margin-right: 17px;
}

.captioned_image div
{
position: absolute;
font-size: 9px;
bottom: 0px;
left: 0px;
}


.captioned_image_right
{
position: relative;
padding-bottom: 15px;
/*    padding-left: 15px;     */
float: right;
margin-left: 20px;
}




#footer
{
clear: both;
background: url('images/a2.gif') repeat-x; 
width: 780px;
margin: 0px auto;
margin-bottom: 25px;
padding-top: 10px;
font-size: 10px;
text-align: center;
/*    text-transform: lowercase;   */
}



/* ----------------------------------- ADDITIONS  ----------------------------- */



#footer span			/* used for the referral to N33 */
{
 font-size: 10px;
 color: #a0a0a0;  
}

#footer span a 
{
 font-size: 10px;
 color: #aaddaa;
}








.linktype2	/* gives a selectively different link look&feel  */
{
text-decoration: underline;
color: #5555aa;
background:  none; 
}

.linktype2:hover	
{
text-decoration: none;
color: #fff;
background: #5555aa;  
}




.linktype3	/* gives a selectively different link look&feel  */
{
text-decoration:  none; 
color: #5555aa;
background:  none; 
}

.linktype3:hover	
{
text-decoration: none;
color: #fff;
background:  none;  
}






.table_one
{
border-style: solid;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
.td_one 
{ 
/*   border: 1px solid #666666;   */
border: dashed 1px #dadada;
}
.th_one 
{ 
border: 1px solid #666666; 
}


.table_two
{
border-style: solid;
border-width: 0px;
border-color: #666666;
border-collapse: collapse;
}
.td_two
{ 
border: 0px solid #666666; 
}
.th_two
{ 
border: 0px solid #666666; 
}


img.noborder 
{
	border: 0px none;
	margin: 0px;
}
















/* --------------- Oblique overlapping tabs -------------- */

ul.obtabs 
{
    list-style: none;
    margin: 1px 0 -1px 0;
    padding: 0;
    position: absolute;
    font-size: 13px;
}

ul.obtabs li.first 
{
    margin-left: 0;
}

ul.obtabs li 
{
    float: left;
    display: block;
    height: 24px;
    padding-left: 0px;      /*  needed to kill off the LH menu padding when over in tabs */
    padding-right: 12px;
    margin-left: -5px;
    position: relative;
    background: url(images/tabright-back.gif) 100% 0 no-repeat;
    border-bottom: 1px solid #bbb8a9;
    white-space: nowrap;
}

ul.obtabs span 
{
    height: 24px;
    line-height: 24px;
    padding-left: 7px;
    background: url(images/tableft-back.gif) no-repeat;
}

html>body ul.obtabs span 
{
    display: block;
}



ul.obtabs li#current 
{
    z-index: 1;
    /*  font-weight: bolder;  */
    border-bottom: 1px solid #fff;
    height: 25px;
    background-image: url(images/tabright.gif);
}

ul.obtabs li#current span 
{
    background-image: url(images/tableft.gif);
}



ul.obtabs a 
{
    color: #444444;
    text-decoration: none;
    font-weight: bolder;
}


ul.obtabs a.main_tab 
{
    color: #4444ff;
    font-weight: bolder;     
}



/* New bit added to highlight tabs on hover */

ul.obtabs a:hover 
{
    color: #3D8A08;
    text-decoration: underline;
    background: inherit;         /* prevents std A  style BG block from appearing in tab  */
}




/* ---------------------------------------------- */





.tab_text		/* these classes allow trimming of product tab text */ 
{
font-size: 13px;
margin: 0px auto;
margin-bottom: 0px;
padding-top: 7px;
padding-left: 5px;
}



.tab_text a 
{
    color: #444444;
    text-decoration: none;
    font-weight: bolder;
}


.tab_text a.main_tab 
{
    color: #4444ff;
    font-weight: bolder;     
}



/* New bit added to highlight tabs on hover */

.tab_text a:hover 
{
    color: #3D8A08;
    text-decoration: underline;
    background: none;         /* prevents std A  style BG block from appearing in tab  */
}





.box_11
{
position: relative;
float: right;
margin-left: 15px;
margin-bottom: 25px;
width: 386px;
/* height: 400px; */ 
/* margin-top: 7px;  */
/*  border: none;   */
/*  border: solid 1px #fff;  */
border: dashed 1px #dadada;
padding: 0px;
background: #eeee66  
/* background: inherit;  */
color: inherit;
/* color: #AAB165; */
}












.box_tabs1_A
{
position: absolute;
/* float: left; */
margin-top: 10px;
margin-left: 0px;
margin-bottom: 0px;
width: 586px;
height: 40px;  
margin-top: 7px; 
 border: none;  
/*  border: solid 1px #fff;  */
/* border: dashed 1px #dadada;  */
padding: 0px;
background: url(images/tab3topA_1.gif)  no-repeat;
/* background: #66ee66 */
/*  background: url('images/tab3topA_1.gif')  */
/* background: inherit;  */
/* color: inherit; */
/* color: #AAB165; */
}




.box_tabs1_B
{
position: absolute;
/* float: left; */
margin-top: 10px;
margin-left: 0px;
margin-bottom: 0px;
width: 586px;
height: 40px;  
margin-top: 7px; 
 border: none;  
/*  border: solid 1px #fff;  */
/* border: dashed 1px #dadada;  */
padding: 0px;
background: url(images/tab3topB_1.gif)  no-repeat;
/* background: #66ee66 */
/*  background: url('images/tab3topB_1.gif')  */
/* background: inherit;  */
/* color: inherit; */
/* color: #AAB165; */
}



.box_tabs1_C
{
position: absolute;
/* float: left; */
margin-top: 10px;
margin-left: 0px;
margin-bottom: 0px;
width: 586px;
height: 40px;  
margin-top: 7px; 
 border: none;  
/*  border: solid 1px #fff;  */
/* border: dashed 1px #dadada;  */
padding: 0px;
background: url(images/tab3topC_1.gif)  no-repeat;
/* background: #66ee66 */
/*  background: url('images/tab3topC_1.gif')  */
/* background: inherit;  */
/* color: inherit; */
/* color: #AAB165; */
}





.td_three 		/* used for RHS text boxes  */
{ 
/*   border: 1px solid #666666;   */
border: dashed 1px #dadada;
padding: 3px;
}


.td_four		/* used for LHS image boxes  */
{ 
/*   border: 1px solid #666666;   */
border: none;
padding: 2px;
}



h5
{
margin-top: 20px;
background: inherit;
color: #3D8A08 ;
font-size: 14px;		
font-weight: normal;
/*  text-transform: lowercase;  */
height: 34px;
background: url('images/a06.gif') repeat-x 0px 17px;  
/*    the 17px is the backgnd vert offset  */
}




p.one	
{
	font-size: 12px;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3D8A08;
}

a.one:link	
{
	color: #5555aa;
}

a.one:visited	
{
	color: #776060;
}

a.one:hover	
{
	color: #ffffff;
}

p.one span	
{
	font-size: 11px;
	font: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #555555;
}