/*
 1. body/container
 2. header
 3. content
 3.1 content - homepage
 3.2 content - secondary
 3.3 content - primary
 4. content - general elements
 5. clear & footer
 */

/* 1. body/container */
html {
	height: 100%;
}

body {
	background: #fff url(/images/bg_body.gif) repeat-x;
	color: #333;
	font: 100%/1em 'Lucida Grande', 'Lucida Sans Unicode', Arial;
	margin: 0;
	height: 100%;
}

div#wrapper {
  width: 100%;
  background: url(/images/bg_container.png) repeat-y center 0;
  margin: 0 auto -6.75em;
  overflow: hidden;
  min-height: 100%;
}

div#container {
	width: 60.62em;
  padding: 0.6em 0.6em 0;
	margin: 0 auto;
  background: #fff;
}

/* 2. header */
div#header {
	width: 100%;
	position: relative;
  float: left;
}

div#header h1, div#header p.skip {
	margin: 0;
}

div#header h1 span, div#header p.skip a {
	position: absolute;
	overflow: hidden;
	width: 0;
}

div#header h1 a {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 220px;
	height: 60px;
	background: 0 url(/images/bg_header.png) no-repeat;
  z-index: 1;
}

div#header p.skip a {
	top: 0;
	left: 0;
	color: #fff;
	background: #003a60;
	text-decoration: none;
	font-size: 1em;
	padding: 0.25em 0;
	text-align: center;
  z-index: 2;
}

div#header p.skip a:active, div#header p.skip a:focus {
	overflow: visible;
	width: 100%;
}

div#header ul.submenu {
  margin: 0 2em 0 0;
  list-style: none;
  float: right;
}

div#header ul.submenu li {
  float: left;
  margin-right: 0.9em;
}

div#menu {
  width: 100%;
  height: 19.06em;
  margin-top: 4.38em;
}

div#menu.home {
  height: 21.25em;
}

div#intro {
  float: left;
  width: 42.5em;
  margin-top: 1.38em;
  height: 14.37em;
  padding: 0 1.25em;
  background: #fce234 url(/images/bg_intro.png) 0 bottom repeat-x;
}

div#menu.home div#intro {
  height: 16.93em;
  background: #fce335 url(/images/bg_intro_home.png) 0 bottom repeat-x;
}

div#intro ul.mainmenu {
  margin: 0 0 0.93em -1.25em;
  list-style: none;
  height: 1.81em;
  width: 43.8em;
  padding: 0.35em 0.6em 0;
  background: #003a60 url(/images/bg_intro_mainmenu.gif) 0 top no-repeat;
}

div#intro ul.mainmenu li {
  float: left;
  font-size: 0.75em;
  font-family: Arial;
  margin-right: 0.4em;
}

div#intro ul.mainmenu span {
  display: block;
  padding: 0.3em 0.3em 0.8em;
}

div#intro ul.mainmenu a {
  display: block;
}

div#intro ul.mainmenu a:link, div#intro ul.mainmenu a:visited {
  text-decoration: none;
  color: #fff;
}

div#intro ul.mainmenu a:hover, div#intro ul.mainmenu a:active, div#intro ul.mainmenu a.active {
  color: #003a60;
  background: #fde438 url(/images/bg_intro_mainmenu_right.gif) right 0 no-repeat;    
}

div#intro ul.mainmenu a:hover span, div#intro ul.mainmenu a:active span, div#intro ul.mainmenu a.active span {
  background: url(/images/bg_intro_mainmenu_left.gif) left 0 no-repeat;  
}

div#intro h2 {
  font-size: 2em;
  color: #003a60;
  width: 590px;
  margin: 0;
  height: 100px;
}

p.intro_cta img {
  display: inline;
  float: left;
  margin: -1.25em 0 0;
}

p.intro_text {
  width: 34.37em;
  float: left;
}

div#menu.home p.intro_text {
  width: 23em;
  padding-left: 1.8em;
}

div#bg_building {
  width: 22.5em;
  height: 19.06em;
  background: url(/images/bg_building.png) right 0 no-repeat;
  float: right;
  margin-left: -6.94em;
}

div#menu.home div#bg_building {
  width: 25em;
  height: 21.25em;
  background: url(/images/bg_building_home.png) right 0 no-repeat;
  margin-left: -19.38em;
}

/* 3. content */
div#content {
	width: 59.38em;
  padding: 0 0.62em;
  background: url(/images/bg_content.gif) 38.1em 0 repeat-y;
  overflow: hidden;
}

/* 3.1 content - homepage */
div#content.homepage {
  width: 60.62em;
  padding: 0;
  background: 0;
}

div.spotlight {
  float: left;
  width: 100%;
}

div.spotlight_summary {
  float: left;
  width: 22.5em;
  padding: 0.6em 1.25em 0.9em;
  height: 9.12em;
  background: #e7e7e7;
  margin-left: 3.43em;
}

div.spotlight img {
  margin-right: 0.5em;
}

div.spotlight_summary h2 {
  font-size: 1.37em;
  height: 24px;
  color: #003a60;
  margin: 0 0 0.6em;
}

div.spotlight ul.actions {
  list-style: none;
  margin: 1.81em auto 0;
  width: 100%;
  text-align: center;
}

div.spotlight ul.actions li img {
  display: inline;
  margin: 0;
}

div.spotlight ul.actions li {
  margin-left: 5.62em;
  display: inline;
}

div.spotlight ul.actions li:first-child {
  margin-left: 0;
}

div.spotlight ul.actions li a {
  background: 0;
}

