html { 
    height:100%;
    overflow-y: scroll;
}

body {
	margin:0;
	padding:0;
	font-family: "Lucida Sans", Verdana, sans;
    font-size:11px;
	line-height:20px;
	background-image: url(/static_media/styles/background-gradient.jpg); 
    background-repeat: repeat-x;
    background-color: #F9F9F9;
    height:100%;
}

a:link, a:visited {
	color: #005543;	
	text-decoration:none;
}
a:hover, a:active {
    color:#fff;
}


#outer {
    width:786px;
    margin: 0 auto -4em;
    background-color: #fff;
    background-image: url(/static_media/styles/bg-border-gradient.gif);
    background-repeat: repeat-y;
    min-height:100%;
    height: auto !important;
    height: 100%;
}

#wrap 
{
	background-color:#fff;
    margin-left: 14px;
    margin-right: 14px;
	text-align:left;
	font-size: 0.9em;
}

#page {
	background-color:white;
}

#header {
	margin: 0 0 0 0;
	background-color:white;
}

#banner {
    height: 124px;
    margin-left:65px;
    margin-right:65px;
}

#logo {
    top:32px;
    position:relative;
    float:right;
}

#logo img {
    border:none;
}

#bannertext {
    float:left;
    width:430px;
    top:40px;
    position:relative;
    background-color:#FFF;
  /*  overflow:hidden;*/
	height: 80px;
}

#bannertext img{
	position: relative;
	left: 2px;
}

#bannertext h1{
    padding:0;
    margin: 0;
    color: #226D5D;
    background-color:#FFF;
    font-size: 27px;
    font-family: "Trebuchet MS", Arial, sans;
	margin-bottom: 5px;
}

#bannertext h2{
    padding:0; 
    position:relative;
    margin-top: 5px;
    color: #226D5D;
    background-color:#FFF;
    font-size: 14px;
    font-style: oblique;
    font-family: "Trebuchet MS", Arial, sans;
}

#header-image {
    width: auto;
    height: 175px;
    overflow:hidden;
    margin-top:2px;
    margin-bottom:2px;
	position: relative;
	z-index: 0;
}
#content {
    margin-top:16px;
    margin-right:65px;
    margin-left:65px;
	min-height: 400px;
}

#sidebar {
    float:left;
    margin-top:41px;
    width:162px;
}

/* ensure spacing between quote text and image below */
#content-quote-img-space{ height: 230px; }

/* unused */
#content-quote p {
	width: 165px;
	height: 250px;
    	/*font-family: Trebuchet MS;
    	text-align:right;*/
    	margin:0;
    	padding:0;
    	/*font-size: 14px;
    	color: #226D5D;*/
}

#content-image {
	height: 10px;
	text-align:right;
	/*position: absolute;
	top:700px;*/
	width: 165px;
}

#content-body {
    float:left;
    width:430px;
    margin-left:30px;
}

#content-body p a:hover, #content-body li a:hover {
    color:#fff;
	background-color: #226D5D;
}

#content-body h1,h2,h3,h4,h5,h6 {
    font-family: "Trebuchet MS", Arial, sans;
    color: #005543;
}

#content-body h1 {
    font-weight: bold;
    font-size: 18px;
    margin-top:12px;
    margin-bottom:6px;
}
#content-body h2 {
    font-weight:bold;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom:5px;
}

#content-body h3 {
    font-weight:normal;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#content-body h4 {
    font-weight: bold;
    font-size: 11px;
    margin-top:8px;
    margin-bottom:4px;
}

#content-body h5 {
    font-weight: normal;
    font-size: 11px;
    margin-top:8px;
    margin-bottom:4px;
}

#content-body h6 {
    font-weight: normal;
    font-size: 10px;
    margin-top: 7px;
    margin-bottom:3px;
}

#content-body p {
    font-family: "Lucida Sans", Verdana, sans;
    font-size:11px;
    margin-bottom:15px;
    padding:0;
}

#content-body ol,ul {
    margin-top:0;
}

#content-body a img {
    background-color:white;
    border:none;
}

#content-body a:hover {
	color: #005543;
	background-color: #226D5D;
}

#content-body blockquote {
    margin-right:30px;
    margin-left:30px;
    margin-bottom:20px;
    background-color:#ddd;
    border: 1px solid #555;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:12px;
    padding-right:12px;
}

#content-body blockquote p {
    color:black;
    font-style:oblique;
}

