body {
	background-image: url(../images/bodybg.png);
	background-repeat: repeat-x;
	font-family:sans-serif, Tahoma;
	font-size:10pt;
	margin:0; padding:0;
}


#main {
	padding-top:30px;
	padding-left:15px;
	padding-bottom:20px;
	padding-right:10px;
}

#leftside { 
	float:left;
	width:198px;
	background-color:#E6E8FF;
	border-left:#434bb8 1px solid;	
	border-right:#434bb8 1px solid;
	border-bottom:#434bb8 1px solid;
	color:#000099;
}

#leftside UL {
	padding:5px;
	margin:0;
	list-style-type:none;
	padding-top:5px;
}

#leftside LI {
	padding-left:13px;
	padding-bottom:1px;
	list-style-type:none;
	border-bottom:#cdd1fa dashed 1px;
	font-size:8pt;
	padding-top: 2px;
	}

#leftside LI A{ color:#000099; text-decoration:none; }
#leftside UL A {	color:#000099;	text-decoration:none;}
#leftside UL LI A:hover {color:#FF0000;}

#leftsideextra {
	margin-top:20px;
	margin-bottom:20px;
	width:200px;
	overflow:hidden;
	float:left;

}








#rightside {

	width:138px;
	border-left:#434bb8 1px solid;	
	border-right:#434bb8 1px solid;
	border-bottom:#434bb8 1px solid;
	text-align:center;
}

#rightside IMG {padding-bottom:10px;}

#rightside A {text-decoration:none; font-weight:bold;}
#rightside A:hover{text-decoration: underline;}
.lnkarrow {
	background: url(../images/arrow.gif) center left no-repeat;
	font-size:9pt;
	font-weight: bold;
	padding: 0 0 0 10px !Important;
	color: #1884D6;
	text-decoration: none;
}




#headerleft {
	background-image:url(../images/bluetop-l.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:8px;
	padding-left:20px;
	font-size:12pt;
}


#headerright {
	background-image:url(../images/bluetop-r.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:23px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:8px;
	padding-left:20px;
	font-size:12pt;
}

#centerline {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	overflow:hidden;
}


#graybox {
	border:#e6e6e6 1px solid;
		background-image: url(../images/bodybg.png);
	background-repeat: repeat-x;
}
#graybox P {margin: 10px 5px 10px 5px; font-size:8pt;  }
#graybox IMG {border:0; padding:3px;}

#grayboxb {
	border:#e6e6e6 1px solid;
		background-image: url(../images/bodybg2.gif);
	background-repeat: repeat-x;
		background-position:left bottom;
}
#grayboxb P {margin: 10px 5px 10px 5px; font-size:8pt;  }
#grayboxb IMG {border:0; padding:3px;}


#printerbox {
	background-image: url(../images/printerbox.gif);
	width:250px;
	padding-left:10px;
	padding-top:10px;
	background-position:left top;
	background-repeat:no-repeat;
	height:180px;
	display:block;
}
#printerbox H2 {margin:0; margin-bottom:10px; font-size:14pt;}
#printerbox H3 {margin:0; margin-bottom:5px; font-size:12pt;}
#printerbox2 {
	background-image: url(../images/workshopbox.gif);
	width:250px;
	padding-left:10px;
	padding-top:10px;
	background-position:left top;
	background-repeat:no-repeat;
	height:180px;
}
#printerbox2 H2 {margin:0; margin-bottom:10px; font-size:14pt;}
#printerbox2 H3 {margin:0; margin-bottom:5px; font-size:12pt;}
#printerbox2  P {margin: 10px 20px 10px 5px; font-size:9pt; font-weight:300;  }


#blankbox {
	border:#e6e6e6 1px solid;
	width:100%;
}
#blankbox P {margin: 10px 5px 10px 5px; font-size:8pt;  }
#blankbox IMG {border:0;}

hr {width:75%; color:#e6e8ff; height:1px;}



#footer {
	width: 962px;
	height:60px;
	background-image:url(../images/lightblue.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#footertop {
	padding-top:8px;
	padding-left:30px;
	padding-right:20px;
	color:#3366FF;
	font-size:8pt;
}

#footerblue {float:right; display:inline;}
#footerblue a:link {text-decoration:none;color:#3366ff;}
#footerblue a:hover {text-decoration:none;color:#aaaaaa;}



#footerbottom {
	padding-top:30px;
	padding-left:30px;
	padding-right:20px;
	font-size:8pt;
	color:#999999;
	}

#footerbottom a {color:#000099; text-decoration:none;}
#footerbottom a:hover {color:red; text-decoration:none;}

.red {color:#FF0000;}
.blue {color:#0000FF;}
.orange {
	color:#FF9900;
}

#spacer {width:530px; height:1px; float:left;}

.smallblue {	font-size: 9px;	color: #0000FF;}
a.smallblue  {text-decoration:none;}

#hidetxt {position:absolute; left:-100px;width:1px; height:1px; overflow:hidden;}

h3 a {text-decoration:none;}

#smalltxt {	font-size:x-small;}
.s14 {font-size: 14pt;}
.s16 {font-size: 16pt;}

.img-shadow {
	background: url(http://dev.totallabels.co.uk/images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
	margin-top:6px;
	text-align: center;
} 
.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
} 

.bluedash {
	border:#DDE0FF 1px dashed;
	padding:3px;
}