/*  CSS for Dawes online
	www.williamdawes.org
   Top level CSS for page layout
   ++ LAUNCH VERSION ++ 
   26 Oct 09 DJN
  
	Last mod 26 Oct 09 DJN
*/

html, body {
    height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
	background: white;
}
div.a1 {width: 220px;
	background-color: #077391;
	height: 15px;
}
.ms div.a1 {width: 50px;
	background-color: #077391;
	height: 15px;
}
.a1 img.spacer {width: 50px;
	height: 10px; /* was 15 */
	border-style: none;
}
.ms .a1 img.spacer {width: 50px;
	height: 15px;
	border-style: none;
}
div.b1 {
	min-width: 700px;
	background-color: white;
	height: 15px;
}
div.c1 {width: 170px;
	height: 15px;
	margin: 0;
	background-color: #d08c29;
}
/* for IE */
td.cl {margin: 0;}
/* in mss pages, RH panel C1 and C2 are kept, but just as right visual margin */
.ms div.c1 {width: 5px;
	height: 15px;
	background-color: white;
}
.banner {height: 65;
	background-color: #d7bb88;
}
.banner img {border-style: none;
	padding: 0 2 0 4;
}
.banner .a-zone {width: 240px;
}
div.thumbs {width: 200;
	margin: 0 0 0 20;
}
.title {padding: 0 0 0 0;
	text-align: left;
}
div.qa {width: 170;
	float: right;
	border-style: none;
	border-width: 1;
}
.qa span {font-size: 10pt;
	margin-left: 5px;
}
.qa ul {list-style-image: url("qaarrow.gif");
	margin:0px;
	padding-left:25px;
	color: white;
}
div.a2 {
	background-color:#077391;
	height: 100%;
	padding-top: 18px;
}
td.a2 {height: 100%;}
div.a2 {height: 100%;
	min-height: 800px;}
div.b2 {width: inherit;
	background-color: white;
	margin: 0 22 0 22;
	font-size: 13px; /* default text size for contextual */
}
.b2 h1 {
	font-size: 26px;
	color: #077391;
	margin: 10 0 0 0;
}
.b2 h2 {
	font-size: 18px;
	color: #d08c29;
	margin: 4 0 0 0;
}
div.c2 {
	background-color: #d08c29; 
	padding-top: 10px;
	height: 100%;
	min-height: 800px;
}
.ms div.c2 {
	background-color: white;
	height: 800;
	width: 5px;
}
.c2 img {padding-top: 6;
	margin-top: 15;
	margin-left: 18;
	border-style: none;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titleline1 {
	color: white;
	font-size: 14px;
	letter-spacing: 4px;
}
.titleline2 {
	color: white;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
.qa a {text-decoration: none;
	color: white;
}
.qa a:hover{text-decoration: underline;
	color: white;
}
/* MENU SYSTEM */

	#nav, #nav ul { 
		font-size: 9pt;
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 16em;
		} 
	#nav a {text-decoration : none;}
	#nav li {
		position : relative;
		float : left;
		line-height : 2.0em; /* main line-height */
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #077391; /* color behind menu level 1 OFF; */
		margin-bottom : 0px; /* to counteract doubled borders */
		width: 16em;} 
	#nav li a.multi {
		w\idth: 15.5em;
		display : block;
		color : white;
		background: url(parentarrow.gif) center right no-repeat;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		padding-left : 0.5em;}
	#nav li a.single {
		w\idth: 15.5em;
		display : block;
		color : white;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		padding-left : 0.5em;}
	#nav li ul li {
		position : relative;
		float : left;
		width: 11em;
		line-height : 2.0em; /* main line-height */
		background-color: black;
		} 
	#nav li ul { /* second-level lists */
		w\idth: 15em;
		position : absolute;
		padding : 0 0.5em; /* makes space between lists */
		margin-left : 15.5em; /* Diff between this and width creates gap - was 16*/
		margin-top : -2.0em; /* interacts with main line-height */
		left: -999em;
		}
	#nav li ul li a {/* dn second-level format */
		w\idth : 15em; /* second level width */
		display : block;
		color : black;
		line-height : 2.0em;
		background-color:  #eeeecc; /* was 99 */
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		padding : 0 0.5em;}
	#nav li a:hover {  
		color : white;
		background-color: #61ae65 /* was brown #cc6600;  */
		}
	#nav li:hover a.multi {
		width: 15.5em;
		background-color: #61ae65; /* was brown #cc6600;  */
		} 
	#nav li.iehover a.multi {
		width:16em;
		background-color: #61ae65; /* was brown #cc6600;  */
		}
	#nav li.iehover a.single {
		width:16em;
		background-color: #61ae65; /* was brown #cc6600;  */
		} 
	#nav li:hover a.single {
		width: 15.5em; 
		background-color: #61ae65; /* was brown #cc6600;  */
		} 
	#nav li:hover ul, #nav li.iehover ul {
		left: auto;
		}
	#nav li:hover ul li, #nav li.iehover ul li {
		width: 13em;
		background: none;
		background-color: orange;
		}	
	}
	.menui #nav, .menui #nav ul {
		font-size: 10pt;
	}
/* END MENU SYSTEM */

/* THUMB IMAGES */



/* RH BORDER IMAGES */
div.rhimage1, div.rhimage2, div.rhimage3 {
	display: block;
	clear: both;
	width: 135px;
	height: 135px;
	margin-top: 10px;
	margin-left: 12pt;
	background-image: url(../img/rhimage.jpg);
}
div.rhimage2 {
	background-image: url(../img/rhimage2.jpg);
}
div.rhimage3 {
	background-image: url(../img/rhimage3.jpg);
}

/* LOGOS */

.logos {padding: 60 0 0 12;
}
.logos p {color: #bbb;
	font-size: 0.9em;
	margin: 0 0 2em 0;
	padding: 0;
	width: 60%;
	text-align: left;
}
.logos a, .logos a:hover {color: #bbb;}
.mainstory p {margin: 0.3em 0 0.4em 1em;
}
.mainstory ul {margin-top: 0.3em;
	margin-bottom: 0.4em;
}