@charset "iso-8859-1";

body {
background-color: #003300;	 /* Background Color or Page */
text-align: center;			 /* Centre page on screen */
font-family: arial, helvetica, sans-serif;
font-size: 12px;			 /*Default Font Size */
color: #000000;				 /* Default Color of Text */
}

/* Overall Page Dimensions */
#page_container {
width: 960px;
text-align: left;		 /* Needed to left align text after text-align: center in body entry */
margin: 0 auto;			 /* Needed to left align text in Chrome and Firefox */
background: #FFFFFF;	 /* Default Background Colour for website */
position: relative;
}

/* Search Box */
#searchbox { 
float: right;
padding: 0 10px 0 0;
}

/* Top Menu Zone */
#top_menu_zone {
margin: 0;
float: left;
background: #FF9900; 
width: 100%;
font-size: 110%;
border-bottom: 10px solid #FFFFFF;
}

#top_menu_zone ul {
margin: 0 0 0 10px;
padding: 0;
}

#top_menu_zone li {
display: inline;
}

#top_menu_zone li a {
padding: 3px 10px 5px 10px;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #006600;
}

#top_menu_zone li a:hover {
background: #FF9900;
color: #669933;
}

/* Left Menu Zone */
#left_menu_zone {
padding: 0;
width: 180px;
}

#left_menu_zone li {
list-style: none; 		/* Remove Bullet */
margin-left: -30px;
line-height: 25px;
}

#left_menu_zone li a {

height: 20px;
text-decoration: none;
color: #000000;
display: block;
padding: 0 0 4px 6px;
background: #DDDDDD;
border-left: 8px solid #669933;
}

#left_menu_zone li a:hover {
background: #669933;
color: #FFFFFF;
border-left: 8px solid #FF9900;
}

/* Content Zone */
#content_zone {
margin: 0 10px 10px 10px;
clear: both;
}

/* Centre Column Content */
#center_content {
margin-left: 200px;
}

#center_content h1 {
margin: 0 0 5px 5px;
font-size: 110%;
color: #FFFFFF;
padding: 5px;
border: 1px solid #003300;
background-color: #669933;
/* width: 525px; */
width: 68%;
}

#center_content h2 {
padding: 10px 0 0 5px;
font-size: 160%;
margin: 0;
color: #FF9900;
}

#center_content h3 {
padding: 10px 0 0 5px;
font-size: 140%;
margin: 0;
color: #FF9900;
}

#center_content h4 {
padding: 10px 0 0 5px;
font-size: 120%;
margin: 0;
color: #000000;
}

#center_content p {
margin: 5px 0 0 0;
padding: 5px;
line-height: 1.4em;
}

/* Left Column Content */
#left_content {
float: left;
width: 180px;
padding: 0 10px 0 0;
/* border-right: 1px solid #006600; */
/* border-bottom: 10px solid #FFFFFF; */
/* border-bottom: 1px solid #006600; */
}

#left_content_shade {
/* background: #FFFFCC; */
background: #FFFFFF;
margin: 0 0 5px 0;
}

#left_content h1 {
margin: 0 0 5px 0;
font-size: 110%;
color: #FFFFFF;
padding: 5px;
border: 1px solid #003300;
background-color: #669933;
}

#left_content p {
margin: 5px 0 0 0;
padding: 5px;
line-height: 1.4em;
}

/* Right Column Content */
#right_content {
float: right;
width: 180px;
border-left: 1px solid #006600;
/* border-bottom: 10px solid #FFFFFF; */
border-bottom: 1px solid #006600;
padding-left: 10px;
margin-left: 10px;
}

#right_content_shade {
/* background: #FFFFCC; */
background: #FFFFFF;
margin: 0 0 5px 0;
}

#right_content h1 {
margin: 0 0 5px 0;
font-size: 110%;
color: #FFFFFF;
padding: 5px;
border: 1px solid #003300;
background-color: #669933;
}

#right_content p {
margin: 5px 0 0 0;
padding: 5px;
line-height: 1.4em;
}

/* Footer Zone */
#footer_zone {
height: 30px;
background: #669933;
border-top: 1px solid #003300;
clear: both;
}

#footer_zone p {
margin: 0 0 5px 0;
padding: 5px;
text-align: center;
color: #003300;
}

#footer_zone a {
color: #FBD539;
text-decoration: none;
}

#footer_zone a:hover {
color: #FBD539;
text-decoration: underline;
}

/* Active Links */
a {
color: #003300;
/* text-decoration: none */
}

a:hover {
color: #003300;
text-decoration: underline
}

/* Lists */
ul {
padding-left: 15px;
margin-left: 15px;
}

li {
padding: 0 0 10px 0;
list-style-type: square;
}

/* Display Images */
.image_left {
float: left;
margin: 5px 25px 5px 0;
/* border: 2px solid #669933; */
}

.image_right {
float: right;
margin: 5px 0 5px 25px;
/* border: 2px solid #669933; */
}

.image_center {
display: block;
margin: 5px 10px 5px 10px;
border: 2px solid #669933;
}

/* Miscellaneous */
.quotation {
font-style: italic;
font-weight: bold;
}

.author {
text-size: 60%;
color: #330033;
font-style: normal;
}

.topic {
font-size: 110%;
color: #FF9900;
font-weight: bold;
}

.navigation_pointer {
font-size: 120%;
color: #FF9900;
font-weight: bold;
text-decoration: none;
}