/********************** WARWICK ICAST SITE SPECIFIC CSS **********************/

/************* SWTICHED TO ID5, THURS FEB 15, 2007 - JM ***************/

/********************* MJ 4/9/06 *******************************************/

/********************** GLOBAL MARKUP (contains headings) **********************/

h1 {
	color: #9B280D;
}

h2 {
	color: #9B280D;
}

h3 {
	color: #9B280D;
}

h4 {
	color: #9B280D;
}

h5 {
	color: #9B280D;
}

h6 {
	color: #9B280D;
}


/********************** DEPARTMENT BAR  **********************/

#departmentBar {
	background-color: #F9CE0D;
	
}


/*LEFT NAV BAR*/


#outerNavigation, .navigationBackground {
	background-color: #F09A2B;
}

#navigation .rtop *,
#navigation .rbottom *,
#navigation div
{
background-color: #9E2100;
color: white;
}
#navigation .selected div
{
color: #9E2100;
}

#navigation li.selectedSection div,
#navigation li.selectedSection .rtop *,
#navigation li.selectedSection .rbottom *,
#navigation li.selectedSection ul
{
 background-color: #F15E10;
 }
 
#navigation .submenu li.selected div.children .rtop *,
#navigation .submenu li.selected div.children .rbottom *,
#navigation .submenu li.selected div.children ul
 {
 background-color: #F6C646;
 }
 
	/* Section links */
	#navigation li a:link,
	#navigation li a:visited
	{
	color: white;
}

/* selected section link */
#navigation .selectedSection a:link,
#navigation .selectedSection a:visited
 {
	color: #9E2100;
	}
	
	/* page children links */
	#navigation .children a:link,
	#navigation .children a:visited
	{
	color: #9E2100;
	}
	#main #navigation li a:link:hover, #main #navigation li a:visited:hover { color: white; }
	#main #navigation .selectedSection a:link:hover, #main #navigation .selectedSection a:visited:hover {color: #9E2100;}
	#main #navigation .children a:link:hover, #main #navigation .children a:visited:hover {color: #9E2100;} 
	#outerNavigation {
	background-image: url(bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	/* tweak repeat and position depending on how well image will tile */
	}
	/* enough padding to give space for the bottom image. You can make this amount less, if you want it to underlap the menus for an interesting effect*/
	#navigation {
	padding-bottom: 150px;
	}
	

/********************** MAIN BODY, RIGHT SITE, FOOTER LINES**********************/

#pageTitle, #footercontent {
border-color: #9E2100;
}

/*** Content styles ***/
#mainContent IMG {
						 		 border: 0;
								 }

#mainContent .standardText { 
		    			background-image: url('blend.png');
						  background-position: top left;
						  background-repeat: repeat-x;
 						  background-color: #FFFFD2;
							border-right: 4px solid white;
							margin: 0;
							padding: 4px;
							z-index: 10;
							}

#mainContent .standardText IMG	{
						 							 			padding: 2px;
																}
.twoThirds			 {
								 width: 60%;
								 height: 100%;
								 }
.oneThird				 {
								 width: 36%;
								 height: 100%;
								 }
.flRight				 {float: right;}
.flLeft					 {float: left;}
.clBoth					 {clear: both;}
#mainContent .centreAlign			 {
						 									 text-align: center;
															 }
#mainContent .rightAlign			 {
						 									 text-align: right;
															 }
															 
#mainContent .background			 {
						 									 background-image: url('blend.png');
														   background-position: top left;
														   background-repeat: repeat-x;
															 margin-top: 8px;
															 background-color: #FFFFD2;
															 height: 100%;
															 width: 100%;
															 z-index: 5;
															 }
#mainContent .topBackground {
						 								height: 252px;
														margin-left: 405px;
														background-image: url('blend.png');
														background-position: top left;
														background-repeat: repeat-x;
														background-color: #FFFFD2;
														border-width: 1px 0px 0px 1px;
														border-color: white;
														border-style: solid;
														padding: 4px;
														}
/* This style doesn't work at the moment, you have to use the one above*/

/*.rightside {
	border-color: #CED8E9;
}*/

#footerContent {
	border-color: #9B280D;
}


/********************** END OF ICAST SITE SPECIFIC CSS**********************/


