/* 
	Southampton University - Learning Object CSS - p15 Organising
	(Oct 2013 - www.sjward.org)
	------------------------------------------------------------- */

@media screen and (max-device-width: 480px){
	body{ -webkit-text-size-adjust: none;	}
}

*		{ margin:0; padding:0; }
html	{ height:100%; }
body	{ height:100%; background:#fff; font:normal normal 500 100% 'arial', 'Lucida Grande', sans-serif; color:#303030; }


#main_wrap, 
#footer_wrap, 
#footer_spacer,
#offset_top { 
	position:relative; width:100%; cursor:default;  
}		
#main_wrap		{ min-height:100%; background:#fff; min-width:650px; }
#footer_spacer	{ height:35px; background:none; width:600px; }
#footer_wrap	{ height:30px; margin-top:-30px;  background:none; min-width:650px; }
#offset_top 	{ height:20px; margin:0px; }


div.alignment-L, 
div.alignment-C, 
div.alignment-R { 
	position: relative; width: 630px; overflow:visible; background:#fff; height:600px; border:0px solid #aaa; padding:0 10px 10px 10px;
}
	div.alignment-L { margin: 0; }
	div.alignment-C { margin: 0 auto; background:#fff url('images/road.png') no-repeat 225px 50px; }
	div.alignment-R { margin: 0 0 0 auto;}

div.alignment-Cf { 
	position:relative; width:650px; overflow:visible; background:none; min-height:20px; border:0; margin:0 auto; text-align:center; color:#888; font-size:12px;
}


/* ------------------------- */

img { border:0; outline:none; }

.reveal_wrap {
	position:relative;
	margin:0 0px 0 170px;
	background:#e6e6e6;
	height:475px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	overflow:hidden;
}
div.reveal {
	position:absolute;
	padding:0px;
	width:100%;
	height:475px;
	border:0px dotted #eee;
	background:#e6e6e6;
	display:none;
}


div.closer {
	position:absolute;
	padding:5px 10px 5px 10px;
	right:0px;
	top:0px;
	font-size:14px;
	line-height:16px;
	color:#fff;
	background:#d6d6d6;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius: 3px;
}
div.closer:hover {
	background:#c9c9c9;
}


a { display:block; width:170px; height:115px; margin:0 0 5px 0;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
}
a:hover	{ color:#fff; background-color:#b02e2e; }


.alpha {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.alpha:hover {
	opacity:0.75;
	filter:alpha(opacity=80);
}


.icon0 { background:#0099FF url('images/papers.png') no-repeat center center; }
.icon1 { background:#FF9933 url('images/folders.png') no-repeat center center; }
.icon2 { background:#33CC66 url('images/harddrive.png') no-repeat center center; }
.icon3 { background:#99CC66 url('images/biblio.png') no-repeat center center; }


.selected {
	opacity:1;
	filter:alpha(opacity=100);
	color:#fff;
	background-color:#b02e2e;
}


.line1 { border-bottom:2px solid #f7f7f7; padding:0 0 0px 0; margin:0 0 0px 0; }


p, ul, ol, table { line-height: 18px; color:#404040; }
p { text-align:left; margin:10px 20px 15px 20px; font-size:15px; }

h1, h2, h3, h4 { margin:0; padding:0;
	font-weight:700;
}
h1 { position:absolute; font-size:18px; font-weight:500; left:20px; top:15px; color:#389e97; }
h2 { font-size:16px; margin:15px 0 10px 20px; color:#389e97; }
h3 { font-size:16px; font-weight:700; margin:10px 0 10px 20px; color:#505050; }
h4 { font-size:14px; margin-bottom:10px; color:#707070; }
	
ul { 
	list-style: disc outside none; 
	font-size: 15px;
	font-weight:700;
	margin:0 0 20px 20px;
}
ul li {
	line-height:18px;
	margin-bottom:4px;
	color:#014311;
}

.fL { float:left; width:220px; height:426px; border-right:2px solid #f7f7f7; padding:0 0px 0 0; }
.fR { float:right; width:237px; }	

.fLi { float:left; width:150px; }