/* WRAPPER: region encompassing whole page. Required to fix IE positioning bugs. */
#wrapper {
	margin: 0 auto;
	width: 1002px;
	background-color: black;
}
/* PAGE: box holding menu and content  */
#page {
	border: 1px solid black;
}
/* BANNER: contains logo  */
#banner {
	display: block;
	width: 1000px;
	height: 134px;
	margin: 0;
	padding: 0;
	position: relative;
}
#banner #dci_name_plate {
	position: absolute;
	bottom: 0px;
	right: 0;
	text-align: right;
	color: black;
	background-color: orange;
	padding: 4px 10px 4px 16px;
	font: bolder 12pt Arial;
	line-height: 12pt;
	letter-spacing: 6px;
	opacity: 0.85;
}

/* HEADER: Contains main menu and title */
#header {
	background: black url(/all/images/backgrounds/wireframe.png) no-repeat top left;
}

/* MAIN MENU: top/main menu  */
#main_menu {
	padding: 8px 0 8px 16px;
}
#main_title {
	clear: both;
	padding: 8px 16px;
}

/* CONTENT: area holding information and pictures  */
#content {
	padding: 16px;
	min-height: 500px;
	position: relative;
	background: black url(/all/images/dci_lettering_vertical.png) no-repeat bottom right;
}
#content.nologo {
	background-image: none;
}
#content p {
	max-width: 85%;
}
#content.black p {
	color: white;
}
#content .column {
	float: left;
	width: 300px;
	margin: 0 16px 0 0;
}
#content .images_right {
	float: right;
}
#content .images_right img {
	margin: 0 0 16px 16px;
}
#content .centered {
	margin: 50px 140px;
	padding: 20px;
	background-color: #222;
	opacity: 0.9;
}
#content .contacts {
	font-size: 18pt;
	text-align: center;
}

/* FOOTER: bottom of page */
#footer {
	clear: both;
	text-align: center;
	font-size: 10pt;
	background: black url(/all/images/backgrounds/wireframe.png) no-repeat top left;
}
#footer #services {
	padding: 8px 16px;
	color: orange;
}

/* Controls the message box that confirms certain actions */
#msg
{
	background: #EFE;
	border: 1px solid silver;
	padding: 3px 6px;
	margin: 2px 0px;
	color: #003300;
}
/* Controls the error message box */
#err
{
	color: #CC0000;
	background: #FFEEEE url(/all/images/warning.gif) no-repeat;
	border: 1px solid silver;
	padding: 6px 6px 6px 60px;
	margin: 2px 0px;
	min-height: 48px;
}

/* area for floating divs */
#overlay {
	display: none;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}

/* darken window behind floating divs */
#overlay_dark {
	display: none;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
	z-index: 100;
}

/* All Options Boxes */
.admin, .info {
	border: 1px solid silver;
	padding: 3px 6px;
	margin: 2px 0px;
}
	
/* Controls the admin options box */
.admin {
	background: black;
	color: white;
}
.admin a {
	margin-right: 15px;
	text-transform: capitalize;
}

/* Light-blue information panel */
.info {
	background-color: #EEF;
	color: black;
}

.red_block {
	display: block;
	background: #2c0000 url(/all/images/backgrounds/form_title.jpg) repeat-y top left;
	border: 1px solid #ff9c33;
	padding: 2px 6px;
	text-align: left;
	font: 12px Arial;
	margin: 0 0 8px 0;
}

table.overview {
	margin-left: 16px;
	float: left;
}
table.overview td {
	font-size: 9px;
	padding: 4px 6px;
}
table.data {
	/*border: 1px solid #333;*/
}
table.data td {
	padding: 2px 6px;
	/*border-bottom: 1px solid #555;*/
}

/* CMS (News, Jobs) */
.result a.more_link {
	font-size: 10px;
}
.result {
	width: 80%;
	border-bottom: 1px solid silver;
	padding: 16px 0; 
}
.result_image {
	float: left;
	margin-right: 16px; 
}
.result h2, .result h2 a {
	margin: auto;
}
table.cms_details th {
	text-align: left;
	width: 150px;
}

/* LINKS AND ALLIANCES */
table.logo_list th {
	vertical-align: middle;
	text-align: right;
	padding: 8px 0;
	width: 40%;
}
table.logo_list td {
	vertical-align: middle;
	padding-left: 24px;
}