/* CSS for MyKnowledgeMap content management website

basic layout */

body {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: #333333;
	height: 100%; /* peekaboo fix*/
	}

#allcontent {
	height: 100%; /* peekaboo fix*/
	}

#breadcrumbs {
	float: right;
	margin-top: 40px;
	margin-right: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}

#center {
	clear: both;
	}

#search {
	background: #333333;
	border-left: 1px solid #282828;
	border-right: 1px solid #595959;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #595959;
	padding: 5px;
	float: right;
	}

#header {
	height: 92px;
	background: url(topbar.jpg) repeat-x #575B91;
	}

#logo {
	float: left;
	width: 287px;
	height: 92px;
	background: url(logo.jpg);
	}

#strap {
	display: none;
	}

#leftcolumn {
	float: left;
	width: 203px;
	background: url(column.gif) top left;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	}

#rightcolumn {
	float: right;
	width: 203px;
	background: url(column.gif) top left;
	border-left: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	}

div.menu {
	margin: 5px 5px 5px 5px;
	height: 100%; /* peekaboo fix*/
	}
	
div.menu ul {
	padding: 5px;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	border-left: 1px solid #7D81B0;
	background: #60659F;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

div.menu p {
	padding: 5px;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	border-left: 1px solid #7D81B0;
	background: #60659F;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

#news {
	margin: 10px 5px 10px 5px;
	height: 100%; /* peekaboo fix*/
	}
	
#news_content {
	padding: 5px;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	border-left: 1px solid #7D81B0;
	background: #60659F;
	}
	
#topmenu {
	width: 100%;
	display: block;
	}

#maincontent {
	display: block;
	border: 1px solid #4D4D4D;
	margin: 10px 213px 10px 213px;
	}

#fck {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #484B79;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
	}

#footer {
	clear: both;
	background: #575B91;
	border-top: 1px solid #696DA5;
	padding: 10px;
	height: 30px;
	}
	
#footer2 {
	padding: 10px;
	clear: both;
	background: url(footer2.jpg) bottom left repeat-x #575B91;
	}

.subsection {
	clear: both;
	}
	
.subsection span, .section span {
	border-top: 1px solid #333333;
	border-right: 1px solid #696B91;
	float: left;
	padding: 3px 30px 3px 30px;
	display: block;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	}
	
/* text styles */

#fck pre {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.2em;
	}

#fck p {
	margin-left: 20px;
	margin-right: 20px;
	}
	
#news p {
	color: #484B79;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}

.text {
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	}

#topmenu p {
	display: block;
	text-transform: uppercase;
	padding-right: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	}

#footer2 p {
	display: inline;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-right: 20px;
	}
	
#leftcolumn h2, #rightcolumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	color: #FFF;
	background: url(h2.jpg) bottom left repeat-x #484B79;
	padding: 7px 5px 10px 5px;
	display: block;
	text-decoration: none;
	}
	
#maincontent h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	color: #FFF;
	background: #484B79;
	display: block;
	border-top: 1px solid #696B91;
	border-left: 1px solid #696B91;
	border-bottom: 1px solid #484B79;
	border-right: 1px solid #484B79;
	text-decoration: none;
	margin: 2px 10px 5px 10px;
	}

#maincontent h2 {
	padding: 2px 10px 2px 30px;
	}

h3 {
	padding: 2px 10px 2px 60px;
	}
	
h4, h5, h6 {	
	padding: 2px 10px 2px 110px;
	}
	
#logo h1, #strap p {
	display: none;
	}

#news h2 {
	}

#search p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	display: inline;
	color: #FFF;
	}

/* link styles */

.inline p { /* .inline is the class for the large buttons in the #fck div (content area) This gives them a text colour */
	color: #FFFFFF;
	}

#footer2 a {
	color: #FFF;
	}
	
.section a:link, .section a:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFF;
	background: #484B79;
	padding: 3px 30px 3px 30px;
	border-top: 1px solid #696B91;
	border-right: 1px solid #37395D;
	border-bottom: 1px solid #37395D;
	text-decoration: none;
	}
	
.subsection a:link, .subsection a:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFF;
	background: #484B79;
	padding: 3px 30px 3px 30px;
	border-top: 1px solid #696B91;
	border-right: 1px solid #37395D;
	border-bottom: 1px solid #37395D;
	text-decoration: none;
	}

