/*------------------------------------------------*/
/*copyright: The Mouse Doctor Ltd. December 2007.*/
/*------------------------------------------------*/

body {
	background: #fff url('../images/bodybg.jpg') repeat-x;			
	color: #333;	 				/* basic text color */;
	font-family: Verdana, Arial,Tahoma,'Trebuchet ms', san-serif; /* change the order of precedence if required */;
	font-size: 12px; 				/* basic text size */;
	line-height: 22px; 				/* basic line height */;
	margin: 0px auto;				/* center horizontally on the page */	
	padding: 0px;					/* default is no margin, no padding. Specifics can be added later */	
	text-align: left;				/* default is left aligned text; */
	}
	
h1	{
	font-size: 1.5em;
	color: #223344;
	line-height: 2.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
		
h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.30em;
	color: #aa0000;
	margin: 15px 0 0 3px;
	padding: 2px 3px 3px 5px;
	}
	h2.centeredtext {text-align:center;}
	h2.audiolink {color: #7d0000;}
	h2 a:link {
		color: #006699;
		font-size: 1.0em;
	}

h3 {
	font-size: 1.0em;
	margin: 0;
	padding: 2px 3px 3px 5px;
	color: #223355;
	font-weight:bold;
	font-style:italic;
	}
	
h4  {
	font-size: 1.2em;
	margin: 0;
	padding: 2px 3px 3px 5px;
	color: #223355;
	font-weight:bold;
	font-variant:small-caps;
	}
	
h5  {
	font-size: 1.3em;
	margin: 5px 3px 15px 5px;
	color: #800080;
	font-weight: bold;
	font-style: italic;
	font-variant: normal;
}
	
p	{
	font-size: 1.0em;
	margin: 0;
	padding: 2px 5px 5px 5px;
	color: #333;
	font-weight: normal;
	}
	p.centeredtext {text-align:center;}
	p span.boldtext {font-weight:bold;}
	p span.inneremphasis {font-weight: bold; color:  #aa0000;}
	p.boldtext {font-weight:bold;}
	p.acknowledgement {font-size: 0.85em;}
	p.rightalign {text-align:right;}
	p.emphasis {
		color: #aa0000;
		text-align: center;
		font-weight: bold;
		font-size: 110%;
		}
	p.italic {font-style:italic; font-weight: bold;}
	
img {border: 0; }
	img.leftalign {float:left; margin: 0 10px 0 0; padding: 2px;}
	img.rightalign {float:right; margin: 0 0 0 10px; padding: 2px;}
	img.border {border: 3px #223355 solid;	}
	img.lightborder {
	padding: 3px;
	border: 3px #800080 solid;
}
	
ul	{
	list-style: none;
	margin: 0 0 0  0;
	padding: 0 0 0 10px;
	}
	ul.normal{
		list-style: disc;
		list-style-position:inside;
		}
		ul.normal li {margin:0;}
				
	ul.centered {font-weight:bold;}
		ul.centered li {text-align:center;color: #223355;}
		
ol	{
	list-style-type: lower-latin;
	list-style: decimal outside;
	color: #333333;
}
	ol.alpha {
		list-style-type: lower-alpha;
		}

li	{
	margin: 8px 0;
	padding: 0;
	text-align: left;
}

blockquote {
	background: transparent url(../images/quoleft.gif) left top no-repeat;
	color: #00408A;
	}
blockquote div {
  padding: 0 48px;
  background: transparent url(../images/quoright.gif) right bottom no-repeat;
	}
blockquote p {font-size: 0.85em;}

a:active {
	color: #00408A;
	text-decoration: underline;
	}

a:visited {
	color: #00408A;
	text-decoration: underline;
	}

a:link {
	color: #00408A;
	text-decoration: underline;
	}
	
a:hover {
	color: #aa0000; 
	text-decoration: none; 
	font-weight: bold;	
	}	
table {width: 100%;}
	tr {width: 100%;}
	td { margin: 0; padding: 0;}
	td.fivecol {width: 150px; }
	td.emphasis {
		color: #aa0000;
		text-align: center;
		font-weight: bold;
		font-size: 110%;
		}

/*----------------------------------------------------------------------------------------------------------------*/
/* layout definitions - these all specify a position on the page in some way and are designed to be used together */
/*----------------------------------------------------------------------------------------------------------------*/
#headerpanel{
	margin: 0 auto;
	padding: 0px;
	width: 820px;
	height: 120px;
	overflow: hidden;
	}
	
#header {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 120px;
	background: #fff url('../images/header.jpg') no-repeat left;
	}

#page {
	background: #fff url('../images/pagebg.jpg') repeat-y;
	margin: 0 auto;
	padding: 0px;
	width: 820px;
	min-height: 300px;
	overflow: auto;
	list-style-type: lower-latin;
	}
	
#insetpanel, #insetpanelwider {
	float: right;
	width: 220px;
	margin-right: 10px;
	}
	#insetpanelwider {width: 280px;}
	#insetpanel p, #insetpanelwider p  {text-align:center; font-size: 90%; font-style:italic;}
	
