/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		CEEDU
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
3	24/7/06		PG			Added jargon buster css
2	23/6/06		PG			Updated
1	9/3/06		PG			Created

*/

#siteHolder {
	position: relative;
	width: 760px;
	margin:0 auto;
}

#coSiteTool{
	position: relative;
	height:125px;
	width:760px;
	background:transparent url(/images/background/bg_content_header.gif) no-repeat left top;
}
#siteMain{
	position: relative;
	background:transparent url(/images/background/bg_content_repeat.gif) repeat-y left top;
	padding-bottom:20px;
}
#siteMainContents{
	position: relative;
	margin:0 auto;
	background-color:#FFF801;
	width:720px;
}
.siteLogo{
	position:absolute;
	left:21px;
	top:0px;
	width:204px;
	z-index:10;
}
.logo{
	position:absolute;
	right:20px;
	top:22px;
	width:170px;
}

#mainPanel{
	position: relative;
	overflow:hidden;
	width:100%;
	z-index:100;
	text-align:left;
}

#coSiteNavigation{
	position: relative;
	float:left;
	width:163px;
}
#EditArea1{
	position: relative;
	float:left;
	width:555px;
}
#EditArea2{
	position: relative;
	width:auto;
	padding-bottom:40px;
}

#coSiteFooter{
	position: relative;
	width:100%;
	height:24px;
	background-color:#000;	
	margin-top:-30px;
	color:#000;
	text-align:center;
	background:transparent url(/images/background/bg_home_footer.gif) no-repeat center top;
	padding-top:4px;
}
#coSiteFooter{
	font-size:0.8em;
}
#coSiteFooter a{
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
	padding:0px 8px; 
}
#coSiteFooter a:hover{
	text-decoration:underline;
}

#coSiteFooter .last{
	border:none;
}

/* Standard HTML Elements */
h1{
	font-size:2.5em;
}
#mainPanel .text,#mainPanel h1{
	padding-left:10px;
	padding-right:10px;
}


/* Day of Discovery Home Page */
#DayMenu{
	padding-top:20px;
	overflow:hidden;
	float:left;
	width:100%;
}
#DayMenu .row{
	overflow:hidden;
	float:left;
	width:100%;		
	font-size:0.9em;
}
#DayMenu .row p{
	padding-top:10px;
	padding-bottom:0px;
}

#DayMenu .normal,
#DayMenu .left,
#DayMenu .right{
	width:183px;
	height:144px;
	float:left;
	background:#000 url(/images/day/home/bg_normal.gif) no-repeat left top;
	color:#fff;
}
#DayMenu .right{
	width:165px;
	height:144px;
	background-image:url(/images/day/home/bg_top_right.gif);
}
#DayMenu .content{
	padding:20px 25px 0px 15px;
	
}
#DayMenu .right .content{
	padding-right:5px;	
}

#DayMenu .top{
	padding-bottom:17px;
	background:#FFF801 url(/images/day/home/bg_top.gif) no-repeat left bottom;
}
#DayMenu .bottom .left{		
	width:183px;
	height:144px;
	background-image:url(/images/day/home/bg_bottom_left.gif);
}
#DayMenu .bottom .right{		
	background-image:url(/images/day/home/bg_bottom_right.gif);
}

.quizArea{
	width:100%;
	clear:both;
	padding:10px 0px;
	margin-top:10px;
	background:transparent url(/images/quizzical/bg_strip.gif) repeat-x left top;
}
.quizArea h2{
	color:#C20021;
}

div.threeCol{
	width:100%;
}
div.threeCol .cell{
	width:30%;
	padding:0px 7px;
	float:left;
	text-align:center;
}
div.threeCol .cell a{
	font-size: 1.5em;
	color:#C20021;
	text-decoration:none;
}
div.threeCol .cell img{
	display:block;
}

/* Jargon Buster */

#ScrollArea{
	width:400px;
	height:300px;
	overflow:auto;
	text-align:left;
}

dl{
	padding:0em 1em 1em 1em;	
}

dt{
	padding:0em 1em 0.5em 1em;
	margin:0em;
	color:#C20021;
	font-weight:bold;
}

dd{
	margin:0em 2em;
}


ul.quiz{
	overflow:hidden;
	width:100%;
	margin:0 !important;
	padding:0 !important;	
	list-style:none;		
}
ul.quiz li{
	
	padding:0;
	margin:0;
	padding-bottom:1.5em;
}
.liWrap{
	width:100%;
	overflow:hidden;
}
.numCol{
	width:3%;
	float:left;
	padding:5px 0px 0px 7px;
}
.contentCol{
	width:93%;
	float:right;
}
ul.quiz li h2{
	padding-top:0px;
}