html, body, ul, ol, li {  /* set everything to zero for a good cross-browser starting point */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */	  
}

body {width: auto;
	background: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;/
	font-size: 85.01%;
}

#wrapper, 
#banner, 
#banner .right, 
#content .left ,
#content .right {	
	width: auto;
	}


/*set the link styles for the client login and the close login box links*/
#clientaccess a,
#login a {display: none;  /*sets the margins - 3px to the top, 10px to the right and the rest to 0*/
}

#clientaccess a:hover,
#clientaccess a:focus,
#login a:hover,
#login a:focus {display: none;
}


/*begin laying out the banner*/
#banner {display: none;

}


/*begins laying out the main content area*/

#content {
width: auto;
}

#content h1 {
font-size: 140%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;  
}

#content h2 {
font-size: 101%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;
  /*sets the background colour*/
}

#content p {
font-size: 80%;  /*reduces the default font size*/
}

/*generic float rules for our images in the content area*/

#content .left{
width: auto;  /*set the margins to give some "air" around the text*/
}

#content .right {
width: auto;
}

/*create the second column to hold the navigation*/
#leftcol {
width: auto;
}

#navbox {
width: auto;
}

/*Begin styling the navigation*/
#navbox ul {
width: auto;
}

/*sets the styling of li element*/
#navbox ul li {width: auto;
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul {width: auto;
}

/*styling the li in the nested ul*/
#navbox ul li ul li {width: auto;
}

/*start laying out the links styles on the nested list*/
#navbox ul li a {width: auto;
}

#navbox ul li a:hover,
#navbox ul li a:focus {width: auto;
}

#leftcol img {
margin: auto;
}


#footer { display: none; /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
display: none;
}

#footer ul{display: none;
}

#footer li{display: none;
}

#footer a { display: none;
}

#footer a:hover,
#footer a:focus {display: none;
}

/*begin laying out the subcontent - this is the area below the main content that contains the two columns, the subcontent div is a container for the left and right divs*/
#subcontent {
width: auto;
}

/*The selector below defines the left column in the lower content area*/
#subcontent #left {
width: auto;
}

/*The selector below defines the right column in the lower content area*/
#subcontent #right {
width: auto;
}

/*provides the titles for the columns in the lower content area*/
#subcontent h2 {
font-size: 115%;  /*increase the default font size*/
color: #625757;  /*set a colour for the font*/
font-family: Arial, Verdana, Helvetica, sans-serif;  /*change the default font face*/
width: auto;/
}

#subcontent p {
width: auto;
}

/*begin laying out the login div*/
#login {
width: auto;border: 1px solid #000;  /*set the border to black and one pixel wide on all four sides*/
}

/*A filedset surronds our form elements in the login div*/
#login fieldset {width: auto;
}

/*thisis our log in form*/
#login form {
margin: 0;  /*zero off the default margins*/
font-size: 70%;  /*scale the font size*/
}

/*style the forms inputs*/
#login form input {
margin-bottom: 3px;  /*set a margin of 3 pixels to the bottom of the inputs to give some clearance*/
border: 1px solid #999;  /*add a 1 pixel wide border to all four sides*/
}