/* setting default sizes */
*{margin:0px;padding:0px;}

/* removes dotted outline on links all links */
a{outline:none;}

body
{
	/* background colour for entire site*/
	background-color:#B4C3CB;
}


	
	/* background info for whole site. Appears in a DIV */
	.background
	{
	background-image:url(images/bgwin.jpg); 
	background-repeat:no-repeat; 
	width:726px;
	height:564px;
	position:absolute;
	z-index:0;
	}

	/* construction of main MENU along bottom of the main window. The rollover effect is 
		created by repositioning the "a" tag's background image (which is one image with three states).*/
	
	.menucommon
	{
		background-repeat:no-repeat;
		background-position:0px 0px;
		display:block;
		height:31px;
		width:119px;
		font-family:Arial narrow, helvetica, Sans-Serif;
		font-size:16px;
		
		color:#224476;
		text-decoration:none;
		text-align:center;
		padding-top:5px;
	}
	
	/* repositions the images */
	.homeON, .productsON, .servicesON, .contactusON, .customerON{z-index:222;}
	.homebg{background-image:url(images/home.jpg);}
	
	.homeOFF{background-position:0px -36px;color:#FFFFFF;}
	.homeOFF:hover{background-position: 0px -72px;}
	
	.otherbg{background-image:url(images/other.jpg);}
	
	.otherOFF{background-position:0px -36px;color:#FFFFFF;}
	.otherOFF:hover{background-position: 0px -72px;}
	
	.endbg /* the end cell is larger than the rest. is custom fit */
	{
		background-image:url(images/end.jpg);
		width:132px;
		text-align:left;
		padding-left:10px;
	}
	
	.endOFF{background-position:0px -36px;color:#FFFFFF;}
	.endOFF:hover{background-position: 0px -72px;}
	
	/* positioning and formatting of the 5 DIV's that contain the menu images. */
	.home
	{
		left:63px; 
		top: 221px;
		height:35px;
		width:120px;
		position: absolute;
		z-index:200;
	}
	
	.products
	{
		left:182px; 
		top: 221px; 
		height:56px;
		width:119px;
		position: absolute;
		z-index:200;
	}
	
	.services
	{
		left:301px; 
		top: 221px; 
		height:36px;
		width:119px;
		position: absolute;
		z-index:200;
	}
	
	.contactus
	{
		left:420px; 
		top: 221px; 
		height:36px;
		width:119px;
		position: absolute;
		z-index:200;
	}
	
	.customer
	{
		left:538px; 
		top: 221px; 
		height:36px;
		width:132px;
		position: absolute;
		padding-right:10px;
		z-index:200;
	}
	

	/* formatting for the main TABLE */
	.mainPanelHeader
	{
		position:absolute;
		top:295px;
		left:70px;
		font-family:arial-narrow, helvetica, Sans-Serif; 
		font-size:25px; 
		color:#224476;
	}
	
	.mainPanelBody
	{
		
		display:block;
		left:50px;
		top:251px;
		position:absolute;		
		width:625px;
		.width:625px;
		_width:640px;
		padding-top:96px;
		padding-left:0px;
	    padding-right:25px;
		.padding-right:25px;
		_padding-right:55px;
		padding-bottom:25px;
	}
	
	.bodytext
	{
		font-family:Arial;
		font-size:15px;
	}
	
	/*formatting for SIDE PANEL. A different class is used when it is the Dr. Q applet. 
		The "." and "_" prefixed margin operators are only read by IE 6, which renders 
		this operator differently than IE7. */
	
	.sidePanelHeader
	{
		position:absolute;
		top:296px;
		left:527px;
		font-family:arial, helvetica, Sans-Serif;
		background-color:Transparent;		
		font-size:25px; 
		font-weight:bold;
		color:#224476;
		z-index:25;
	}
	
	.sidePanel
	{
		margin: -85px -48px 0px 0px;
		.margin: -85px -48px 0px 10px;
		_margin: -85px -15px 0px 0px;
		float:right;
		width:287px;
		height:435px;
		background-image:url(images/bgside.jpg); 
		background-repeat:no-repeat;
		background-color::Transparent;
		padding-right: 00px;
		overflow:hidden;
		white-space-collapse:collapse;
		
	}
	
	.altsidePanel
	{
		margin: -85px -48px 0px 0px;
		.margin: -85px -48px 0px 10px;
		_margin: -85px -15px 0px 0px;
		float:right;
		width:287px;
		height:435px;
		background-image:url(images/bgside2.jpg); 
		background-repeat:no-repeat;
		background-color::Transparent;
		padding-right: 00px;
		overflow:hidden;
		white-space-collapse:collapse;
		
	}

	.newsidePanel
	{
		margin: -85px -48px 0px 0px;
		.margin: -85px -48px 0px 10px;
		_margin: -85px -15px 0px 0px;
		float:right;
		width:287px;
		height:525px;
		background-image:url(images/bgside3.jpg); 
		background-repeat:no-repeat;
		background-color::Transparent;
		padding-right: 00px;
		overflow:hidden;
		white-space-collapse:collapse;
		
	}
	
	.sidePanelBody
	{
		position:absolute;
		top:100px;
	}
	
	/*formatting for Links panel at bottom of page. It is found nested within the MAIN PANEL BODY DIV*/
	
	 .textlinkssmall{font-family:arial-narrow, Sans-Serif; font-size:13.4px;}
	a.textlinkssmall:link{color:#224476;text-decoration:none;}
	a.textlinkssmall:visited{color:#224476;text-decoration:none;}
	a.textlinkssmall:hover{text-decoration:underline;}
	

	
	.bottomLinks 
	{
		float:left;
		position:relative;
		left:-20px;
		display:block;
		width:675px;
		height:66px;
		font-size:13px;
		background-image:url(images/bgbottom.jpg);
		background-repeat:no-repeat;
		background-color:#B4C3CB;
		padding-top:22px;
		text-align:center;
		margin-top:10px;
	}
		
	.fineprint
	{
		padding-top:3px;
		font-family:arial-narrow, Sans-Serif; 
		font-size:10.7px;
	}
	
	/* Table formatting for the CONTACT US page */
	
	.cellbg
	{
		background-color:Transparent;
		border-bottom:white solid 2px;
		border-color:#FFFFFF;
	}
	
	.cellfont
	{
		font-family:Arial, helvetica, Sans-Serif;
		font-size:19px;
		
		color:#224476;
	}
	
	/* formatting for the CUSTOMER page */
	
	.loginform
	{
		HEIGHT: 18px;  
		font-family: arial, helvetica, sans-serif; 
		font-size: 13px; 
		width:120px;
	}
	
	/* links that appear in the side panel */	
	.lists
	{
		position:relative;
		font-size: 28px;
		
		color:#224476;
		list-style-type:none;
		
	}
	
	a.links:link{color:#224476;text-decoration:none;}
	a.links:visited{color:#224476;text-decoration:none;}
	a.links:hover{text-decoration:underline;}
	
	.sublists
	{
		font-size:14px;
		color:#000000;
		left:0px;
		top:-5px;
		position:relative;
		font-family:arial narrow;
	
		
	}
	
	/* seperate styling to the links in the SERVICES SIDE PANEL */
	
	.sidelists
	{
		position:relative;
		font-size: 22px;
		
		color:#224476;
		list-style-type:none;
	}
	
	.listitems
	{
		position:relative;
		width:210px;
		top:95px;
		left:40px;
	}
	
	/* this renders as the white lines in the SIDE PANEL on the PRODUCTS page */
	
	.borderdiv
	{
		height:13px;
		border-bottom:2px solid white;
		border-top:none;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;	
	}