@charset "iso-8859-1";
/* tags */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size:62.50%;
	color: #000000;
	height: 100%;
}

h1 {
	font-size: 1.8em;
	line-height: 3.0em;
}

h2 {
	font-size: 1.3em;
	line-height: 2.0em;
}

h3 {
	font-size: 1.0em;
	line-height: 1.5em
}

h1, h2, h3 {
	margin: 10px 0px;
	padding: 0;
	font-weight: bold;
}

p {
	margin: 10px 0px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

ol {
	font-size: 1.2em;
	line-height: 1.5em;
}


a {
	color: #000099;
}

a:hover {
	color: #88bbee;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0;
	border-width: 0;
}

/* classes */

.contact {
	margin: 10px 0px;
	font-size: 1.0em;
	line-height: 1.2em;
}

.toplinks, .toplinks ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.toplinks a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	color: #311E1E;
}

body .toplinks a { font-size: 0.9em; }
html>body .toplinks a { font-size: 0.9em; }

/* For Opera 7 only - display items inline */
@media all and (min-width: 0px) {
	.toplinks li {
	display: table-cell;
	}
	.toplinks li ul li {
		display: block;
	}
}

.toplinks a:hover {
	color: #000000;
	background-color: #E5E5E5;
}

.toplinks li.over {
	background-color: #E5E5E5;
	z-index: 50;
}

.toplinks li {
	float: left;
	position: relative;
	/*width: 90px;*/
}

.toplinks li ul {
	position: absolute;
	left: auto;
	display: none;
	top: auto;
	width: 125px;
}

/* Hack for opera */
.toplinks li > ul {
	top: auto;
	left: auto;
}

/* Hover for Mozilla based browsers */
.toplinks li:hover ul, .toplinks li.over ul { display: list-item; top: auto; z-index: 50; background-color: #E5E5E5; width: 125px;}

/* Fix IE. Hide from IE Mac \*/
* html .toplinks ul li { float: left; height: 1%; }
* html .toplinks ul li a { height: 1%; }
/* End */

.topmenuitem {
	border-right: 1px solid #82796F;
}

/* IDs */

#page-container {
	width: 100%;
	margin: auto;
}

#header-image-1 {
	position:absolute;
	left:0px;
	top:60px
}

#header-image-2 {
	position:absolute;
	left:183px;
	top:60px
}         

#header-slogan {
	position:absolute;
	left:523px;
	top:165px
}         

#company-logo {
	float: left;
	height: 60px;
	padding-top: 13px;
	padding-left: 10px;
}

#main-nav {
	height: 60px;
	text-align: right;
	padding-top: 5px;
}

#header-maroon {
	position:absolute;
	left:0px;
	top:60px;
	width: 100%;
	background: maroon;
	height: 160px;
}

#header-green {
	position:absolute;
	left:0px;
	top:60px;
	width: 100%;
	background: #8C7853;
	height: 160px;
}

#header-blue {
	position:absolute;
	left:0px;
	top:60px;
	width: 100%;
	background: #006699;
	height: 160px;
}

#rightbar { 
	position:absolute;
	right:0px;
	top:220px;
	width: 160px;
	margin: 0;
	padding: 0;
}	

#rightbar-gray {
	background: #eee;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
}

#rightbar-blue {
	background: #ccccdd;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
}

#content {
	position: absolute;
	left: 180px;
	right: 180px;
	top:220px;
}

#footer {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
}

#leftbar {
	position:absolute;
	left:0px;
	top:220px;
	width: 160px;
	margin: 0;
	padding: 0;
}	

#leftbar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
}

#leftbar ul.sidemenu {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #ffffff;			
}
#leftbar ul.sidemenu li {
	padding: 0px 10px;
}
#leftbar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #000099;
	height: 1.5em;
	padding:.2em 0 .2em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #CCC;
	text-decoration:none;
}
#leftbar ul.sidemenu a.top{	
	border-top: 1px dashed #CCC;
}
#leftbar ul.sidemenu a:hover {
	padding: .2em 0 .2em 10px;
	border-left: 5px solid  #88bbee;
	color: #88bbee;		
}

#contact-bar {
	float: left;
	width: 20px;
	height: 450px;
	background: #f6f6f6;
}

#contact-data {
	float: left;
	margin-left: 30px;
}

#contact-footer {
	clear: both;
	float: left;
}

#dashed-line { 
	border-style: dashed;
	height:1px;
	border-width:1px 0 0 0;
	color: #ddd;
	padding: 0;
	margin: 0;
}