/* Modified by Miriam Richardson 11 Sept 2007  10:13am

This style sheet positions the content section fluidly in relation to both the top and the sides.

The bottom picture: w:254px h:151px is strongly coloured to match background.
The top picture-space is w:215px h:145px.
	It might be a video, it might be a picture.
	It might be the same for all stylesheets, or it might change for each.
	A background-image is supplied in this stylesheet.
	The actual item is placed into the index.shtml file.

A stylesheet switcher changes the basics colours on a xxx schedule.
IXred/red.css; IXgreen/green.css IXblue/blue.css etc

The stylesheet controls 
== the bg image/colour
== matching link colours
== the bottom picture IXred/pic2.jpg, IXgreen/pic2.jpg, IXpurple/pic2jpg
== possibly the top picture IX/pic1.jpg

*/
html{height:100%;} /* needed for Firefox to centre the bg iamge on the body */
body{
	background:#E0A24B url(/IXred/bg.jpg) repeat; /*deafult bg, changed by colour style sheets */
	background-position: 0%  50%;
	height:100%;
	text-align:center;
	min-width:770px;
	}

/* styles for IE 5 Mac */
 #verticalAlign {
	background-color: #FCF2E9;
	position: absolute;
	top: 20px;
	left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
#verticalAlign {
	background-color: #FCF2E9;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -180px;
	text-align: center;
	min-width: 770px; 
}
 /* end IE 5 hack */ 
#horizAlign {
	background-color: #FCF2E9;
	position: relative;
	text-align: left;
	min-width: 750px;
	max-width:1050px;
	height: 330px;
	margin: 0px 5% 0 2%;
	width:expression(document.body.clientWidth < 750? "750px": "100%");
	}
#contentWrap{

	min-width:770px;
	max-width:1024px;	
}
ul#nav{
	width:100px;
	position:absolute;
	top:0;
	margin:2em 0;
	}
ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active{
	padding-left: 8px;/* 8 extra pixels padding 4px are removed when border is added on hover*/
}
ul#nav li a:hover{
	padding-left:4px;
	/* background colour and border-left and bottom provided in colour style sheet*/
	}

/*other ul settings in common css */
div#logo{
	position:absolute;
	top:15px;
	left:68%;
	background-image:url(img/IXlogoTransp.gif);
	width:274px;
	height:263px;
	}

#content{
	width:360px;
	height:300px;
	position:absolute;
	left:17%;
	top:15px;
	}

div#picTopSpace{
	width:215px;
	height:145px;
	float:left;
	background-image:url(img/IXtop.jpg);/* actual image or movie inserted into index.shtml */
	background-repeat:none;	
	}
div#contentTop{
	width:142px;
	height:145px;
	float:left;
	padding-left:3px;
}
div#contentTop p{
	font:1.5em/1.5em Tahoma, sans-serif ;
	text-align:center;
	margin:0 0 0.1em 0;
	}
div#contentTop a,div#contentTop a:link,div#contentTop a:visited{
	font-size:1em;
	line-height:1.5em;
	padding:0.5em 0 0 0;
	margin:0 0;
	font-weight:900;
	display:inline;
	/*color set in colour css file*/
	
	}
div#contentTop a:hover{
	color:black;
	text-decoration:none;
	font-size:1.5em;
	}
div#contentDown{
	width:90px;/*106*/
	height:142px;
	padding:10px 5px 0 0;
	font:0.8em/1.5em Tahoma, Helvetica, sans-serif;
	clear:left;
}
div#contentDown span{
	/*font-size:1.2em;
	line-height:1.2em;*/
	color:#841E20;
	}
div#contentDown span i{
	font-family:Helvetica; /*make the quotation marks look nice*/
	font-style:normal;
	font-size:1em;
	}
div#contentDown a:link, div#contentDown a:visited{
	color:inherit;
	text-decoration:underline;
	display:block
	margin-top:6px;
	}
div#contentDown a:hover{
	text-decoration:none;
	}
div#picDown{
	float:right;
	width:254px;
	height:151px;
	background-image:url(IXred/pic2.jpg); /* default image, can be changed for individual colour styles */
	background-repeat:none;
}
/*
COLOUR LIST notes/colourNotes.txt
*/