/* A CSS Framework by Mike Stenhouse of Content with Style */
/* Edited by Forrest R. Stevens for Catatilla */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Helvetica, sans-serif;
	}
	p {
		font-family: Helvetica, sans-serif;
                font-weight: normal;

	}
	div {

	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link, 
	a:active,
	a:visited {
		text-decoration: none;
	}

	a:hover {
		text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		margin: 0;
		padding: 0;
		font-size: 2em;
		line-height: 1em;
	}
	#title h1 {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 0.8em;
		text-transform: uppercase;
	}
	h2 {
		margin: 0 0 0.5em 0;
		padding: 0;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	h3 {
		margin: 0 0 0.5em 0;
		padding:0;
		font-size: 1.3em;
		line-height: 1.3em;
	}
	h4 {
		margin: 0 0 0.25em 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 1.3em;
	}
	h5 {
		margin: 0 0 0.25em 0;
		padding: 0;
		font-size: 1.1em;
		line-height: 1.3em;
	}
	h6 {
		margin: 0 0 0.25em 0;
		padding: 0;
		font-size: 1em;
		line-height: 1.3em;
	}
/* END HEADINGS */

/* TEXT */
	body {
		font-size: 0.75em;
	}
	p {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.5em;
	}
	blockquote {
		margin-left: 10px;
		border-left: 10px solid #ddd;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
	code {
		font-family: "Courier New", Courier, monospace;
		font-size: 1em;
		white-space: pre;
	}
/* END TEXT */
	
/* LISTS */
	ul {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ul li {
		margin: 0 0 0.2em 30px;
		padding: 0;
	}
	ol {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {

	}
	table caption {

	}
	th {

	}
	td {

	}
/* END TABLE */	

/* RULES */	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}
/* END RULES */

/* END TYPOGRAPHY */

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* Edited by Forrest R. Stevens for Catatilla */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 1em;
	}
	label {
		width: 150px;
		margin-bottom: 6px;
		font-weight: bold;
		float: left;
	}
	fieldset {
		margin: 0 0 1.5em 0;
		padding: 5px 10px;
		border: 1px solid #eee;
	}
	fieldset legend {
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
		font-size: 1.1em;
		font-weight: bold;
		color: #666;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		margin: 0 0 1.5em 0;
		padding: 0;
		list-style: none;
	}
	fieldset ul li {
		margin: 0 0 0.5em 0;
		padding: 0;
		list-style: none;
	}
		 
	
	input, select, textarea {
		margin: 0;
		padding: 2px;
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
	}
	
	input, select {
		vertical-align: middle;
	}
	textarea {
		width: 200px;
		height: 4em;
	}
	
	input.check {
		width: auto;
		height: auto;
		margin: 0;
		border: none;
	}
	input.radio {
		width: auto;
		height: auto;
		margin: 0;
		border: none;
	}
	input.file {
		width: 250px;
		height: auto;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		background-color: #ddd;
		border:1px solid black;
	}
	input.image {
		width: auto;
		height: auto; 
		border: none;
	}
	
	form div.submit {
		margin: 1em 0;
	}
	form div.submit input {
		height: 2em;
		width: 15em;
	}
/* END FORM ELEMENTS */


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* Edited by Forrest R. Stevens for Catatilla */

/* SITE SPECIFIC LAYOUT */
	body, 
	html, 
	div {
		margin: 0;
		padding: 0;
	}

	body {
		z-index: 0;
	}

	div#pagewrapper {
		width: 750px;
		height: 600px;
		margin: 50px auto 0 auto;
		padding: 0;
	}
	
	div#container {
		width: 750px;
		height: 480px;
		margin: 0;
		padding: 120px 0 0 0;
	}
		
/* HEADER */
	div#header {
		width: 750px;
		height: 60px;
		margin: 0;
		padding: 0;
	}
/* END HEADER */
		
		
/* CONTENT UPPER */
	div#contentUpper {
		width: 750px;
		height: 196px;
		margin: 0;
		padding: 0;
	}
	
	/* TITLE */
		div#title {
			width: 522px;
			height: 15px;
			margin: 0;
			padding: 0 0 25px 228px;
		}
	/* END TITLE */
	
	/* MENUS */
		div#menuPrimary {
			width: 118px;
			height: 156px;
			margin: 0;
			padding: 0;
			float: left;
		}
		
		div#menuSecondary {
			width: 104px;
			height: 156px;
			margin: 0;
			padding: 0;
			float: left;
		}
		
		div#menuTertiary {
			width: 101px;
			height: 156px;
			margin: 0px 10px;
			padding: 0;
			float: left;
		}

		div#menuQuaternary {
			width: 400px;
			height: 156px;
			margin: 0;
			padding: 0;
			float: left;
		}

	/* END MENUS */
	
	/* CONTENT */
		div#contentPrimary {
			width: 522px;
			height: 156px;
			margin: 0;
			padding: 0;
			overflow: auto;
			float: right;
		}

		body.visual div#contentPrimary {
			overflow: hidden;
		}
		body.visual div#menuQuaternary {
			overflow: auto;
		}
	/* END CONTENT */
	
