html, body {
	color: #333;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	background-color: #690;
	margin: 0;
	padding: 0
	}

b {
	font-size : 11px;
	line-height : 15px;
	font-weight: bold;
	}

p  { font-size: 11px; line-height: 15px }
li { font-size: 11px; line-height: 15px; }
br {
	line-height: 15px;
	}

a:link  { color: #690; text-decoration: underline }

a:visited  { color: #360; text-decoration: underline }

a:hover  { color: #36f; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

a:active  { color: #cc3; text-decoration: none }
.small_text {
	font-size : 9px;
	line-height : 15px;
	}
.title  { color: #fff; font-size: 13px; background-color: #999; padding: 2px 2px 2px 6px; position: relative; left: -6px }
.header_image_index    { background-image: url(images/header_index.jpg); background-repeat: no-repeat; background-position: center 0; height: 250px; border: solid 1px #333 }
.header_image_technical   { background-image: url("images/header_technical.gif"); background-repeat: no-repeat; background-position: left 0; margin-bottom: 15px; height: 140px; border: solid 1px #333 }
.header_image_sugarcube { background-image: url(sugarcube/images/header_sugarcube.gif); background-repeat: no-repeat; background-position: left 0; margin-bottom: 15px; height: 140px; border: solid 1px #333; }
.header_image_learn { background-image: url(images/header_learn.jpg); background-repeat: no-repeat; background-position: left 0; margin-bottom: 15px; height: 140px; border: solid 1px #333; }
.header_image_company { background-image: url(images/header_company.jpg); background-repeat: no-repeat; background-position: left 0; margin-bottom: 15px; height: 140px; border: solid 1px #333; }
.header_image_contact_us { background-image: url(images/); background-repeat: no-repeat; background-position: left 0; margin-bottom: 15px; height: 140px; border: solid 1px #333; }
.header_divider  { font-size: 11px; line-height: 15px; margin-left: 210px; padding-left: 5px; position: absolute; border-left: 1px solid }
.header_logo { position: absolute; top: 15px; left: -205px }
.header_logo_secondary { position: absolute; top: 100px; right: 110px }
#navlist     { font-size: 11px; font-weight: bold; margin-top: -16px; margin-right: 10px; padding: 2px 10px 3px; float: right }

#navlist li {
	list-style: none;
	display: inline;
	margin: 0;
	}

#navlist li a    { text-decoration: none; background: #fff; margin-left: 1px; padding: 3px 0.5em; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333 }

#navlist li a:link  { color: #360 }

#navlist li a:visited  { color: #360 }

#navlist li a:hover    { color: #fff; background: #690; border-color: #004890 }

#navlist li a#current    { background: #9ccf73 }

#front_page_blurb    { padding: 10px; position: absolute; top: 50px; right: 150px; border: solid 1px #fff }

#transbox   { background-color: #fff; padding: 5px; position: absolute; top: 170px; right: 120px; width: auto; border: solid 2px black; -moz-opacity: 0.80; filter: alpha(opacity=80); opacity: 0.80
	  }
#transbox_2 { background-color: #fff; padding: 5px; position: absolute; top: 60px; right: 120px; width: auto; border: solid 1px #999; -moz-opacity: 0.80; filter: alpha(opacity=80); opacity: 0.80; }
.transparent_box { border: solid 5px transparent; }
#transbox div {
	padding: 10px;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
#container {
	background-color: #fff;
	margin-top: 25px;
	margin-right: 100px;
	margin-left: 100px;
	border: solid 1px #fff
	}

#wrapper {
	margin-left: -250px;
	width: 100%;
	float: left
	}

#content {
	margin-left: 250px;
	padding-top: 5px;
	padding-left: 10px
	}

#navigation  { font-size: 11px; line-height: 15px; padding-top: 15px; padding-right: 10px; padding-left: 15px; width: 200px; float: right }
#footer { color: #999; padding-top: 20px; width: 100%; clear: both }