/* 3col css layout for Learning Services (SEN) Ltd;  Rob Harland - RHA Ltd. */

body {
	margin: 0;
	padding: 0;
	background-image:  url(../assets/images/newsky1280.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: 10px 0;
}
	/* ===  wrapper to get body height=window  ===*/
	/* === works IE5+ and Moz, not Konq or Saf ===*/
	
html, body,   {			/* adding #contents here seems to make no difference */		
	min-height: 100%;			
	width: 100%;
	height: 100%;
	}
html>body, html>body,  { 	/* adding #contents here seems to make no difference see RA page length fix*/
	height: auto;
	}
	/* ========================================*/
#logo  {
	position:  absolute;
	z-index:  10;
	width:  140px;
	top:  60px;
	left: 30px;
	}
p {
	font: 80%/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 0;
	color: #2b2b8a;	
	}
#contents {
	position:	absolute;	/* abs ?? ref for all other divs */
	top: 	0;
	left:	0;
	background: url(../assets/images/tulips134.jpg) 35px 1030px no-repeat;
	}
#content {
	margin: 86px 205px 0px 200px;
	padding: 0px 10px 10px 10px; /*IE in quirks mode? top setting needs to be in margin to get h1 same place as moz!*/
	min-width: 320px;
	}
#content h1 {
	text-align: right;
	padding-right: 20px;
	font: 900 2.6em/1.2 Georgia, "Times New Roman", Times, serif;
	color: #2b2b8a;	/*		check red #901602;*/
	opacity: 0.75;
	filter: alpha(opacity=75);
	}
h1 span {
	color: #8f9ba6;
	font-size: 90%;
	}
h2	{
	font: bold 1.6em/1.0 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
	}
h3	{
	font: bold 1.0em/1.0 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #f90;
	padding-top: 5px;
	}
h4	{
	font: bold 90%/1.0 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #f90;
	padding-top: 5px;
	}
h5	{
	font: bold 90%/1.0 Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 50px;
	}
#content li  {
	font: normal 80%/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #2b2b8a;
	padding-top: 4px;
	}	
.contact {
	font: bold 0.8em/1.1 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #bcc3c9;
	text-align: center;
	padding-top: 20px;
	}
.contact a {
	color:  #bcc3c9;
	}
#navi {
	position: absolute;
	width: 160px;
	top: 155px;
	left: 10px;
	padding: 50px 10px 10px 10px;
	background:  #f8f7da url(../assets/images/corner1.jpg) 100% 0 no-repeat;  /*6A8AB1 storm ;   lilac #9494FF; 	 light blue #e0f7fe;*/
}
#side2 {
	position: absolute;
	width: 170px;
	top: 20px;
	right: 10px;
	padding: 10px 10px 10px 10px;
	border-left: 2px dotted #ccc;
	/*background:  url(../assets/images.valid-zhtml10.gif) no-repeat 50% 100%;*/
	}
/*#side2 h3 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding-bottom: 4px;
}*/
/*.adbox {
	padding: 2px 4px 2px 6px;
	margin: 0 0 10px 0;
	border: 1px dotted #B1B1B1;
	background-color: #F4F4F4;
}*/
#navi h3 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #621313;
	background-color: transparent;
	margin: 0;
	padding-bottom: 4px;
}
/*#navi .txt {
	width: 184px;
	background-color: #FCF5F5;
	border: 1px inset #901602;
}*/
#navi ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 160px;
	
}
#navi li {
	font: 100%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #E7AFAF;
	display:  block;					/* does not work at this level*/
}
#navi a:link, #navi a:visited {
	text-decoration: none;
	color: #901602;
	background-color: transparent;		/* bug fix for flicker ?*/
	display:  block;
	}
#navi a:hover {
	color: #621313;
	background-color: #f0f0aa;
}
#footer {
	position: relative;	
	margin: 10px 235px 0px 220px;  /*set same as contents: cut 10 lh and 40 rh for smaller screens*/
	border-top: 2px dotted #ccc;
	background-color: #f5f5f5;
	padding: 5px;			/*color: #626262;*/
	font-size: 90%;
	text-align: center;
	}

.strap	{
	font: normal 900 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 0 0px 0 0;
	/*margin: -20px 0 20px 0;		if it follws a header*/
	color: #2b2b8a;	/*		#30c		#3744a5; gulls blue	 red #901602;*/
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
ul.daff, ul.home	{
	list-style-type: none;  /*  best put special bullets as bg images */
	padding: 0 0 0px 0px;  			/* L align of list box; bullet is outside */
	margin: 0 0 0 20px;				/* indent of outside bullet */
	border-left: 10px solid #bcc3c9;		/**/
	}
.daffbullet, .spaced {
	font: 400 80%/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 30px 0px;/* spacing list item; IE bullet aligns centreline of box*/
	/*min-width: 350px;    		trying to constrain flex*/
	margin: 0 0 0 40px;
	color: #30c;
	/*vertical-align: text-top;*/
	}
blockquote, blockquote p	{
	font:	900 90%/1.5 Verdana, Arial, Helvetica, sans-serif;  /* ems inherit */ 
	text-align: center;
	color: #30c;
	margin: auto;
	padding: 0px;	/* to allow flex layout */
	width: 400px;
	/*background: url(../assets/images/open.jpg) no-repeat 30px 0px ;*/
	}
/*blockquote p{
	background: url(../assets/images/close.jpg) no-repeat 100% -30px ;
	}*/	
#source, .source  {
	font-weight: normal;
	line-height: normal;
	text-align:  center;
	padding: 20px 0;
	
	}
.highlight {
	font-weight: bold ;
	color: #f90;
	background-color: 	#f5f5f5;/*#e1e1e1;*/
	padding: 5px;
	}
#altnav	{
	color: #009;
	font-size: 80%;
	text-align:  center;
	}
dt {
	font: 80%/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0.5em;
	color: #2b2b8a;	
	}
dd {
	font: 70%/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0.5em 0;
	color: #2b2b8a;	
	}