body {
	background-color: #EFEFFF;
	margin: 0px;
}

code {
	margin-left: 30px;
        display: block;
}

/* Global container ***********************************************************/
#main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}

/* Content containers **********************************************************
 *   THESE CONTROL THE POSITIONING OF THE MAIN ELEMENTS OF THE PAGE
 *   *** BE CAREFUL WHEN MODIFYING ANYTHING APART FROM COLOURS! ***
 */
 
#header {
	font-size: 30px;
	text-align: left;
	color: #FFFFFF;	
	background-color: #AAAACC;
	border: 2px solid #8888AA;
	height: 90px;	
	padding: 2px;
	margin-bottom: 4px;
}

#sidebar_container {
	background-color: #F5F5FF;
	border: 1px solid #CCCCDD;
	width: 175px;
	float: left;
}

#main_content_container {
	background-color: #FFFFFF;
	border: 1px dotted #CCCCEE;
	margin-left: 182px;
}

/* Main CSS Styles *************************************************************
 *   Affects the colours and fonts, change at your will.
 *   Changing margins/padding can affect positioning in
 *   minor ways.
 */

/* Main content area styles ***************************************************/

#main_content_title {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #666688;
	border-bottom: 1px dotted #8888AA;
	padding: 1px;
	margin: 2px;
}

#main_content, #main_content table {
	color: #444466;
	padding: 2px;
}

#main_content h2, #main_content h3 {
	font-size: 13px;
	font-weight: bold;
}

/* Main content link styles */
#main_content a:link, 
#main_content a:visited,
#main_content a:active {
	font-style: italic;
	text-decoration: none;
	color: #FF8A00;
}

#main_content a:hover {
	text-decoration: underline;
}

/* Navigation sidebar styles **************************************************/
#nav_title {
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #444466;
	background-color: #CCCCDD;
	padding: 2px;
}

#nav_content {
	font-weight: bold;
	color: #444466;
	margin: 4px;
}

#nav_content div.submenu {
	margin-left: 12px;
}

/* Navigation bar link styles... */
#nav_content a:link, 
#nav_content a:visited,
#nav_content a:active,
#nav_content div.submenu a:link,
#nav_content div.submenu a:visited,
#nav_content div.submenu a:active {
	font-weight: normal;
	text-decoration: none;
	color: #444466;
	border: 1px solid #F5F5FF;
	display: block;
	padding: 1px;
}

#nav_content a:hover, #nav_content div.submenu a:hover {
	color: #A73700;
	background-color: #FFECD9;
	border-color: #FFD8B2;
	/* background-color: #EEEEFF;
	border-color: #DDDDFF; */
}

/* Recommended Links styles ***************************************************/
#recommended_links {
	border: 1px solid #FFEEDD;
	width: 175px;
	float: right;
	margin: 5px;
}

#recommended_links h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FFEEDD; 
	display: block;
	margin: 0px;
	padding: 2px;
}

#recommended_links #recommended_links_content {
	padding: 4px;
}

#recommended_links #recommended_links_content a:link, 
#recommended_links #recommended_links_content a:visited,
#recommended_links #recommended_links_content a:active {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	display: block;
	padding: 2px;
}

#recommended_links #recommended_links_content a:hover {
	color: #A73700;
	background-color: #FFEEDD;
	border-color: #FFD8B2;
	/* background-color: #EEEEFF;
	border-color: #DDDDFF; */
}

/*
#copyright {
	font-size: 10px;
	text-align: right;
	color: #CFCFDF;
	clear :both;
	margin-top: 5px;
}*/