/* General Elements
   ---------------- */
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4E6426;
	text-align: center;
	background-color: #DCEDEA;
	background-image: url(../images/misc/back_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
img {
	border: 0;
}
img#userCapImage {
	margin-bottom: 7px;
}
p, h1, h2, h3, h4, table, address {
	margin: 0 0 0.8em 0;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5CA14B;
}
p, li, address {
	font-size: 0.75em;
	line-height: 1.4em;
}
blockquote {
	font-style: italic;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: 0.9em;
}
h3.okMsg {
	padding: 3px 7px;
	background-color: #FF6;
	border: 1px solid #5CA14B;
}
h4 {
	font-size: 0.8em;
}
h3, h4 {
	margin-bottom: 0.8em;
}
h5 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
}
a {
	color: #060;
	text-decoration: underline;
}
h4 a {
	color: #5CA14B;
}
a:hover {
	color: #C00;
	text-decoration: underline;
}
body#pageCMS a:hover {
	color: #C00;
	text-decoration: underline;
}
body#pageCMS a {
	color: #00C;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	/*background-color: #FAFAFA;*/
}
table.col1 {
	background-color: #FFFFF0;
}
caption {
	font-size: 0.8em;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}
tr {
	vertical-align: top;
}
table#noBorder img {
	vertical-align: middle;
}
th, td {
	font-size: 0.8em;
	padding: 3px 5px;
	border: 1px solid #030;
}
table#noBorder th, table#noBorder td {
	border: 0;
}
form {
	padding: 10px;
}
body#pageCMS form {
	background-color: #F9FAE4;
}
form.colour {
	background-color: #EFF8F7;
}
form fieldset {
	margin-bottom: 1em;
}
form input {
	vertical-align: middle;
}
form input, form textarea, form select {
	border: 1px solid #3923D6;
	margin-bottom: 5px;
}
form input:focus, form textarea:focus, form select:focus {
	border: 1px solid red;
}
form input.nb {
	border: 0;
}
form legend {
	margin-bottom: 10px;
}
form label {
	float: left;
	clear: both;
	width: 160px;
	font-size: 0.8em;
	text-align: right;
	margin-right: 1em;
}
form.wSmall label {
	width: 120px;
}
body#pageCMS form#listForm label {
	width: 200px;
}
form#blogPostForm label {
	width: 200px;
	text-align: left;
}
form span {
	vertical-align: top;
	font-size: 0.8em;
}
form span.append {
	position: relative;
	top: 4px;
	font-size: 0.7em;
}
form span#genPwdText {
	font-size: 0.9em;
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
}
form img {
	vertical-align: top;
	margin-top: 3px;
}
form table {
	border-collapse: collapse;
}
body#pageCMS form#listForm {
	clear: both;
	margin-top: 0.6em;
}
form tr {
	vertical-align: middle;
}
form tr.hide { /* TinyMCE container table */
	vertical-align: top;
}
form tr.col1 {
	background-color: #F7F9D0;
}
form tr.col2 {
	background-color: #EAF1FB;
}
form th, td {
	font-size: 0.8em;
	padding: 2px 5px;
}
form tr.hide td { /* TinyMCE container table */
	padding: 0;
	border: 0;
}
form table#list td {
	border: 1px solid #B76726;
}
form table#list th {
	border: 0;
}
form td h4 {
	margin: 0;
}
form legend, form th {
	font-size: 0.8em;
	font-weight: bold;
}
form th {
	text-align: center;
}
form p.fieldCounter {
	margin: 0 0 1em 0;
	font-size: 0.7em;
	font-style: italic;
}

/* Classes
   ------- */
.fleft {
	float: left;
	/*margin-bottom: 10px;*/
	margin: 0 10px 10px 0;
}
.fright {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear: left;
}
.clearB {
	clear: both;
}
.center {
	text-align: center;
}
.small {
	font-size: 0.7em;
}
.indent {
	margin-left: 2em;
}
.error {
	color: #C00;
	font-weight: bold;
}
.req {
	color: #C00;
}

/* Container
   ---- */
div#container {
	width: 704px;
	margin: auto;
	padding-top: 22px;
	text-align: left;
}

/* Page
   ---- */
div#page {
	position: relative;
	border: 2px solid #B7C62C;
	background-color: #FFF;
}

/* Header
   ------ */
div#header {
	width: 700px;
	height: 104px;
	background-image: url(../images/misc/header_back.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
* html div#header {
	font-size: 0;
}

/* Content
   ------- */
div#content {
	/*position: relative; /* IE 6 'peekaboo' bug fix */
	padding: 210px 15px 0 15px; /* We use padding to avoid IE margin bugs! */
}
body#pageCMS div#content {
	padding-top: 40px;
}

/* Main
   ---- */
body div#main {
	position: relative; /* IE 6 'peekaboo' bug fix */
	width: 450px;
	float: left;
	display: inline; /* Fix for IE 5.5 / 6 Double Float-Margin Bug */
}
body#p2 div#main {
	float: right;
}
body#pageCMS div#main, body#p3 div#main {
	width: 670px;
}
body div#secondary {
	position: relative; /* IE 6 'peekaboo' bug fix */
	width: 190px;
	float: right;
	display: inline; /* Fix for IE 5.5 / 6 Double Float-Margin Bug */
}
body#p2 div#secondary {
	float: left;
}
div#clear {
	clear: both;
	font-size: 0;
}
div#main li {
	margin-bottom: 0.5em;
}
div#main ul ul {
	margin-top: 0.3em;
}
div#main li li {
	font-size: 1em;
}

/* Navigation
   ---------- */