#menupanel {
	padding: 0;
	margin: 0 0 0 20px;
	width: 780px;
	height: 50px;
	}
	
#content {
	width: 780px;
	margin: 0 0 0 20px;
	padding: 5px 0;
	overflow: hidden;
	}
	#content.centeredtext {text-align:center;}
	#content td {
		width: 20%;
		text-align:center;
		}
	#content #stepitem {
		border-top: 1px #000 solid;
		border-bottom: 1px #000 solid;
		}
	#content #discussionpreface {
		font-style:italic;
		font-size: 90%;
		color: #C0C0C0;
		}
	#content #centered {
		text-align:center;
		}
		
#footer {
	clear: both;
	width: 780px;
	background: #fff url('../images/button_normal.gif') repeat-x;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	}
	#footer p {
		font-weight: bold;
		line-height: 25px;
		font-size: 1.0em;
		padding-right: 15px;
		}
		
#disclaimer {
	clear: both;
	width: 780px;
	background: #fff;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	}
	#disclaimer p {
	font-size: 0.8em;
	color: #999;
	font-style: italic;
}
/*----------------------------------------------------------------------------------------------------------------*/
/* menu definitions                                                                                               */
/*----------------------------------------------------------------------------------------------------------------*/

#mainmenu {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
	
	#mainmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 780px;
		}
	#mainmenu li {
		margin: 2px 0;
		padding: 0;
		float: left;
		width: 95px;
		height: 34px;
		border: 1px #ddd solid;
		text-align:center;
		}
	#mainmenu li a {
		height: 32px;
	  	voice-family: "\"}\""; 
	  	voice-family: inherit;
	  	height: 24px;
		text-decoration: none;
		}
		#mainmenu li a:active{
			display: block;
			padding: 5px;
			background: #fff url('../images/button_normal.gif') repeat-x;
			color: #334466;
			font-weight:bold;
			}		
		#mainmenu li a:visited{
			display: block;
			padding: 5px;
			background: #fff url('../images/button_normal.gif') repeat-x;
			color: #334466;
			font-weight:bold;
			}		
		#mainmenu li a:link{
			display: block;
			padding: 5px;
			background: #fff url('../images/button_normal.gif') repeat-x;
			color: #334466;
			font-weight:bold;
			}		
		#mainmenu li a{
			display: block;
			padding: 5px;
			background: #fff url('../images/button_normal.gif') repeat-x;
			color: #334466;
			font-weight:bold;
			}		
		#mainmenu li a:hover {
			background: #aa0000;
			color: #fff;
			}
		#mainmenu li a.active {
			color: #334466;
			background: #ddddee url('../images/button_active.gif') repeat-x;
			}	

#mousedoctor {
	clear: both;
	width: 770px;
	background-color: #fff;
	background-image: none;
	text-align: right;
	padding: 0 5px 0 0;
	margin: 0 auto;
	color: #999999;
	line-height: 1.5em;
	font-size: 0.9em;
	}
	#mousedoctor a {
		color: #7788aa;
		}

/*----- End of CSS Declarations-----*/