body {
	font: 12px Georgia, Verdana,  Helvetica, sans-serif;
	text-align: center;
}

body * {
	margin: 0px;
	padding: 0px;
}

#header_main {
	height: 130px;
	width: 900px;
	margin: 0 auto;
}

#header_main ul {
	display: inline;
	list-style-type: none;
}

#logo {
	position: relative;
	top: 50%;
	margin-top: -56px;
	float: left;
	width: 50%;
	text-align: center;
}

#header_right {
	position: relative;
	top: 45%;
	float: right;
	width: 50%;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	color: #2e1d78;
}

#menu {
	width: 870px;
	height: 54px;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	z-index: 10;
}

#menu a {
	display: block;
	border: none;
	width: 145px;
	height: 54px;
	float: left;
}

.back_top {
	color: #5d6c7a;
	text-decoration: none;
	margin-left: 12px;
}
									
#menu a:hover {
	background-position:0 -54px;
}

#menu a.home {
	background-image: url("gfx/menu_home.png");
}
#menu a.homeactive {
	background-image: url("gfx/menu_home.png");
	background-position:0 -54px;
}

#menu a.about {
	background-image: url("gfx/menu_about.png");
}
#menu a.aboutactive {
	background-image: url("gfx/menu_about.png");
	background-position:0 -54px;
}

#menu a.contact {
	background-image: url("gfx/menu_contact.png");
}
#menu a.contactactive {
	background-image: url("gfx/menu_contact.png");
	background-position:0 -54px;
}

#menu a.national_programmes {
	background-image: url("gfx/menu_national_programmes.png");
}
#menu a.national_programmesactive {
	background-image: url("gfx/menu_national_programmes.png");
	background-position:0 -54px;
}

#menu a.programme {
	background-image: url("gfx/menu_programmes.png");
}
#menu a.programmeactive {
	background-image: url("gfx/menu_programmes.png");
	background-position:0 -54px;
}

#menu a.news {
	background-image: url("gfx/menu_news.png");
}
#menu a.newsactive {
	background-image: url("gfx/menu_news.png");
	background-position:0 -54px;
}

#menu a.links {
	background-image: url("gfx/menu_links.png");
}
#menu a.linksactive {
	background-image: url("gfx/menu_links.png");
	background-position:0 -54px;
}

#menu a.peacock_suite {
	background-image: url("gfx/menu_peacock.png");
}
#menu a.peacock_suiteactive {
	background-image: url("gfx/menu_peacock.png");
	background-position:0 -54px;
}

#variable_back {
	padding: 0px;
	width: 100%;
	background: url('gfx/center_back_bottom.png') center repeat-y;
	text-align: center;
}

#page_container {
	padding: 0px;
	width: 100%;
	
	/* Ie fix so always has min height! */
	min-height: 411px;
	height: auto !important;
	height: 411px;
	
	background: url('gfx/center_back.png') center top no-repeat;
	text-align: center;
	z-index: 10;
}

#text_container {
	margin: 0 auto;
	padding: 8px;
	width: 850px;
	text-align: left;
	z-index: 10;
	position: relative;
}

#text_container #book_login {
	position: absolute;
	left: 260px;
	top: -12px;
	width: 128px;
	height: 47px;
	z-index: 200;
}
##text_container #book_login a {
	width: 128px;
	height: 47px;
	display: block;
	z-index: 200;
}
##text_container #book_login img {
	margin: 0px;
	z-index: 200;
}

#page_bottom {
	padding: 0px;
	width: 100%;
	background: url('gfx/center_bottom.png') center top no-repeat;
	text-align: center;
	height: 35px;
	z-index: 10;
}

/* ----------------- font info -------------------- */

h2 {
	background: url('gfx/title_bottom.png') bottom left no-repeat;
	padding: 3px;
	margin: 8px 0px 8px 0px;
	color: #7eba5b;
	font-size: 16px;
}

h2 a {
	color: #5fa237;
	text-decoration: none;
}

h3 {
	background: url('gfx/title_bottom.png') bottom left no-repeat;
	padding: 3px;
	margin: 4px 0 0 4px;
	color: #5fa237;
	font-size: 12px;
}