div#nav {
	position: absolute;
	left: 0px;
	top: 104px;
	width: 700px;
	text-align: left;
	display: inline;
}
div#nav div#imgBox {
	width: 500px;
	float: right;
}
body#pageCMS div#nav div#imgBox {
	display: none;
}
div#nav div#navBox {
	width: 200px;
	float: left;
	border-top: 3px solid #DDD;
	background-color: #FBFCEF;
}
body#pageCMS div#nav div#navBox {
	width: 700px;
	border-bottom: 3px solid #DDD;
}
div#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#nav ul li {
	font-size: 10pt;
	background-image: url(../images/misc/nav_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
body#pageCMS div#nav ul li {
	display: inline;
	font-size: 7pt;
}
div#nav ul li#navNB {
	background-image: url(../images/misc/nav_line_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
* html div#nav ul li { /* Fix for IE 5.5 / 6 adding space between LI items */
	vertical-align: bottom;
}
div#nav ul li a {
	text-decoration: none;
	display: block;
	color: #4E6426;
	/* height: 12px;With 'Technologies' Section */
	height: 15px;
	/* padding: 2px 0 10px 15px; With 'Technologies' Section */
	padding: 3px 0 9px 15px;
}
div#nav ul li#navNB a { /* Added as 'Technologies' Section removed - fine adjustment to heights */
	height: 18px;
}
body#pageCMS div#nav ul li a {
	float: left;
	padding: 3px;
	height: 12px;
	border-right: 1px solid #4E6426;
}
body#pageCMS div#nav ul li#navNB a {
	border-right: none;
}
* html div#nav ul li a { /* Expand a block for IE 5.5 / 6 to allow click anywhere */
	height: 100%;
	padding: 2px 0 5px 15px; /* Required to align navigation with image for IE 5.5 / 6 */
}
div#nav ul li a:hover {
	color: #C00;
	background-image: url(../images/misc/nav_block.gif);
	background-repeat: repeat-y;
}
body#pageCMS div#nav ul li a:hover {
	background-image: none;
}

/* Login
   ----- */
div#login {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
	height: 94px;
	float: right;
	margin: 5px 15px 5px 0;
	text-align: right;
}
div#login p {
	font-size: 8pt;
	margin-bottom: 5px;
}
div#login p#topNav {
	position: absolute;
	margin-bottom: 0;
	right: 0;
	bottom: 2px;
}

/* Footer
   ------ */
div#footer { 
	background-color: #DCEDEA;
	text-align: center;
	width: 700px;
}
div#footer p {
	margin: 0;
	font-size: 0.65em;
	line-height: 140%;
	padding: 10px 20px;
}

/* User Login Form
   --------------- */
form#USRLoginForm {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
}
* html form#USRLoginForm {
	width: 180px;
}
form#USRLoginForm fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
form#USRLoginForm label {
	float: left;
	clear: both;
	width: 90px; /* Default label width */
	font-size: 8pt;
	text-align: right;
	margin: 3px 5px 0 0;
}
form#USRLoginForm input {
	font-size: 8pt;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #7EAD39;
	background-color: #FBFCEF;
}
form#USRLoginForm input#USRgoBtn {
	background-color: #FFF;
}
form#USRLoginForm span.error {
	font-size: 8pt;
	color: #C00;
	font-weight: bold;
}

/* Side Box Containers
   ------------------- */

div.sideBox {
	text-align: left;
	background-image: url(../images/misc/sidebox_middle.gif);
	background-repeat: repeat-y;
	background-color: #F4FAED;
}
* html div.sideBox { /* Peek-a-boo bug (sidebox border) */
	position: relative;
}
div.sideBox h3 { /* Heading text incorporates 'curved' image at box top */
	width: 190px;
	margin: 0;
	padding: 0.4em 0 0 0;
	text-align: center;
	background-image: url(../images/misc/sidebox_top.gif);
	background-repeat: no-repeat;
	font-size: 1em;
}
div.sideBox h4, div.sideBox p {
	margin: 8px 0 0 0;
	padding: 0 8px;
}
div.sideBox .divide {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #B5BFA5;
}
div.sideBox p.closeBox {
	font-size: 0;
	height: 14px;
	margin: 0;
	padding: 0;
	border-top: 0;
	background-image: url(../images/misc/sidebox_bottom.gif);
	background-repeat: no-repeat;
}
div.sideBox form label {
	width: 100px;
}

/* Project Map
   ----------- */
div#main div.map {
	position: relative;
	width: 340px;
	height: 670px;
	margin: 15px 10px 0 10px;
}
div#main div.popupText {
	display: none;
}
div#popupBox {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #333;
	background-color: #FBFCEF;
	width: 180px;
	visibility: hidden;
}
div#popupBox h4 {
	padding: 5px;
	margin-bottom: 0;
}
div#popupBox p {
	padding: 5px;
	font-size: 0.7em;
	line-height: 120%;
	margin: 0;
}

div#main div.blogTop {
	padding: 3px 7px;
	background-color: #FDFEFA;
	background-image: url(../images/misc/blog_top_fade.gif);
	background-repeat: repeat-x;
	border: 1px solid #DAE8C1;
}
div#main div.blogTop img {
	float: left;
	margin-right: 10px;
	border: 1px solid #ACCB74;
}
div#main div.blogContent {
	margin-bottom: 1em;
	padding: 7px;
	background-color: #FBFCEF;
	border: 1px solid #DAE8C1;
	border-top: 0;
}
div#main div.blogTop p {
	margin: 0.5em 0;
}
div#main div.blogContent p {
	margin: 0 0 0.8em 0;
	line-height: 120%;
}