/* END CONTENT UPPER */
		
		
/* CONTENT LOWER */
	div#contentLower {
		width: 750px;
		height: 224px;
		margin: 0;
		padding: 0;
		text-align: right;
		clear: both;
	}
	body.experience div#contentLower {
		overflow: auto;
	}
/* END CONTENT LOWER */
	
	
/* FOOTER */
	div#footer {
		clear: both;
	}

	div#footer p {
		margin: 0;
		padding: 15px;
		font-size: 0.8em;
		text-align: center;
	}
/* END FOOTER */

/* END LAYOUT */


div.breadcrumbs {
	 margin: 0 1em;
	 padding: 1em 0;
	 border-bottom: 1px dotted #000;
	 font-size: 90%;
	 text-align: left;
}

div.flags {
	width: 18px;
	margin: 0 1em 0 0;
	padding: 1em 0;
	text-align: right;
	float: right;
}

div.left49 {
	width: 49%;
	float: left;
}

div.right49 {
	width: 49%;
	text-align: right;
	float: right;
}


/* Layout sections */
	body {
		background-color: #bdbabd;
		background: transparent url(uploads/images/backgrounds/pixel_grey.png) repeat top left;
		}

	div#pagewrapper {
		background-color: #fff;
	}

	div#container {
		background-color: #fff;
		background: transparent url(uploads/images/backgrounds/bg_flower.jpg) no-repeat top left;
		color: #808284;
	}

	body.our div#container, 
	body.strategic div#container {
		background: transparent url(uploads/images/backgrounds/bg_fuzzy.jpg) no-repeat top left;
	}

	body.experience div#container, 
	body.visual div#container {
		background: transparent url(uploads/images/backgrounds/bg_moss.jpg) no-repeat top left;
	}

	body.how div#container {
		background: transparent url(uploads/images/backgrounds/bg_leaf.jpg) no-repeat top left;
	}

	body.innovative div#container {
		background: transparent url(uploads/images/backgrounds/bg_fern.jpg) no-repeat top left;
	}
		
	div#contentUpper {
		background-color: #d8e3e9;
		background: transparent url(uploads/images/backgrounds/pixel_blue.png) repeat top left;
	}
		
	div#footer {
		color: #fff;
	}
		
/* Links */		
	a,
	a:link, 
	a:active,
	a:visited {
		color: #808284;
	}

	a:hover {
		color: #ee3424;
	}

	div#footer a, 	
	div#footer a:link, 
	div#footer a:active, 
	div#footer a:visited {
		color: #fff;
	}

/* Headings */	
	h1, h2, h3, h4, h5, h6 {
		color: #ee3424;
	}

/* Miscellaneous */
	.activeparent,
	.activeparent a,
	.activeparent a:link,
	.activeparent a:active,
	.activeparent a:visited,
	.active01,
	.active01 a,
	.active01 a:link,
	.active01 a:active,
	.active01 a:visited {
		color: #ee3424;
	}

	.phpimage span {
		position: relative;
		z-index: -1;
	}

ul.navigation {
	/* width: 300px; /* Width of Menu Items */
	margin: 4px 0 0 0;
	padding: 0;
}

div#menuQuaternary ul {
	width: 300px;
	margin: 2px 0 0 0;
}

.navigation li {
	margin: 0 10px 18px 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

#menuQuaternary .navigation li {
	margin: 0 10px 0 0;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	text-transform: none;
}

.navigation li.sectionheader {
	margin: 0;
	padding: 0;
}

.navigation li.sectionheader h3 {
	margin: 0;
	padding: 1em 10px 0.5em 10px;
	border-bottom: 1px solid #006699;
}

.navigation li.separator {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted black;
}


.NewsSummary {
	margin-bottom: 10px;
}

.NewsSummaryCategory {
	margin: 5px 0;
	font-style: italic;
}

.NewsSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
}

.NewsSummarySummary, .NewsSummaryContent {
	margin-bottom: 10px;
	line-height: 140%;
}

#NewsPostDetailDate {
	margin-bottom: 5px;
	font-size: 90%;
	font-style: italic;
}

#NewsPostDetailSummary {
	margin-bottom: 10px;
	line-height: 150%;
}

#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
}

/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		height: 1px; 
		margin: 0; 
		padding: 0; 
		font-size: 15px;
		line-height: 1px;
		clear: both; 
	}
	.clearfix:after {
		height: 0; 
		display: block; 
		clear: both; 
		content: "."; 
		visibility: hidden;
	}
/*
	* html>body .clearfix {
		width: 100%;
		display: inline-block; 
	}
*/	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		background-repeat: no-repeat;
		background-position: left top;
		background-color: transparent;
		display: block;
	}

	/* tidy these up */
	.replace * {
		background-repeat: no-repeat;
		background-position: left top;
		background-color: transparent;
		text-indent: -10000px;
		display: block;
	}
	.replace a {
		text-indent: 0;
	}
	.replace a span {
		text-indent: -10000px;
	}
/* end replace */


/* accessibility */
	span.accesskey {
		text-decoration: none;
	}
	.accessibility {
		position: absolute;
		top: -999em;
		left: -999em;
	}
	dfn {
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0;
		height: 0;
		overflow: hidden;
		display: inline;
	}
/* end accessibility */