*
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body
{
	background:#BEBEBE url(/images//body_bg_repet.jpg) left top repeat-x;
}

/*------------------- layout stuff ---------------------*/

#pageWrapper
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#top
{
	width:100%;
	height:175px;
	background:url(/images//top_banner.jpg) center top no-repeat;
}

#mid
{
	width:100%;
	background:url(/images//mid_bg_repet.gif) left top repeat-y;
}
#left
{
	width:293px;
	float:left;
}
#right
{
	width:707px;
	float:right;
}
#contents
{
	padding:15px;
	text-align:justify;
	line-height:20px;
	font-size:12px;
	color:#333333;
}
#bottom
{
	padding:10px;
}
#bottom, #bottom a, #bottom a:link, #bottom a:hover, #bottom a:active, #bottom a:visited
{
	background:#2F69B3;
	text-align:center;
	text-decoration:none;
	line-height:15px;
	font-size:10px;
	color:#F6F6F6;
}
#bottom a:hover
{
	text-decoration:underline;
}

/* --------- float clearers ------------------------------- */

.clearer
{
	clear:both;
}
.leftClearer
{
	clear:left;
}
.rightClearer
{
	clear:right;
}

/*--------------- contents formatting ---------------------*/

h1
{
	padding-bottom:15px;
	font-size:18px;
	color:#023F7D;
	font-weight:normal;
}
h2
{
	margin:10px 0px;
	padding:5px 10px;
	background:#F6F6F6;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	border:1px dashed #999999;
}
.generalOrderedList
{
	margin:15px 25px;
}
.generalUnorderedList
{
	margin:15px 25px;
}
.imgFloatRight
{
	float:right;
	margin-left:20px;
	padding:2px;
	border:1px solid #CCC;
}
.imgCenter
{
	margin:2% auto;
	padding:2px;
	border:1px solid #CCC;
}
.tableContainer
{
	width:98% !important; /* for IE-6 */
	width:94%;
	height:300px;
	padding:1%;
	border:1px solid #CCC;
	overflow:auto;
}
table.general_table
{
	border-collapse:collapse;
}
table.general_table th, table.general_table td
{
	padding:5px 10px;
	border:1px solid #CCC;
	font-weight:bold;
	vertical-align:top;
}
table.general_table td
{
	font-weight:normal;
}
.leftText
{
	width:235px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	color:#023F7D;
	text-align:left;
	line-height:20px;
	border:2px solid #FFF;
}

/* --------------- pegination --------------- */
#pagination_container
{
	margin:15px auto;
	width:370px;
	height:25px;
}
#pegination
{
	margin-left:10px;
	margin-right:10px;
	padding-top:1px;
	float:left;
	font-size:12px;
	line-height:22px;
}
#pegination a
{
	padding:2px 5px;
	color:#333;
	text-decoration:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #C2C2C2;
}
#pegination a:hover
{
	background:#87A7B8;
	color:#FFF;
}
#previous_btn
{
	float:left;
}
#next_btn
{
	float:left;
}
#next_btn a, #next_btn a:hover, #previous_btn a, #previous_btn a:hover
{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#282828;	
	text-decoration:none;
	line-height:22px;
}
#next_btn a, #next_btn a:hover
{
	width:70px;
	height:25px;
	text-indent:10px;	
}
#next_btn a
{
	background:url(/images/next_btn.png) 0px 0px no-repeat;
}
#next_btn a:hover, #previous_btn a:hover
{
	background-position:0px -25px;
	color:#FFF;
}
#previous_btn a, #previous_btn a:hover
{
	width:90px;
	height:25px;
	text-indent:25px;
}
#previous_btn a
{
	background:url(/images/previous_btn.png) 0px 0px no-repeat;
}

/*
	**	cceca = co curricular extra  activities
*/
#body_cceca_1 a#activeLink,
#body_cceca_2 a#activeLink,
#body_cceca_3 a#activeLink
{
	background:#999;
	color:#FFF;
}

/* Image with caption */
.img-with-cap
{
	margin:5px;
	padding:2px;
	border:1px solid #eee;
	float:left;
	text-align:center;
}
.cap
{
	margin-top:2px;
	padding:5px;
	background:#f3f3f3;
	border-top:1px solid #ddd;
	text-align:center;
	font-size:10px;
}