/* set all margins and pagging */
* {
margin: 0px;
padding: 0px;
}



#container, #content {
	width: auto; 
	margin: 0%;
	padding: 0%; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}
body {
	font-family: 'Trebuchet MS', 'New Gothic Std', Arial, Helvetica, sans-serif;
	background: white;
	font-size: 10pt;
	}
	
	
#skiplinks,#menuleft,#menuright {
display: none;
}

#header {position: relative;
height: 100px;
width: auto;
}

#header .heading {
position: absolute;
left: 200px;
text-align: center;
margin: 0px 0px 0px 0px;
font-size: 150%;
font-weight: bold;
color: #000;
}

h1 {font-size: 14pt;}
h2 {font-size: 12pt;}
h3 {font-size: 11pt;}

ul, ol {margin: 0px 0px 0px 30px;}

/* ================================ */
/*         contact form             */
/* ================================ */
#contactform {
overflow: auto;
width: 450px;
position: relative;
background: #f7faee;
border: 1px solid #bc9dc9;
color: #000000;
padding: 2px;
}

#contactform div{
overflow: auto;
width: 100%;
margin: 0px 0px 2px 0px;
}

#contactform div span.coll {
float: left;
width: 150px;
text-align: left;
} 

#contactform div span.colr {
float: right;
width: 280px;
text-align: left;
}

/* ------ validation option buttons -------- */

#contactform fieldset.validation_options {
	position		: absolute; 
	right			: 1000px;   
	bottom			: 0.5em;
	width			: 50%; 
	border			: 1px solid #006699;
	padding			: 0.3em;
}

/* error message class */
#contactform .errorMsg {
display: block; 
color: #f00;
}

/* ================================ */
/*    end of contact form          */
/* ================================ */

/* ================================ */
/*         join form             */
/* ================================ */
#joinform {
overflow: auto;
width: 350px;
position: relative;
background: #f7faee;
border: 1px solid #bc9dc9;
color: #000000;
padding: 2px;
}

#joinform div{
overflow: auto;
width: 100%;
margin: 0px 0px 2px 0px;
}

#joinform div span.coll {
float: left;
width: 80px;
text-align: left;
} 

#joinform div span.colr {
float: right;
width: 250px;
text-align: left;
}

/* ------ validation option buttons -------- */

#joinform fieldset.validation_options {
	position		: absolute; 
	right			: 1000px;   
	bottom			: 0.5em;
	width			: 50%; 
	border			: 1px solid #006699;
	padding			: 0.3em;
}

/* error message class */
#joinform .errorMsg {
display: block; 
color: #f00;
}

/* ================================ */
/*    end of join form          */
/* ================================ */

.uploadedimgr {
float: right;
margin: 0px 0px 10px 20px;
display: inline;
}

.uploadedimgl {
float: left;
margin: 0px 20px 10px 0px;
display: inline;
}

.uploadedimgc {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}

.uploadedimgi {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}


a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content a[href^="/"]:after {
   content: " (http://www.lymphcontrol.co.uk" attr(href) ") ";
   }