/* 3.2  content - secondary */
div#content_secondary {
	width: 20em;
	float: right;
}

h2.secondary_options {
  background: #003a60 url(/images/bg_heading_suboptions_left.gif) left 0 no-repeat;
  color: #fff;
  margin: 0;
  font-size: 0.85em;
}

h2.secondary_options span {
  display: block;
  padding: 0.43em 0.62em;
  background: url(/images/bg_heading_suboptions_right.gif) right 0 no-repeat;
}

div#content_secondary ul.mainmenu {
  margin: 0 0 1.81em;
  list-style: none;
  width: 18.76em;
  padding: 0 0.62em;
  background: #fde438 url(/images/bg_menu_suboptions.png) 0 top repeat-x;
}

div#content_secondary ul.mainmenu li {
  font-size: 0.8em;
  border-top: 1px dotted #78863a; 
}

div#content_secondary ul.mainmenu li:first-child {
  border-top: 0; 
}

div#content_secondary ul.mainmenu a {
  display: block;
  padding: 0.5em 0.94em;
  background: url(/images/bg_menu_suboptions2.gif) left 0.85em no-repeat;
}

div#content_secondary ul.mainmenu a:link, div#content_secondary ul.mainmenu a:visited {
  text-decoration: none;  
}

div#content_secondary ul.mainmenu a:hover, div#content_secondary ul.mainmenu a:active, div#content_secondary ul.mainmenu a.active {
  color: #4c758f;
}

h2.secondary_projects {
  font-size: 1.1em;
  height: 22px;
}

p.secondary_projects {
  margin-bottom: 1.81em;
}

p.secondary_action {
  text-align: center;
}

p.secondary_action img {
  margin: 0 auto;
}

/* 3.3 content - primary */
div#content_primary {
	float: left;
	width: 35em;
}

div#content_primary h2 {
  font-size: 1.1em;  
  height: 26px;
  margin: 0 0 0.6em;
}

/* 3.4 content - general elements */
h1, h2, h3, h4, h5, h6 {
	color: #003a60;
	margin: 0 0 0.75em;
  font-weight: normal;
}

h1 {
	font-size: 1.1em;
}

h2 {
	font-size: 1em;
}

h3 {
	font-size: 0.9em;
}

p {
	font-size: 0.75em;
	margin: 0 0 0.94em;
}

a:link, a:visited {
	color: #003a60;
	text-decoration: underline;
}

a:hover, a:active {
	color: #fff;
	background: #003a60;
	text-decoration: none;
}

img {
	display: block;
	margin: 0 0 1em;
	border: 0;
}

img[style$="left"] {
  margin-right: 0.9375em;
}

img[style$="right"] {
  margin-left: 0.9375em;
}

ul, ol {
	margin: 0 0 0.94em 1.75em;
	padding: 0;
}

ul li, ol li {
	font-size: 0.75em;
	margin: 0;
}

ul li ul li, ol li ol li {
	font-size: 1em;
}

table {
	margin: 0 0 0.94em;
}

table th, table td {
	font-size: 0.75em;
	text-align: left;
	vertical-align: top;
}

address {
	font-style: normal;
	margin: 0 0 0.94em;
	font-size: 0.75em;
}

form, form p {
	border: 0;
	margin: 0;
	padding: 0;
}

form {
  margin-top: 1.56em;
}

label {
	width: 12em;
	padding-right: 0.5em;
	float: left;
}

input, textarea, select {
	background: #fff;
	border: 1px solid #003a60;
	margin: 0 0 1em;
}

input:focus, input.focus, textarea:focus, select:focus {
	border: 1px solid #e9cb00;
}

p.submit input {
	cursor: pointer;
	margin: 0 0 0 11.25em;
}

p.submit input:hover, p.submit input.hover {
	color: #003a60;
}

ul.error_message {
  list-style: none;
  margin: 0 0 1.56em;
}

ul.error_message li {
  color: #003a60;
}

form p span {
  float: left;
  width: 18.75em;
}

form p span label {
  width: 250px;
  margin: 0 0 0 0.5em;
}

form p span input {
  clear: left;
  float: left;
}

h3.title {
  margin: 0 0 0.3em;
}

h3.title a {
  background: 0;
  color: #003a60;
  text-decoration: none;
}

p.date {
  font-size: 0.7em;
}

span.type {
  display: none;
}

.sIFR-replaced {
  overflow: hidden;
}

/* 4. clear & footer */
div#clear {
	height: 8em;
	width: 1%;
	clear: both;
}

div#footer {
  width: 60.62em;
  padding: 0 0.6em;
  margin: 0 auto;
	height: 6.75em;
	overflow: hidden;
}

div#footer div {
  background: #003a60 url(/images/bg_footer_left.gif) left 0 no-repeat;
  width: 100%;
  height: 6.75em;
  margin: 0 auto;
}

div#footer p {
  float: right;
  margin: -4.93em 1.25em 0 0;
}

div#footer p.webdesign  {
  font-size: 0.6em;
  margin: 0 1.25em 0 0;
  color: #fff;
}

div#footer p.webdesign a  {
  text-decoration: none;
  background: 0;
  color: #fff;
}

div#footer address {
	padding: 1.87em 0 0 25em;
	float: left;
  color: #fff;
  width: 55.8em;
  background: url(/images/bg_footer_right.gif) right 0 no-repeat;
  font-family: Arial;
}

span.container {
  float: left;
  width: 18.75em;
}

span.container a {
  background: 0;
  text-decoration: none;
  color: #fff;
}