.clear {
    clear:both;
}
#top-menu {
	/* CSS item for main menu bar */
    margin-bottom: 0;
    width: 758px;
    background-color: #005543;
	position: relative;
	z-index: 100;
	height: 29px;
    /*background-image:url(keyicon.png); background-position:right center; background-repeat:no-repeat;*/
}

#top-menu a {
    font-weight:bold;
    font-size:11px;
    color:white;
}

#top-menu a:hover, #breadcrumb a:hover {
    /*text-decoration:underline;*/
}

#top-menu ul.menu li {
    font-weight:bold;
    font-size:11px;
    color:white;
}

ul.menu {
	/* top menu and breadcrumb line */
    margin:0;
    padding-left:0;
}

/* all li items */
.menu li { display:inline; position:relative; }

/* all sub menu items */
.menu li ul { list-style:none; width:12em; background-color: #005543; position:absolute; top:100%; left:0; margin-left:-1px; padding-left:0; display: none; }

/* all sub menu items - hmmm strange */
.menu ul li { list-style:none; position:relative; display:block; padding: 5px; border: 1px SOLID #43615A; margin-top: -1px; }

/* submenu items in the first menu */
.menu li.first ul { margin-left:-1px; }

/* first menu item in submenus */
.menu ul li:first-child { border-top:none; padding: 5px; border: 1px SOLID #43615A; margin-top: 0px; }

/* hover on top menu with effect on sub menu - seems irrelevant */
.menu li:hover > ul { display:block; }

/* position of 2nd level submenus on hover on first level*/
.menu ul li:hover > ul { position:absolute; display:block; top:-1px; left:12em; margin-left:-1px; padding-left:0; }

/* top menu items */
#top-menu .menu > li { padding: 8px; border: 1px SOLID #43615A; margin-left: -1px; position: relative; top: 5px;}

/* first top menu items */
#top-menu .menu > li:first-child { padding-left:0; margin-left: 0px; padding: 8px; border: 1px SOLID #43615A; position: relative; top: 5px;}

/* menu items with sub menu attached */
.menu ul > li.parent { background-image:url(rarrow.gif); background-position:right center; background-repeat:no-repeat; padding: 5px; border: 1px SOLID #43615A; margin-top: -1px; }

/* child link items when hover on parent */
#top-menu ul:hover .item { background:#005543; color:white; }

/* child link items when hover on parent */
#top-menu ul:hover .item a { color: white; text-decoration:none; background:#005543; color:white; }

/* hover on items with children */
#top-menu li:hover { /*background-color: #226D5D; background-color: #000;*/ }


#login ul.sf-menu > li {
    width:70px;
}
#login ul.sf-menu > li a.first {
    background: url(keyicon.png) right center no-repeat;
    background-color:none;
}

#login ul.sf-menu li ul {
    background-color:none;
    overflow:hidden;
}

#login ul.sf-menu li ul.in {
    width:130px;
    margin-left: -50px;
}

#login ul.sf-menu li ul.out {
    width:110px;
    margin-left: -40px;
}

#login .sf-menu .sf-sub-indicator {
    background:none;
    background-color:none;
}

#login .sf-menu a.first:focus, #login .sf-menu a.first:hover, #login .sf-menu a.first:active {
    background: url(keyicon.png) right center no-repeat;
    background-color: #226D5D;
    outline: 0;
}


#login-button { 
	width: 60px; 
	margin-left: 0px; 
	padding: 4px; 
	padding-left:10px; 
	border: 1px 
	SOLID #43615A; 
	position: relative; 
	color: white; 
	font-family: "Lucida Sans", Verdana, sans; 
	font-weight: bold; 
	font-size: 11px; 
	top: 0px; 
	background-image:url(keyicon.png); background-position:right center; background-repeat:no-repeat;
}


#breadcrumb a {
	font-size:9px;
	color: #EEE;
}

#top-bar {
    margin-top:2px;
    width:auto;
    background-color: #226D5D; /*A9C6BE;*/
	position: relative;
	z-index: 0;
	/*border-bottom: 1px SOLID #005543;*/
	padding-left: 4px;
	height: 5px;
}

#breadcrumb {
    margin-top:2px;
    width:auto;
    background-color: #226D5D; /*A9C6BE;*/
	position: relative;
	z-index: 0;
	/*border-bottom: 1px SOLID #005543;*/
	padding-left: 5px;
}