h3 a {
	text-decoration: none;
	color: #5fa237;
}

h3 a:hover {
	text-decoration: none;
	color: #5d6c7a;
}

h4 {
	/* background: url('gfx/title_bottom.png') bottom left no-repeat; */
	padding: 4px;
	margin: 8px 0 0 8px;
	color: #5fa237;
	font-size: 12px;
}

h5 {
	/* background: url('gfx/title_bottom.png') bottom left no-repeat; */
	padding: 4px;
	margin: 8px 0 0 8px;
	color: #000;
	font-size: 12px;
}

#text_container p {
	margin: 3px;
	padding: 6px;
	padding-bottom: 0px;
}

#text_container p.ncourse {
	margin: 0 0 0 16px;
	padding: 6px;
}

#text_container ul {
	list-style-image: url(/gfx/bullet_sm.png);
	margin-left: 16px;
}

#text_container ul li {
	padding: 3px;
}

#text_container ul li ul li {
	padding: 0px;
}

#text_container table {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#text_container table td {
	padding: 4px;
}

#index_container {
	width: 850px;
	/* Ie fix so always has min height! */
	min-height: 430px;
	height: auto !important;
	height: 430px;
}

#index_upper {
	width: 820px;
	text-align: left;
	float: left;
}

#index_upper #upper_left { /*Now floating on the right of the page */
	width: 33%;
	float: right;
	text-align: center;
}

#index_upper #upper_left img {
	margin-top: 16px;
}

#index_upper #upper_right { /*Now floating on the left of the page */
	width: 67%;
	float: left;
}

#index_lower {
	width: 850px;
	text-align: left;
	float: left;
	/* Ie fix so always has min height! */
	min-height: 160px;
	height: auto !important;
	height: 160px;
	z-index: 100;
	margin-top: -24px;
}
/* 
#index_lower #lower_left { Now not floating on the page 
	width: 49%;
	float: left; 
}

#index_lower #lower_left li {
	margin-top: 12px;
}
*/

#index_lower #lower_right { /*Now floating on the left of the page */
	width: 800px;
	float: left;
	padding-bottom: 18px;
}

#picture_right {
	float: right;
	margin: 18px;
	margin-left: 30px;
	/* Ie fix so always has min height! */
	min-height: 407px;
	height: auto !important;
	height: 407px;
}

#content_left {	
	/* Ie fix so always has min height! */
	min-height: 410px;
	height: auto !important;
	height: 410px;
	padding: 8px;
}

#content_left p {
	text-align: justify;
}

#footer_container {
	width: 100%;
	text-align: center;
}

#footer {
	margin: 0 auto;
	padding: 8px;
	width: 850px;
	text-align: left;
}

#copy {
	float: left;
	margin-top: 12px;
	color: #5d6c7a;
	font-size: 11px;
	text-transform: uppercase;
}

#copy a.footer {
	color: #5d6c7a;
	font-size: 11px;
	text-decoration: none;
}

#copy a.footer:hover {
	color: #7eba5b;
	font-size: 11px;
}

#copy a.footer_active {
	color: #7eba5b;
	font-size: 11px;
	text-decoration: none;
}

#evergreen_logo {
	float: right;
	margin-top: -6px;
}

div.rhs_button {
	margin:10px 0 10px 0;
	text-align:center;
	padding:10px 5px 10px 5px;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:0 2px 2px 0;
	font-size: 12px;
}

div.rhs_label {
	margin:10px 0 10px 0;
	text-align:center;
	padding:10px 5px 10px 5px;
	background-color:#FFFFCC;
	border:1px solid #333333;
}

A:link.sitemenu    { text-decoration: none; font-size:9pt; color:#333333 }
A:visited.sitemenu { text-decoration: none; font-size:9pt; color:#333333 }
A:hover.sitemenu   { text-decoration: none; font-size:9pt; color:#333333 }

#img_container {
	background-image: url(egc/gfx/transp1.gif);
	background-repeat: no-repeat;
	float: right;
	width: 300px;
	margin: 18px;
	margin-left: 30px;
	/* Ie fix so always has min height! */
	min-height: 407px;
	height: auto !important;
	height: 407px;
}