.section a:hover, .section a:active, .section a.current:link, .section a.current:visited, .subsection a:hover, .subsection a:active, .subsection a.current:link, .subsection a.current:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFF;
	background: #60659F;
	padding: 3px 30px 3px 30px;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	text-decoration: none;
	}
	
div.menu ul li a:link, div.menu ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	background: #484B79;
	padding: 2px 10px 2px 15px;
	display: block;
	width: 150px; /* hack - width added to make the whole area active in IE */
	border-top: 1px solid #696B91;
	border-right: 1px solid #37395D;
	border-bottom: 1px solid #37395D;
	border-left: 1px solid #696B91;
	text-decoration: none;
	margin-top: 1px;
	margin-bottom: 1px;
	}

div.menu ul li a:hover, div.menu ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	background: #60659F;
	padding: 2px 10px 2px 15px;
	display: block;
	border-left: 1px solid #7D81B0;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	text-decoration: none;
	margin-top: 1px;
	margin-bottom: 1px;
}

.inline a:link, .inline a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	background: #484B79;
	padding: 15px;
	display: block;
	border-top: 1px solid #696B91;
	border-right: 1px solid #37395D;
	border-bottom: 1px solid #37395D;
	border-left: 1px solid #696B91;
	text-decoration: none;
	}

.inline a:hover, .inline a:active {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	background: #60659F;
	padding: 15px;
	display: block;
	border-left: 1px solid #7D81B0;
	border-top: 1px solid #7D81B0;
	border-right: 1px solid #494D7A;
	border-bottom: 1px solid #494D7A;
	text-decoration: none;
	}

#news a:link, #news a:visited,  a:link,  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #7D81B0;
	}
	
#news a:hover, #news a:active,  a:active,  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #7D81B0;
	text-decoration: none;
	}

div.menu a:link, div.menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	}

div.menu a:active, div.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	}

/* applied style for the content background in the right hand column */
		
.rhs_bg {
	background: #FFF;
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px;
	}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* Form and button layout and style */
/*#login form {
	text-align: right;
}	
#login label {
	float: left;
	display: block;
	margin-bottom: 10px;
	padding-right: 8px;
	width: 95px;
}
#login input.form_buttons {
	float: right;
}
#login a {
	clear: both;
}*/
	
#search label {
	float: left;
	display: block;
	width: 80px;
	}
	
#search select {
	text-transform: none; /* Fix for Firefox browser - prevents it from transforming the search box text to uppercase */
	}
	
#search form {
	margin: 0;
	}

#fck fieldset {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
	}

#fck label {
	width: 120px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-right: 20px;
	}

#fck textarea {
	margin-bottom: 5px;
	}

.form_buttons {
	margin: 2px;
	font-size: 1em;
	background: #484B79;
	border-top: 1px solid #696B91;
	border-left: 1px solid #696B91;
	border-bottom: 1px solid #484B79;
	border-right: 1px solid #484B79;
	padding: 2px;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	}

/* misc */

#news_content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-left: 1px solid #767676;
	border-top: 1px solid #767676;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	}
	
img, table img {
	border: 0;
	}
	
ul li {
	list-style: square;
	}
	
/* news room */

.newsstory, .whoarewe, .partner, .resource, .border {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #37395D;
	}
	
.newsstory img {
	border: 1px solid #CCCCCC;
	}
	
.message {
	margin-left: 20px;
	margin-right: 20px;
	}

/* data tables */
	
table {
	margin-left: auto;
	margin-right: auto;
	background: #484B79;
	border-top: 1px solid #696B91;
	border-right: 1px solid #37395D;
	border-bottom: 1px solid #37395D;
	border-left: 1px solid #696B91;
	}

th {
	padding: 0.6em;
	color: #FFF;
	}
	
td {
	border-top: 1px solid #C5C5C5;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #C5C5C5;
	padding: 0.6em;
	background: #FFF;
	}
	
/* Unique / Miscellaneous tags */
	
.weekend {
	border-top: 1px solid #A8B8B9 !important;
	border-right: 1px solid #E1F1F2 !important;
	border-bottom: 1px solid #E1F1F2 !important;
	border-left: 1px solid #A8B8B9 !important;
	background: #DAEEEF !important;
	}
	
.forum_entry {
	margin-top: 10px;
	border: 1px solid #696B91;
	margin-left: 20px;
	margin-right: 20px;
	}

#diary_nav {
	text-align: center;
	}
	
.quote {
	float: right;
	padding: 10px;
	}

#fckeditor {
	margin-left: 20px;
	}