#breadcrumb ul.menu li {
    font-size:9px;
    color:#eee;
}

#breadcrumb .menu > li {
    margin-left:4px;
}

/*
#top-menu ul .item {
}

#top-menu ul:hover .item {
    background:#005543;
    font-color:white;
}
    
#top-menu ul:hover .item a {
    color: white;
    text-decoration:none;
}

#top-menu li:hover {
    background-color: #A9C6BE;
}
*/

#testimonial-container{
	width: 290px;
	font-style: oblique;
	font-size: 11px;
	line-height: 18px;
	background-image:url(testimonial-quote.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#testimonial-image-container{
    position:relative;
    float:right;
	top: 10px;
	margin-left: 10px;
	left: 0px;
}
#testimonial-image-container p{
	font-weight: bold;
	color: #005543;
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin-top: 10px;
}
#testimonial-image-container img{
	
	width: 100px;
	height: 130px;
}

#job-container table, th, td{
	text-align: left;
}
#job-container table{
	border: 1px SOLID #555;
}
#job-container th{
	background-color: #005543;
	color: #fff;
	padding: 2px;
}
#job-container td{
	padding: 2px;
}
#job-container h2{
	padding-top: 20px;
}
#job-container tr{
	background-color: #eee;
}

#contact-container table{
    width:100%;
}

#contact-container td {
    vertical-align:top;
    padding-right:65px;
}

#contact-container tr {
    padding-left:65px;
}

/* ---- footer ---- */
#footer{ text-align: center; font-size: 9px; color: #999; position:relative; padding-bottom:20px; padding-top:20px; padding-right:100px; padding-left:100px;}
#footer a{ color: #999; }
#footer a:hover{ color: #555; }

#copyright {
    margin-top:10px;
    font-size:7px;
}

/* ---- news ticker ---- */
#news-container{ display: block; margin-top: 0px; overflow: hidden; height: 80px;}
.news {  width: 749px; background-color: #E9D001; display: block; margin-top: 2px; padding-left: 9px; overflow: hidden; height: 80px;}
.news .headline{margin-top: 7px;}
.news .text{margin-top: 7px; margin-left: 2px; }
.news-image { width: 200px; height: 80px; border-left: 2px SOLID #FFF; /* position: absolute; left: 547px;*/ float:right;}
.news-image img { width: 200px; height: 80px; }
.news-text { width:547px; float:left;}
.news-text h1{ color: #494200; font-size: 18px; font-family: Trebuchet MS; margin-bottom: 5px; margin-top: 7px; }
.news-text p{ margin-top: 0px; color: #494200; font-size: 11px; }

/* ---- login form ---- */
#loginform {
    position:relative;
    right:0;
}

#loginform label {
    float:right;
    text-align:right;
    font-size:11px;
    font-family: Lucida Sans, Verdana, sans;
    color: #005543;
}

#loginform input {
    float:right;
    margin-bottom:10px;
    width:162px;
}
#loginform #loginsubmit {
    width:auto;
}

#loginform p.error {
    text-align:right;
    font-size:11px;
    font-family: "Lucida Sans", Verdana, sans;
    border:1px solid red;
    color:red;
}
/* ---- contact form ---- */
#contactform {
    position:relative;
    left:0;
}

#contactform label {
    font-size:11px;
    font-family: "Lucida Sans", Verdana, sans;
    color: #005543;
}

#contactform input {
    margin-bottom:10px;
    width:162px;
}
#contactform #contactsubmit {
    width:auto;
}

#contactform p.error {
    font-size:11px;
    font-family: "Lucida Sans", Verdana, sans;
    border:1px solid red;
    color:red;
}

#system-intro {
    width: 430px;
    margin-left:30px;
    float:right;
}
.system {
    padding-bottom: 20px;
}
#system-list > .system:hover {
    background-image: url(../images/arrow.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.system h1,h2,h3,h4,h5,h6 {
    font-family: "Trebuchet MS", Arial, sans;
    color: #005543;
}

.system h1 {
    font-weight: bold;
    font-size: 18px;
    margin-top:12px;
    margin-bottom:6px;
}

.system p {
    font-family: "Lucida Sans", Verdana, sans;
    font-size:11px;
    margin-bottom:15px;
    padding:0;
}

.system-logo {
    margin-top: 41px;
    float:left;
    width: 165px;
    text-align:right;
}

.system-text {
    float:left;
    width:430px;
    margin-left:30px;
}