@charset "iso-8859-1";

/* ################# Layout */
* {padding:0; margin:0;}

body {
	text-align:center;
	background:#eff3f6;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	line-height:16px;
}


#wrapper {
	width: 857px;
	margin: 0 auto;
	margin-top:0px;
	padding-top:0px;
	background:#e1f1f1 url(../images/layout/main_background.gif) repeat-y;
	text-align:left;
	position:relative;
}

#wrapper2 {
	width: 857px;
	margin: 0 auto;
	margin-bottom:0px;
	padding-bottom:0px;
}

#header {
	height:114px;
	width: 849px;
	margin-left:3px;	

	position:relative;
}

#ornament {
	position:absolute;
	right:-75px;
	top:82px;
}

#ornament2 {
	position:absolute;
	left:-75px;
	top:220px;
}

#topmenu_container {
	
	margin: 0 4px;
	height:28px;
	background:url(../images/layout/top_menu_bg.gif) repeat-x;
	position:relative;
	z-index:2;
	line-height:18px;
	
}

#content_start {
	width:853px;
	overflow:hidden;
	
	padding-left:4px;
}

#schoolimage {
	position:relative;
	margin: 0 auto;
	text-align:center;
	height:187px;
	overflow:hidden;
	z-index:1;	
	padding-top:1px;
}

#left_col {
	width:151px;
 	float:left;
	margin-right:10px;
}

#main_col {
	width:493px;
	float:left;
	margin-left:30px;
	margin-right:30px;
	padding-top:10px;
}

#right_col {
	width:279px;
	float:left;
	padding-top:10px;	
}

#footer {
	height:30px;
	background:#eff3f6 url(../images/layout/footer_bg.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	margin-bottom:0;
}

/* ################# Text */
#main_col ul {
	padding: 10px 0;
	list-style-type:none;
}
#main_col ul li{
	padding:5px 0;
	padding-left:20px;
	background:url(../images/layout/list_bullet.gif) 8px 9px no-repeat;
}

#main_col p {
	margin-bottom: 10px;
}
#main_col a {
	text-decoration:none;
	color:#ce6424;
}
#main_col a:hover {
	text-decoration:underline;
	color:#ee752c;
	background:#e7e8eb;
}

#main_col h1{
	clear:both;
}
#footer p {
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#7087a7;
	line-height:9pt;
	padding-top:7px;
}
.loginlink {
	color:#7087a7;
	padding: 2px 2px 2px 13px;
	background: url(../images/layout/admin_lock.gif) 0 4px no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}	
h1, h2 {
	font: normal 14pt Georgia, "Times New Roman", Times, serif;
	color:#ce6424;
	padding: 3px 0;
	margin: 0 0 15px 0;
	text-align:center;
}
h2 {
	font-size:12px;
}
h3 {
	font-size:12px;
}
#main_col h1 {
	background: url(../images/layout/h1_main_bg.gif) bottom center no-repeat;
}
#right_col h1 {
	background: url(../images/layout/h1_right_bg.gif) bottom center no-repeat;
}

/* ################## News col styles */





#right_col ul {
	margin-left: 20px;
	padding: 5px 0;
}

#right_col p {
	margin-bottom: 10px;
}
#right_col a {
	display:block;
	text-decoration:none;
	color:#515151;
	border-bottom:1px solid #fff;	
}
#right_col a:hover {
	text-decoreation:none;
	color:#7b7b7b;
	background:#ededed;
	border-bottom:1px solid #515151;
}
#right_col div.newspost {
	border-bottom:1px solid #515151;
	padding: 5px;
}






/* ################## Main menu */


#main_menu a.active,#main_menu a:hover {
	background:url(../images/layout/main_menu_l1_active_bg.gif) top left no-repeat;
}
#main_menu ul a.active {
	background:#004c65;
}
#main_menu ul a:hover {
	background:#287b97;
}	

