/* --------------------------------------------------
simple CSS for The Pain Consultancy
auth: CW
last revised: 14/02/08
 -------------------------------------------------- */

html {margin: 0; padding: 0; border: 0;}

body {
margin: 2% 0 0 0;
padding: 0;
background: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.9em;
}

p {margin-top: 1em; margin-bottom: 1em;padding-top: 0; line-height: 1.5em;}

h1, h2, h3, h4, h5, h6	{margin: 1.25em 0 0 0; font-family: tahoma, verdana, arial, helvetica, sans-serif; line-height: 1.0em;}

h1 {display: block; color: #333; padding: 0; font-size: 2em;}

h2, h3, h4, h5, h6 {font-style: italic; font-weight: bold; font-variant: normal; color: #666;}

h2 {font-size: 1.25em;}
h3 {font-size: 1.10em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

a {color: #000; text-decoration: underline;}


#banner {margin: 0 0 0 11%; padding: 0; border: 0;}

/* leftcol -> content */

#content {margin: 0 15% 0 10%; padding: 0 .5em .5em 2em; color: #000;}

#content a {font-weight: bold; color: #300;}

#content a:hover {color: #008;}

#content ul {margin: 5px 0 0 20px; list-style-type: circle; padding: 10px;}

#content li {margin: 5px 0 0 20px;}

/*#content ul {margin-left: 1.5em; list-style-type: circle; padding: 2em;}

#content li {padding: 1em}*/

#rightwrap {position: absolute; right: 0px; top: 60px; width: 25%; min-width: 200px;}

/* rightcol -> Navigation */

#Navigation {border: 0; padding: 0; background: transparent;}

#Navigation a {font-weight: bold;}

#Navigation a:hover {color: #555cb4;}

#Navigation ul {margin: 0; padding: 0; list-style: none;}

#Navigation li {margin: .5em .5em .5em 1em;}

#Navigation p {display: block; margin: 20px 5px 10px 0px; background: transparent;}

div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
    font-family:  verdana, arial, helvetica, sans-serif;}
	
dt 	{font-weight: bold;}
ol, li, dl, dt, dd {line-height: 1.5em;}
/*				
#Navigation p a				{display: block; padding: 0px 5px 0px 5px; text-decoration: none; width: 94%;}
					
#Navigation p a.selected 	{display: block; padding: 0px 5px 0px 5px; text-decoration: none; width: 94%;}

#Navigation ul				{list-style: none; margin: 0px; padding: 45px 0px 0px 0px;}

#Navigation li 				{margin: 5px 0px 0px 0px; width: 94%;} */

#Navigation ul li a {
	background: #fff;
	width: 130px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0 0 0 5px; 
	margin: 0 0 10px 0;
	color: #c30;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small;   

	
}

#Navigation li a.selected	{display: block; padding: 0px 5px 0px 5px; text-decoration: none; 
							/* mac version:
							background: #f9f9f9; */
							background: #f9f9f9;	
							color : #CC9999;
							 width: 130px;
	font-weight: bold;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;}

#Navigation form			{margin-left: 5px;}

#Navigation strong			{color: #66cccc; font-size: 1.1em;}

#Navigation li a			{color: #600; }

#Navigation ul li a:hover {
	color: #000;
	background: #ccc;
	}

img	{border: 0;}/* turns off gaps around images */

a	{text-decoration: none; font-weight: bold;}

a:link	{color:	#660000; background: transparent;}

a:visited	{color:	#CC9999; background: transparent;}

a:active	{color:	#CC3333; background: transparent;}

a:hover	{color:	#CC3333; background: transparent; text-decoration: underline;}

.ahem	{display: none;} /* used to hide stuff */

.small	{font-size: 0.8em;}

code, tt, pre	{font: 0.75em monaco, courier, monospace; color: #06c; background: transparent;}

#footer, .marginblurb {font: 0.75em geneva, verdana, arial, helvetica, sans-serif; margin-top: 30%; padding-top: 10px; 
					border-top: 1px solid #333333;} /* was dotted, but looks awful on Windows */
			

.cv {	
	font-size: 0.7em;
}

#homeprevnext {
font-size: 0.75em;	
	display: block;
	margin-top: 30px;
 	margin-left: 0;
 	margin-bottom: 40px;
	padding: 10px,0px,150px,50px;
 	background: transparent;}
	
#homeprevnext a {font-weight: bold; color: #300;}

#homeprevnext a:hover {color: #008;}




// all the wee classes...


	
.formtext {	
	display : block;
 	margin : 5px;
 	background : transparent; 
	padding: 0;
	font-size: 0.8em;}


.newsboxright {
	float:right;
	width:220px;
	border:solid 1px #ccc;
  	margin : 4% 2% 6px 6px ;
  	padding:10px; 
	font-size: 0.85em;
	background: url("../images/contentfill.gif") repeat;}
	
.newsboxleft {
	float:left;
	width:200px;
	border:solid 1px #ccc;
  	margin : 6px 26px 16px 0px ;
  	padding:10px; 
	font-size: 0.85em;
	background: url("../images/contentfill.gif") repeat;}	

.newsitem {	
	display : block;
 	margin : 1px;
	border: solid 1px #ccc;
 	/*background: #f9f9f9;*/
	background: #cccccc;
	padding: 5px;}

/* HELP BOX stuff */

ul.help { margin-left: 0;
	padding-left: 0; }

li.help { list-style: none;
	margin-left: 0px;
	margin-bottom: 5px; }


.newshead1 {	
	font-size:1.2em;	
	color:#ffffff;
}

.newstext1 {	
	font-size: 1.2em;
}

.newstext2 {	
	font-size: 1.1em;
}
.newstext3 {	
	font-size: 0.9em;
}

p.todaysdateandtime {	
	font-size: 0.85em;
	align: left;
	margin-left: 0;

}

.splash {	
	display : block ;
 	background : transparent ; 
	padding: 0;
	color: #9999FF;
}