/* Styles Used on Coleg Menai Home Page only */

/* General layout rules*/
.galeributton
{
position:relative;
bottom:-390px;
}

.blend img 
{
position: absolute;
filter: alpha(opacity=0);
-moz-opacity: 100;
opacity: 0;
-khtml-opacity:0;
}

#NewsArticleRight{
	background-image: url(images/news.png);
	width: 173px;
	height: 225px;
	left: 400px;
	position: absolute;
	top: 100px;
	vertical-align: middle;
	z-index: 5;
}

/* bluebox styles start here */
.bluebox {
	color: #FFFFFF;
	width: 240px;
	display:inline;
	min-height:20em;
}

.blueboxfooter {
	background-color: Transparent;
	background-position: top;
	background-repeat: no-repeat;
	height: 35px;
	width: 240px;
}
.blueboxfooter p{
	padding: 1em 2em 0 0;
	text-align:right;
	}
	

.blueboxmain {
	background: #76D2DB;
	background-image: url(images/bluebox_mid.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 0;
	min-height: 13.3em;
	width: 240px;
	text-align:center;
}

.blueboxheader 
{
	background-color: Transparent;
	background-image: url(images/bluebox_header.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 0.75em;
	width: 240px;	
}

.blueboxmain h2 
{
	display:inline;
	text-align:left;
}
.blueboxmain p
{
	margin: 0;
	padding-right: 1em;
}
.blueboxmain img 
{
	text-align:left;
	float:left;
	padding-right: 1em;
	padding-left: 1em;
	
}

.blueboximage{
	margin-top: 1em;
}

.blueboxinfocolumn
{
	text-align: left;
	height: 110px;
}


.blueboxfirstline
{
	margin-left:1em;
	text-align: left;
	font-size: medium;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}

.blueboxsecondline 
{
	margin-left:2em;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}


/* 
These are the containers that make up the orange section on the screen, please
see the developers wiki for the photoshop file that has slices that correspond
to the div classes.
*/

#splash_left1{	
	width: 250px;
	height: 373px;
	left: 0px;
	position: absolute;
	top: 12px;
	vertical-align: middle;
	z-index: 5;
	
}
#splash_top2{
	width: 188px;
	height: 107px;
	left: 250px;
	position: absolute;
	top: 12px;
	vertical-align: middle;
	z-index: 5;
}
#splash_top3{
	width: 321px;
	height: 107px;
	left: 438px;
	position: absolute;
	top: 12px;
	vertical-align: middle;
	z-index: 5;
}

#splash_mid2{
	background-image: url(images/splash_mid2.gif); 
	width: 188px;
	height: 198px;
	left: 250px;
	position: absolute;
	top: 119px;
	vertical-align: middle;
	z-index: 5;
}
#splash_mid3{
	background-image: url(images/splash_mid3.gif);
	width: 316px;
	height: 198px;
	left: 438px;
	position: absolute;
	top: 119px;
	vertical-align: middle;
	z-index: 5;
}

#splash_bottom2{
	background-image: url(images/splash_bottom2.gif);
	width: 188px;
	height: 68px;
	left: 250px;
	position: absolute;
	top: 317px;
	vertical-align: middle;
	z-index: 5;
}
#splash_bottom3{
	background-image: url(images/splash_bottom3.gif);
	width: 316px;
	height: 68px;
	left: 438px;
	position: absolute;
	top: 317px;
	vertical-align: middle;
	z-index: 5;
}

/* 
These are the containers the middle section and the bottom sections
*/
#homepagecoreblock 
{
	margin-top:-6em;
	position: relative;
	margin-left:0;
}

#homepagelowerblock 
{
position:relative;
padding-top:51em;
margin-top: 5.5em;
}

/* 
These are the containers for the blue boxes on the bottom of the screen
*/
#homepagenewsblock
{
	position:absolute;
	top: 24em;
	left: 52.5em;
	z-index:40;
}


.leftbluebox {
	float: left;
	margin-top:3em;
	margin-right:1.7em;
	display:inline;
}
.rightbluebox {
	float: left;
	margin-top:3em;
	display:inline;
}

.middlebluebox
{
	float: left;
	margin-top: 3em;
	margin-right: 1.7em;
	display: inline;
}


/*
College News Containers
*/

.newscontainer
{	
	position:absolute;
	top: 22em;
	bottom: 260em;
	left:55em;
	z-index:41;
	width: 201px;
	/* Added in for the "Looking for courses block" 
	max-height:210px;*/
	

}

/* temp CSS */
.boxfloat{
position:absolute;
}
.coursesbox 
{
position:relative;
left:480px;
top:120px;
_right:0px;
_bottom:0px;
z-index:423;
}
/* end temp CSS */

.newsheading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #ffffff;
	padding-top: 0.5em;
	text-align: center;
}

.newssubheading
{
	width: 170px;
	background-color: #0d9c48;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 0.5em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-right: 12px;
	margin-left: 16px;
}

.newsmain 
{

	padding-top: 0.8em;
	padding-bottom: 1em;
	max-height:135px;

}

.newsfooter
{

}

li 
{
	list-style:none;
}