/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */


  #leftmasthead { ;
    border-style:        none ;
    width:               8em;
    height:              5em;
    float:               left;
    background-image:    url(http://www.calcpay.co.uk/companylogo.gif);
    background-repeat:   no-repeat;
    background-position: center;
    padding-top:         0em;
    padding-bottom:      0em;
    }


    
  #masthead { ;
    position:         relative;
    height:           6em;
    margin-left:      8em ;
    border-right:     #999999 1px solid;
    border-bottom:    #999999 1px solid;
    color:            #000088;
    text-align:       left;
    letter-spacing:   2px ;
    padding-left:     4px;
    padding-right:    4px;
    padding-top:      0px;
    padding-bottom:   0px;
    background-color: #ebf5fa
    }

  #masthead H1 { ;
    margin:         0px ;
    margin-left:   10px;
    margin-bottom: 10px ;
    font-weight:   bolder; 
    Font-size:     2em;
    font-family:   Verdana, serif, Georgia, "MS Serif", "New York"; 
    text-shadow:   #B0C4DE 2px 2px 1px ;
    }




  .mastheadtagline { ;
    margin-left:    10px;
    margin-bottom:   5px ;
    font-weight:    bolder; 
    Font-size:      12px; 
    color:          #000088;; 
    font-family:    Verdana, Arial, Helvetica, sans-serif; 
    white-space:    nowrap; 
    letter-spacing: 3px;
    }

   
  #mainContent { ;
    position:       relative;
    margin-left:    9em;
    }

  #leftnav { ;
    border-right-style: none;
    border-right-width:  2px;
    width:               8em;
    float:              left;
    background-color:   white ;
    /*rgb(204, 204, 255)*/;
    }

  .navlink { ;
    padding: 3px 10px 2px;
    display: block;
    }

  #rightCol { ;
    float:             right;
    border-left-style: none;
    border-left-width:  2px;
    text-align:        right;
    width:             10em;
    /*background-color:  rgb(204, 204, 255)*/;
    }

  #articleText { ;
    border-left: 2px none rgb(204, 0, 0);
    border-right: 2px none rgb(204, 0, 0);
    padding: 3px 5px 5px;
    position: relative;
    margin-right: 8em;
    color: black;
    background-color: white;
    background-image: url(http://www.calcpay.co.uk/money8fs2.jpg);
    background-repeat: no-repeat;
    background-position: top-center;
    }

    H2 { ;
 	MARGIN-BOTTOM: 20px; 
 	font-family: Georgia, "MS Serif", "New York", serif; 
 	text-shadow: #B0C4DE 2px 2px 1px ;
    }

  #footer { border-top: 1px dotted rgb(153, 153, 153);
    color: rgb(153, 153, 153);
    font-size: 77%;
    font-family: Courier New,Courier,monospace;
    text-align: center;
    padding-top: 7px;
    }

  .footerbox { ;
    border-right: 	#999999 1px solid; 
    border-left: 	#999999 0px solid;
    border-top: 	#999999 0px solid; 
    border-bottom: 	#999999 0px solid; 
    background: 	#dfeff7;
    padding-right: 	4px;
    padding-left: 	4px; 
    padding-bottom: 	4px;
    padding-top: 	4px;
    font-size: 		11px; 
    margin: 		2px;  
    font-family: 	Verdana, Arial, Tahoma, Helvetica, sans-serif; 
    text-align: 	center;
    color: 		#000099; 
    line-height: 	16px;
}


  .h2 { color: rgb(102, 0, 0);
    }

  a.navlink { ;
    color:           blue;
    text-decoration: none;
    }


  a.navlink:hover { ;
    color:              black;
    font-weight:        bold;
    background-color:   yellow;
    border-right-width: 2px;
    border-right-color: rgb(204, 0, 0);
    }




/* using rollover in links  */

a.rolloverLink {
	display:block;
	font: 0.75em Georgia, "Times New Roman", Times, serif;
	height: 20px;
	background-repeat:no-repeat;
	background-position: 2px 0px;
	background-color:#FFFFFF;
	padding-left: 40px;
	padding-top: 10px;
}

a.rolloverLink:link {
	background-image:url(images/bullet.png);
}


a.rolloverLink:visited {
	background-image:url(images/bullet_visited.png);
}

a.rolloverLink:hover {
	background-image:url(images/bullet_hover.png);
}
a.rolloverLink:active {
	background-image:url(images/bullet_active.png);
}