#main_menu ul{
	margin:0 2px 3px 2px;
	padding-top:3px;
	background:#00688b;
	border-top:1px solid #005b79;
}
#main_menu ul ul{
	margin:3px 0;
	padding-top:3px;
}
#main_menu li a{
	display:block;
	padding: 6px 5px 3px 15px;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/layout/main_menu_l1_bg.gif) top left no-repeat;
}	

#main_menu li, main_menu ul {
	list-style-type:none;
}


#main_menu ul a {
	display:block;
	background:transparent;
	font: normal 9pt Arial, Helvetica, sans-serif;
	padding:2px;
	padding-left:15px;
}

#main_menu ul li ul li a {
	padding-left:30px;
	font: normal 8pt Arial, Helvetica, sans-serif;
}

#main_menu ul li ul {
	background:#005d7c;
}
#main_menu {
		width:151px;
}
	


#schoolselector {
	position:relative;
	height:20px;
	width:140px;
	float:left;
	margin:0 10px 0 0;
	padding-left:15px;
	padding-top:5px;
	background:url(../images/layout/top_menu_corner.gif) no-repeat;
}

#schooldroplist {
	position:absolute;
	top:24px;
	width:137px;
	background:#fff;
	border: 1px solid #00a6e4;
	list-style-type:none;
	z-index:1000;	
}

#schooldroplist li a {
	display:block;
	font-weight:bold;
	color:#1a424e;
	text-decoration:none;
	padding: 1px 5px;
	text-indent:10px;
}


#schooldroplist li span a, #schooldroplist li span a.list_schools_ieg{
	background:#8fbac9;
	display:block;
	color:#1a424e;
	font-weight:bold;
	padding: 1px 5px;
	text-indent:5px;
}

#schooldroplist li.school_type {
	background:#455f9b;
	display:block;
	color:#fff;
	font-weight:bold;
}
#schooldroplist li.school_type span{
	display:block;
	padding: 2px 5px;
}

#schooldroplist a.list_schools_ieg {
	background:#b7dbe7;
}

#schooldroplist a:hover{background:#e1f1f1;}
#schooldroplist span a:hover,#schooldroplist span a.list_schools_ieg:hover{background:#7ea6b3;}

#droplist_toggle {
	background:#fff url(../images/layout/schoolselecta_button.gif) top right no-repeat;
	width:140px;
	height:16px;
	padding:0 5px 2px 5px;
	font-weight:bold;
	color:#1a424e;
	text-decoration:none;
	display:block;
	overflow:hidden;
	border:1px solid #00a6e4;
	cursor:pointer;
	cursor:hand;
}

.image_caption
{
	font-size:9px;
	font-style:italic;
	color:#455f9b;
}

.image_placeholder
{
	text-align:center;
}






/* ################### Top menu */

#top_menu {
	float:left;
	height:28px;
	margin-left:15px;
}

#top_menu li{
	list-style-type:none;
	display:inline;
	overflow:hidden;
}
#top_menu a, #top_menu a span{
	display:table;
	height:28px;
	float:left;
	text-decoration:none;
	color:#fff;
	
}
#top_menu a span{
	height:22px;
	padding: 6px 4px 0 4px;
}
#top_menu a:hover{
	background: url(../images/layout/top_menu_hover.gif);
}
#top_menu a:hover span{
	background: url(../images/layout/top_menu_hover.gif);
	cursor:hand;
}	

/* ################### Top menu school selecta! */



	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;
		width:100%;	
		
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		margin: 0 0;	
				position:absolute;
		left:0px;	

	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		margin: 0 0;
				position:absolute;
		left:0px;	

	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		padding:1px;
		margin: 0 0;
		position:absolute;
		left:0px;	
		background-color:#515151;
		
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{


	}
	#dhtmlgoodies_menu .currentDepth1over{

		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
			padding-left:2px;
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
	
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		
		border:1px solid #7b7b7b;
				padding-left:2px;
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
					padding-left:2px;
		padding-right:2px;
		background-color:#7b7b7b;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2 a{
						padding-left:2px;
		padding-right:2px;
		color:#FFFFFF;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#FFFFFF;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-left:2px;
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#7b7b7b;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#7b7b7b;
		border:1px solid #000;
	}