body 
{
	margin: 0;
	/*background-color: #5C7B8E;*/
	/*background-image:URL("Images/GradBlue.gif");*/
	background-repeat:repeat-x;
	height:100%;
}


a
{
	border:0px none;	
}
A:link 
{
	text-decoration: none
}

A:visited 
{
	text-decoration: none
}
	
img 
{ 
	border: 0px; 
} 

#ImgHead
{
	position:absolute;
	top:77px;
	left:30px;
	background-repeat:repeat-x;
	width:725px;
}


/*The client login box*/
#client
{
	position:absolute;
	left:635px;
	top:0px;
	height:90px;
	width:119px;
	background-color:#CCCCCC;
	/*background-color:#c9c27f;*/
	color:White;
	font-weight:bold;
	font:arial;
	vertical-align:bottom;
	text-align:center;
}

#signIn
{
	position: absolute;
	left: 560px;
	top: 77px;
	font-size: 11px;
	height: 122px;
	width: 201px;
	background-image: url(Images/LoginBG.jpg);
	color: white;
	visibility: hidden;
	z-index: 1;
	background-repeat:no-repeat;
	background-color: #CCCCCC;
}

#signInUserName
{
	position: absolute;
	left: 20px;
	top: 20px;
}
#signInPassword
{
	position: absolute;
	left: 20px;
	top: 40px;
}
#signInButton
{
	position: absolute;
	left: 20px;
	top: 60px;
}

              

/*The shadow picture client login box
#Clientshadow
{
	position:absolute;
	left:615px;
	top:-54px;
	height:70px;
	width:120px;

}
*/
/*The shadow picture client login box*/

#client .text a
{
	position:absolute;
	top:55px;
	left:10px;
	color:White;
	font-family: Arial, Helvetica, sans-serif;	
	vertical-align:bottom;
	text-align:center;
	font-size:18px;
	font-weight:normal;

}

#client .text a:visited
{	
	color:White;
}

#client .text a:hover
{	
	color:Black;
}

/* not sure why i made this a class, but this is for the logo*/
#LinksHeader .logo
{
	position:absolute;
	left:30px;
	top:18px;
	font:arial;
	color:Black;
	background-color:Transparent;

}

/*main links at the top of the page*/
#LinksHeader .links
{
	position:absolute;
	left:134px;
	top:53px;
	font-family: Arial, Helvetica, sans-serif;	
	color:Gray;
	background-color:Transparent;
	border-collapse:collapse;
	vertical-align:top;
	font-size:18px;

}

/*colour effect when you hover over it*/
#LinksHeader a:hover
{
	color:Black;
}

#LinksHeader a
{
	color:Gray;
}

/*#LinksHeader a:active
{
	color:#990000;
}
*/
#LinksHeader .select
{
	color:Black;
}



/*make bullet list horizontal*/

ul.horiz
{
	text-align: center;
	padding: 0px;
	margin: 0;
	line-height:22px;
}

ul.horiz li
{
	display:inline;
	margin:0px 0px 0px 25px;
}



#phone a 
{
	color:#999999 ;
	text-decoration:none;
}

#phone a:hover 
{
	text-decoration:underline;
}

#Copy a
{
	color:#999999 ;
}

#Copy a:hover 
{
	text-decoration:underline;
}

input
{
	width:150px;
	border-collapse:collapse;
	border:solid 1px #CCCCCC;

}