@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/back.gif);
}

#wrapper {
	width: 760px;
	height: auto;
	
}

/* Left Column */

#left_build {
	width: 130px;
	height: auto;
	float: left;
}

#logo {
	width: 90px;
	height: 76px;
	margin: 15px auto;
}

#nav_item {
	width: 123px;
	height: 20px;
	margin: 0 auto;
}

#nav_br {
	width: 1px;
	height: 3px;
}

#octi_logo {
	width: 125px;
	height: 51px;
	margin: 5px auto;
}

#nav2_item {
	width: 123px;
	height: 20px;
	margin: 0 auto;
}

#cei_logo {
	width: 125px;
	height: 84px;
	margin: 15px auto;
}

#crane_image {
	width: 127px;
	height: 270px;
	margin: 15px auto;
} 

/* End Left Column */


/* Right Column */

#right_build {
	width: 625px;
	height: auto;
	float: right;
}

#site_title {
	width: 569px;
	height: auto;
	margin: 5px auto;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #285BA8;
	font-weight: bold;
}

h3 {
	font: 900 13px/18px Arial, Helvetica, sans-serif;
	color: #285BA8;
}

.strong_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #285BA8;
	font-weight: bold;
}


#notation {
	width: 250px;
	height: auto;
	background: #FFFF99;
	border-top: 2px solid #285BA8;
	border-right: 2px solid #285BA8;
	border-left: 2px solid #285BA8;
	border-bottom: 10px solid #285BA8;
	padding: 5px 5px 5px 5px;
}

#notation_textbox {
	width: 420px;
	height: auto;
	background: #FFFF99;
	border-top: 2px solid #285BA8;
	border-right: 2px solid #285BA8;
	border-left: 2px solid #285BA8;
	border-bottom: 10px solid #285BA8;
	padding: 5px 5px 5px 5px;
}

#content {
	width: 425px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	margin-left: 15px;
}

#octi_span {
	width: 500px;
	height: 137px;
	margin: 0 auto;	
}

#expanded_content {
	width: 570px;
	height: auto;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
}

#expanded_content_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	width: 370px;
	height: auto;
	float: left;
}

#expanded_content_btm_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	width: 570px;
	height: auto;
	float: left;
}

#content_image {
	width: auto;
	height: auto;
	float: right;
	margin-right: 5px;
}

.section_header {
	color: #285BA8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#hr_fix {
	width: 570px;
	height: 2px;
	background: #FFDE59;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

li { 
	margin: 10px 0px 0px 20px;
}

/* Footer */

#footer {
	width: 575px;
	height: auto;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
}

#brand {
	width: 75px;
	height: 28px;
	float: right;
	margin-top: -20px;
	margin-right: 10px;
}