/* Payroll Payecheck stylesheet - August 2006 */

/* Layout Styles */ 

body { margin: 0; padding: 10px; background: #EEEEEE; font-family: arial, helvetica, sans-serif; font-size: 100%; color: #000000; text-align:center;  }

#outer {  text-align:left; border:1px solid #648BB1; width: 780px; margin:auto; background-color: white; padding: 2px; }

#hdr { height:65px; background: white; margin-top:5px; }

#bodyblock {  position:relative; background: white; color: #333333; width: 764px; padding: 2px }

#l-col { float:left; background: white; color: #333333; width:176px; }

#bar {background-color: white;}

#top { width: 530px; background: #ffffff; text-align:left; border: 0; }

#cont { width: 530px; background: #ffffff; border-left: 1px solid #648BB1; border-right: 1px solid #648BB1;  text-align:left; line-height:125%; }
html>body div#cont {width:528px;}

#content { line-height: 140%; font-size:80%; padding: 10px 20px 5px 20px; }

#base { width: 530px; background: #ffffff; text-align:left; border: 0; }

#basenav {margin: 10px 0 0 0; font-size: 70%; text-transform:lowercase; text-align:center; }

#address { margin: 10px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background: #EFEFEF; color: #333333; text-align:center; }
 
#sitenav { margin: 12px 0 0 0; font-size: 11px; text-transform:lowercase; border-top: 1px solid silver;border-bottom: 1px solid silver; padding: 2px 0 2px 0; text-align:center;}

#sitenav a:hover { color: #000000; background-color: #edf6ff; }

#footer { margin: 6px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: normal; color: #999999; text-align:center;}


/* Formatting Styles */ 

a:link {color: #003366; }
a:visited {color: #666666; } 
a:hover {color: #943852; text-decoration: none; }
a:active {color: #943852; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 18px;	color: #000000;	text-transform: uppercase;	border-top-width: 1px;	border-top-style: solid; border-top-color: #000000;	font-weight: bold; margin:0 20px 0 0; text-align:right; background-color: white; width: 250px; }

h2 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal;	color: #000000; margin: 5px 0 25px 0;}

h3 {font-family: "Times New Roman", Times, serif;font-size: medium; font-weight: normal; color: #336699; }

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #000000;	font-weight: bold; text-transform: uppercase; }

.h {color: #000000; background-color: #edf6ff; }
	
.caps {text-transform:uppercase; }
.bodysmall {font-size: 85%; }
li { margin-bottom:7px; }
ul {list-style:circle;}
strong { font-weight: bold;}
.color { background-color: #ECF5FF;}
.color2 { background-color: #F2F2F2 ;}

blockquote{margin-left:25px;}

#form {font-size: 90%; }


/* new buttons? */

#button { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #306599; border-width: 1px; padding: 2px; text-transform: lowercase; text-align: right; margin: 4px 0 4px 4px; }


#button1 { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #306599; border-width: 1px; padding: 2px; text-transform: lowercase; text-align: right; margin: 20px 0 4px 4px; }

#button a:link  { voice-family: "\"}\""; voice-family: inherit;	color: black; text-decoration: none; }
#button1 a:link  { voice-family: "\"}\""; voice-family: inherit;	color: black; text-decoration: none; }


#button a:link, #button1 a:visited {
	color: black;	display: block;	 padding: 8px 0 0 10px; text-decoration: none; 	}
	
	#button1 a:link, #button a:visited {
	color: black;	display: block;	 padding: 8px 0 0 10px; text-decoration: none; 	}

#button a:hover { background: url(images/menu7.gif) repeat-x; padding: 8px 0 0 10px; text-decoration: none; background-color: #EDF6FF; }


#button1 a:hover { background: url(images/menu7.gif) repeat-x; padding: 8px 0 0 10px; text-decoration: none; background-color: #EDF6FF; }
	
#button a:active { background: url(images/menu7.gif) repeat-x;	padding: 8px 0 0 10px; text-decoration: none; 	}

#button1 a:active { background: url(images/menu7.gif) repeat-x;	padding: 8px 0 0 10px; text-decoration: none; 	}

#buttono { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #FFAB57; border-width: 1px; padding: 2px; text-transform: lowercase; text-align: right; margin: 4px 0 4px 4px; }

#buttonono { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #FFAB57; border-width: 1px; padding: 10px 2px 2px 2px; text-transform: lowercase; text-align: right; margin: 4px 1px 4px 4px; background-color: #FCE5CB; }


#buttono a:link  { voice-family: "\"}\""; voice-family: inherit;	color: black; text-decoration: none; }
#buttono a:link, #buttono a:visited {color: black;	display: block;	 padding: 8px 0 0 10px; text-decoration: none; 	}
#buttono a:hover { padding: 8px 0 0 10px; text-decoration: none; background-color: #FCE5CB; }
	



.buttonhead {  font-size: 12px; font-weight: normal; color: #336699; padding: 8px 0 0 10px; text-decoration: none; text-transform: none;  align: right; margin-left: 20px;}

#buttonon { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #306599; border-width: 1px; padding: 10px 2px 2px 2px; text-transform: lowercase; text-align: right; margin: 4px 1px 4px 4px; background-color: #EDF6FF; }



#buttonon1 { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 200px; border-style: dashed solid solid dashed; border-color: #306599; border-width: 1px; padding: 10px 2px 2px 2px; text-transform: lowercase; text-align: right; margin: 20px 1px 4px 4px; background-color: #EDF6FF; }


.right {text-align:right; border-top: 1px solid silver;}
/* advert */

#advert {width: 145px; border: 3px double #335199; color: #335199; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; margin: 14px 1px 4px 6px; background-color: white;}

#advert p{margin: 2px 0 2px 0;}

#advert a{color:#335199; text-decoration:none;}
#advert a:hover{color:#335199; text-decoration:underline;}

#advert2 {width: 190px; border: 3px double #37628C; color: #37628C; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; margin: 10px 1px 4px 6px; background-color: white;}

#advert2 p{margin: 2px 0 2px 0;}

#advert2 a{color:#37628C; text-decoration:none;}
#advert2 a:hover{color:#37628C; text-decoration:underline;}

#adlink {font-family:"Times New Roman", Times, serif; font-weight: bold; font-size: 15px; color: white; background-color: #335199; padding: 1px; }
#adlink a {color: white; text-decoration:none;}
#adlink a:hover {color: white; text-decoration:underline;}

.adhead {font-family:"Times New Roman", Times, serif; font-weight: bold; font-size: 15px; color: white}


.link {background-color: #335199; color: white; margin:0; padding: 1px; font-size: 11px;}
.link a:link {color: white; text-decoration:none;}
.link a:hover {color: white; text-decoration:underline;}

.link2 {background-color: #37628C; color: white; margin:0; padding: 1px; font-size: 11px;}
.guides  {  font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; color: #2AA0C7; padding: 2px 0px 1px 0px; text-decoration: none; text-transform: uppercase;  text-align: right; width: 200px; }
.colour {color: #660033; }
.bigbold { font-weight: bold; font-size: 120%; line-height: 140%;}

.quote { padding : 5px;  width: 90%; border: 1px solid silver; background-color: #ECF5FF; font-size: 110%; line-height: 140%; margin-top: 10px; margin-bottom: 10px;  }
.quote p {
margin: 4px 4px 14px 4px; }


.quote2 { background-color: #F2F2F2 ; font-size: 110%; line-height: 140%; margin-bottom:20px; font-weight: normal;}


#boxes {width: 100%; margin: 10px 0px 15px 0px;}

#box {width: 64%; border: 1px solid #660033;  padding: 6px; margin: 14px 1px 4px 6px; background-color: white; line-height: 130%; float:left;}

#box2 {width: 64%; border: 1px solid  #999999;  padding: 6px; margin: 14px 1px 4px 6px; background-color: white; line-height: 130%; float:left;}

#box3 {width: 64%; border: 1px solid  #666666;  padding: 6px; margin: 14px 1px 4px 6px; background-color: white; line-height: 130%; float:left;}

#box4 {
	width: 30%;
	border: 1px solid  #EEEEEE;
	padding: 6px;
	margin: 14px 1px 4px 6px;
	background-color: #F4F4F4;
	line-height: 130%;
	float:right;
	font-size: 90%;
	background-image: url(../images/bluebk.png);
}
html>body div#box4 {width:24%;}

#advert3 {
	width: auto;
	border: 3px double #335199;
	color: #335199;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 1px 0px 10px 0px;
	background-color: white;
	color: #333333;
	font-size: 12px;
	line-height: 140%;
	background-image: url(../images/shinebk.png);
}

#advert3 a{color:#335199; text-decoration:none;}
#advert3 a:hover{color:#335199; text-decoration:underline;}
#advert3 h4 {
	color:#517DA8;
	text-decoration:none;
	font-size: 1.2em;
	line-height: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#advert4 {
	width: auto;
	border: 3px double #37628C;
	color: #37628C;
	font-family:  Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 1px 0px 4px 0px;
	background-color: white;
	color: #333333;
	font-size: 12px;
	line-height: 140%;
	background-image: url(../images/shinebk.png);
}

#advert4 a{color:#37628C; text-decoration:none;}
#advert4 a:hover{color:#37628C; text-decoration:underline;}
#advert4 h4 {
	color:#517DA8;
	text-decoration:none;
	font-size: 1.2em;
	line-height: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#advert5 {
	width: auto;
	border: 3px double #335199;
	color: #335199;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 1px 0px 10px 0px;
	background-color: white;
	color: #333333;
	font-size: 12px;
	line-height: 140%;
	background-image: url(../images/shinebk.png);
}

#advert5 h4 {
	color:#517DA8;
	text-decoration:none;
	font-size: 1.2em;
	line-height: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* advert */

#advert6 {width: 92%; border: 1px double #335199; color: #335199; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; margin: 14px 1px 4px 16px; background-color: white;}

#advert6 p{margin: 2px 0 2px 0;}

#advert6 img {float:left;margin: 3px 8px 0px 4px ;}

#advert6 a{color:#335199; text-decoration:none;}
#advert6 a:hover{color:#335199; text-decoration:underline;}

#advert7 {width: 92%; border: 1px double #37628C; color: #37628C; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; margin: 10px 1px 4px 16px; background-color: white;}

#advert7 p{margin: 2px 0 2px 0;}

#advert7 img {float:left;margin: 3px 8px 0px 4px ;}

#advert7 a{color:#37628C; text-decoration:none;}
#advert7 a:hover{color:#37628C; text-decoration:underline;}

#request { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 240px; border-style: solid; border-color: #306599; border-width: 1px; padding:6px; text-transform: none; text-align: left; margin: 0px; background-color: #EDF6FF; line-height: 135%;}

#request2 { font-family: "Times New Roman", Times, serif;  font-size: 15px; font-weight: normal; color: black; width: 450px; border-style: solid; border-color: #306599; border-width: 1px; padding:6px; text-transform: none; text-align: left; margin: 16px 0px 6px 0px; background-color: #EDF6FF; line-height: 135%;}

#referbox { font-family: "Times New Roman", Times, serif;  font-size: 14px; font-weight: normal; color: black; width: auto; border-style: solid; border-color: #306599; border-width: 1px; padding:6px; text-transform: none; text-align: left; margin: 16px 0px 6px 0px; background-color: #EDF6FF; line-height: 135%;}