/* CSS Document */

/* CSS Document */
body, div, p, th, td, h1, h2, h3, h4, h5, h6, li, dt, dd, input, textarea {
	font-family: arial;
	font-size: 1.0em;
	color: #000;
	
}

html {
	background-color: #000;
	color: #000;
}

body {
	background-color: #000;
	padding: 0;
	margin: 0;
}
/*/*/
body {
	font-size: 70%;
}
/* */

/* LINKS, PEACE BE UPON THEM */
a, a:link, a:visited, a:active {
	color: #6A8A7F;
}

a:hover {
	color: #000;
}

p {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-family: helvetica;
	font-size: 28px;
	color: #333333;
	font-weight:normal;
	margin-top: 0;
}

h2 {
	font-family: helvetica;
	font-size: 18px;
	color: #6a8a7f;
	font-weight:bold;
}

h3 {
	font-family: helvetica;
	font-size: 15px;
	color: #6a8a7f;
	font-weight:bold;
}

h4 {
	font-family: helvetica;
	font-size: 13px;
	color: #6a8a7f;
	font-weight:bold;
}

a img {
	border: none;
}

img#logo {
	position:fixed;
	left:835px;
	top:44px
}

div#container {
	width: 1024px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 0;
}

div#header {
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/main-nav-background.gif) repeat-x;
}

div#main-nav-container {
	margin: 0;
	padding: 0;
    width: 100%;
    cursor: pointer;
}

html>body #main-nav-container { /* IE can't understand this rule. All other browsers will use this rule */
	margin: 0;
	padding: 0;
}

#main-nav, #main-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
	cursor:pointer;
}

#main-nav a {
	text-decoration: none;
	display: block;
	padding: 0;
	cursor:pointer;
	color: #f0f0f0;
	/* width: 10em; */
}

#main-nav li { /* all list items */
	float: left;
	/* width: 10em; */ /* width needed or else Opera goes nuts */
}

#main-nav ul li { /* all list items */
	float: left;
	padding: 0;
	width: 16em; /* width needed or else Opera goes nuts */
}

#main-nav li ul { /* second-level lists */
	z-index: 100;
	position: absolute;
	background: #4d4d4d;
	width: 16em;
	text-align: center;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#main-nav li#about ul li { /* all list items */
	width: 152px; /* width needed or else Opera goes nuts */
	border-top: 1px solid #fff;
}

#main-nav li#about ul { /* second-level lists */
	width: 152px;
}

#main-nav li#infrastructure ul li { /* all list items */
	width: 308px; /* width needed or else Opera goes nuts */
	border-top: 1px solid #fff;
}

#main-nav li#services ul { /* second-level lists */
	width: 300px;
}

#main-nav li#services ul li { /* all list items */
	width: 300px; /* width needed or else Opera goes nuts */
	border-top: 1px solid #fff;
}

#main-nav li#infrastructure ul { /* second-level lists */
	width: 308px;
}

#main-nav li:hover ul, 
#main-nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

#main-nav li a:hover,
#main-nav li a:focus,
#main-nav li a:active {
	background: #fff;
	color:#4D4D4D;
	cursor:pointer;
	
}

div#main {
	background: url(../images/main-background-1.gif) no-repeat;
	margin: 0;
	padding: 0;
}

div#content {
	margin-left: 160px;
	padding-top: 110px;
	padding-left: 40px;
	padding-right: 40px;
}

p#breadcrumb {
	margin-bottom: 40px;
	font-size: 10px;
}

div#main-content {
	float: left;
	width: 538px;
	
}

div#main-content p {
	padding-right: 10px;
}

div#highlight {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #F3CF00;
}

div#sub-navigation {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	padding-top: 345px;
}

div#sub-navigation ul {
	margin: 0;
	padding: 0;
	/* margin-top: 345px; */
	list-style-type: none;
}

div#sub-navigation a {
	display: block;
	margin: 0 3px;
	padding: 4px 3px;
	width: 150px;
	background-color: #4D4D4D;
	color: #fff;
	border-top: 1px solid #eee;
}

div#sub-navigation a.yellow {
	border-top: 1px solid #F3CF00;
}

.yellow-border {
	border-color: #F3CF00;
}

.bottom-border {
	border-bottom: 1px solid #eee;
}

div#sub-navigation  a:link, div#sub-navigation  a:visited {
	color: #EEE;
	text-decoration: none;
}

div#sub-navigation  a:hover {
	background-color: #fff;
	color: #4D4D4D;
}

img.right {
	float: right;
	margin-top: 40px;
}

div#footer {
	height: 267px;
	background: url(../images/footer.gif) top left no-repeat;
	
}

div#footer p {
	clear: both;
	padding-top: 25px;
	margin-left: 200px;
}

ul.version {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 200px;
}

ul.version li {
	display:inline;
	padding: 0;
	margin: 0;
	margin-right: 105px;
}

ul.version li.last {

	display:inline;
	padding: 0;
	margin: 0;
	margin-left: 90px;
}

ul.links {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 200px;
}

ul.links li {
	display:inline;
	padding: 0;
	margin: 0;
	margin-right: 125px;
}

ul.links li.last {

	display:inline;
	padding: 0;
	margin: 0;
	margin-left: 80px;
}

div#footer a {
	color: #4d4d4d;
}

div#footer hr {
	margin-left: 163px;
	border: none;
	border-top: 1px solid #ccc;
	
}

table {
	width: 100%;
	
}

th {
	text-align: left;
	font-weight:normal;
	background-color: #6a8a7f;
	padding: 10px 0 3px 3px;
	color: #fff;
}

th.head {
	font-weight: bold;
}

td {
	text-align: left;
	padding: 5px 3px;
	background-color: #dcdcdc;
}

td.title {
	background-color: #F3CF00;
}