/* LAYOUT */

html, body { 
	text-align:center;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12pt;
}
div {
	padding: 0;
	margin: 0;
}
form {
	margin:0;
	padding:0;
}
.wrapper {
	margin:0 auto;
    width:955px;
    text-align:left;
    background-color: #eeeeee;
}
.header {
	text-align:left;
	background:#fff;
}
p {
text-align: justify;
}
img#dciLogo {
	width:235px;
	height:76px;
	float:left;
}
div#bar {
	clear:both;
	height:1.75em;
	background:repeat-x url(../images/ui/blockdefault.gif);
	border-bottom:4px solid #fcad5e;
	line-height:1.75em;
}
ul#topNavList, ul#topNavList li {
	list-style:none;
}
ul#topNavList {
	margin:0 0 0 0;
	padding:58px 0 0 0;
	height:1.2em;
	margin-top:10px;
	float:right;
	margin-bottom:-4px;
}
li.topNavListItem {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	position:relative;
	background:url(../images/ui/ctr.jpg) no-repeat top right;
}
span.ctl, span.ctl {
	display:block;
	background:#ff00ff;
	width:9px;
	height:15px;
	float:left;
	position:relative;
	top:0;
}
span.ctl {
	left:0;
	background:url(../images/ui/ctl.jpg) no-repeat;
}
span.ctr {
	right:0;
}

li.topNavListItem a:link, li.topNavListItem a:visited, li.topNavListItem a:active {
	text-decoration:none;
	padding:0 20px;
	display:block;
	height:15px;
	color:#000;
	font-size:.8em;
	line-height:15px;
	float:left;
	text-align:center;
	border-top:1px solid #000;
	margin-right:9px;
}

/* begin employment tab, orange tab */
li.topNavListItemo {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	position:relative;
	background:url(../images/ui/ctr_orange.gif) no-repeat top right;
}

span.ctlo, span.ctlo {
	display:block;
	background:#fcad5e;
	width:9px;
	height:15px;
	float:left;
	position:relative;
	top:0;
}
span.ctlo {
	left:0;
	background:url(../images/ui/ctl_orange.gif) no-repeat;
}
span.ctro {
	right:0;
}

li.topNavListItemo a:link, li.topNavListItemo a:visited, li.topNavListItemo a:active {
	text-decoration:none;
	padding:0 20px;
	display:block;
	height:15px;
	color:#000;
	background-color: #fcad5e;
	font-size:.8em;
	line-height:15px;
	float:left;
	text-align:center;
	border-top:1px solid #000;
	margin-right:9px;
}

li.topNavListItemo a:hover {
color: #ffffff;
}
/* end employment tab, orange tab */

div#search {
	height:1em;
	width:250px;
	float:right;
	line-height:1em;
	padding:.3em 0 .3em 34px;
	background:url(../images/ui/search.jpg) no-repeat;
	background-position:left top;
	margin-right:-4em;
}
div#search input {
	width:170px;
	height:11px;
	font-size:.7em;
	padding:0;
	margin:0;
}
div#main {
	border-left:1px solid #d2d3d2;
	border-right:1px solid #d2d3d2;
	text-align:left;
	padding: 0;
	margin: 0;
	height: 100%;

}
div#breadCrumbBar {
    background:url(../images/ui/skinnybar.jpg) repeat-x top;
    height:18px;
    color: #fff;
    font-size: .75em;
    line-height:18px;
    padding-left: 20px;
}
div#breadCrumbBar a
{
    color: #fff;
    text-decoration: none;
}
div#breadCrumbBar a:hover
{
    color: #ff9933;
}


div#push {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


div#hpMain {
	padding-top:0px;
	text-align:left;
	background:#fff;
}


div#hpMainLeft {
	padding:12px 0 0 1em;
	/* edit.joe = original width:48 */
	width:50%;
	float:left;
}
div#hpMainLeft a { /* joe 2008.11.12 */
font-weight: bold;
}
div#hpMainLeft ul, div#hpMainLeft ul li {
	display:inline;
	list-style: none;
	font-size:.9em;
	padding:0;
	margin:0;
	line-height:2em;
}


div#hpMainRight {
	margin-left:49%;
	padding-left:41px;
}
div#hpMainRight ul {
	padding:0;
	margin:0;
}
div#hpMainRight ul {
	list-style: none;
}
div#hpMainRight ul li {
	background:#f6f7f7;
	border-bottom:3px solid #dee0e0;
	padding:1em;
	font-size:.8em;
	margin:0;
	line-height:1.3em;
	border-left:3px solid #dee0e0;
	border-right: 3px solid #dee0e0;
}
div#hpMainRight ul li p
{
    padding: 0;
    margin: 0;
}
div#hpMainRight ul li strong
{
    color:#ff9933; /*orange*/
    font-weight: bold;
}    

div.galleryBody p {
text-align: justify;
}

div.galleryBody div p {
text-align: center;
}

div.artRight {
text-align: justify;
padding: 20px 20px 0 20px;
}

div.justify p {
text-align: justify;
}

.hpMainFull {
background: #ffffff;
	padding:0 0 0 1em;
	/* edit.joe = original width:48 */
	width:930px;
	float:left;
}
div#hpMainFull a { /* joe 2008.11.12 */
font-weight: bold;
}
div#hpMainFull ul, div#hpMainFull ul li {
	display:inline;
	list-style: none;
	font-size:.9em;
	padding:0;
	margin:0;
	line-height:2em;
}


li.boxheaderLI {
	background:url(../images/ui/newsbox_tl.jpg) left top no-repeat #494848 !important;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}
span.boxheader {
	display:block;
	color:#fff;
	font-size:1em;
	background:url(../images/ui/newsbox_tr.jpg) right top no-repeat;
	height:1.4em;
	padding:.5em 0 .5em 1.2em;
	margin-top:1em;
	line-height:1.4em;
	font-weight:bold;
}
span.boxheadersmall {
	font-size:.9em;	
}
span.boxheader img {
	margin-left:11em;
}
#contentTable td.mainContent {
    padding:10px 20px;
    width:570px;
    background:#fff;
    vertical-align: top;
}
#contentTableFull {
    padding:8px 6px 10px 0;
width: 100%;
    background:#fff;
    vertical-align: top;
}
#contentTable td.mainContent ul li {
	font-size:.8em;
    margin:0;
    padding-left: .5em;
    line-height:1.5em;
}
#contentTable td.rightContent {
    padding:1em 1em 0 1em;
    background: #eeeeee;
    vertical-align: top;
    width: 344px;
}
#contentTable td.rightContent ul {
    margin-left:1.3em;
    padding:0;
    padding-bottom:10em;
}
#contentTable td.rightContent ul li {
    font-size:.8em;
    margin:0;
    padding-left: .5em;
    line-height:1.5em;
}
#contentTable td.mainContentWide {
    padding:10px 20px;
    width:508px;
    background:#fff;
    vertical-align: top;
}
#contentTable td.rightContentWide {
    padding:0;
    margin:0;
    background: #eeeeee;
    vertical-align: top;
}
#contentTable td.bottomContent {
    background:#fff;
    vertical-align: top;
}
span.bullshitexpander {
    height:50em;
    display:block;
}
span.bullshitexpander2 {
    height:100em;
    display:block;
}
span.bullshitpadder {
    height:10em;
    display:block;
}
/* @end */

/* @group Navigation */

#mainNavList {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height:1;
}
#mainNavList li {
	padding: 0;
	float:left;
}
#mainNavList li ul, #mainSubNavList li ul {
	position:absolute;
	left:-999em;
	list-style:none;
}
#mainNavList li:hover ul ul, #mainNavList li.sfhover ul ul {
	left: -999em;
}
#mainNavList li:hover ul, #mainNavList li li:hover ul, #mainNavList li.sfhover ul, #mainNavList li li.sfhover ul {
	left: auto;
}
li.mainNavListItem a:link, li.mainNavListItem a:visited, li.mainNavListItem a:active, li.mainNavListItem span {
	height:2.2em;
	display: block;
	line-height: 2.2em;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:0 1em;
	border-left:#797979 solid 1px;
	border-right:#000 solid 1px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
li.mainNavListItem a:hover {
	background:repeat-x url(../images/ui/blockactive.gif);
	color:#ff9933; /*orange*/
}
ul#mainSubNavList, ul#mainSubNavList2 {
	list-style: none;
	padding: 0;
	text-align: left;
	margin: 0;
	border:0;
}
#mainNavList li ul ul {
    margin:-1.65em 0 0 7.3em;
}
li.mainSubNavListItem {
	list-style-type:none;	
	margin:0;
	padding:0;
	height:1.6em;
	text-align: left;
	clear:both;
	border:0;
}
li.mainSubNavListItem a:link, li.mainSubNavListItem a:visited, li.mainSubNavListItem a:active {
	display:block;
	margin:0;
	padding:0 1em;
	height: 2.2em;
	line-height: 2.2em;
	color:#000;
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #000;
	text-align:left;
	min-width:12em;
}
li.mainSubNavListItem a:hover {
	background:#f3f6c5; /*light yellow*/
}
li.mainSubberNavListItem {
	list-style-type:none;	
	margin:0;
	padding:0;
	height:1.6em;
	text-align: left;
	clear:both;
	border:0;
}
li.mainSubberNavListItem a:link, li.mainSubberNavListItem a:visited, li.mainSubberNavListItem a:active {
	display:block;
	margin:0;
	padding:0 1em;
	height: 2.2em;
	line-height: 2.2em;
	color:#000;
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #000;
	text-align:left;
	min-width:17em;
}
li.mainSubberNavListItemTop a:link, li.mainSubberNavListItemTop a:visited, li.mainSubberNavListItemTop a:active {
	display:block;
	margin:0;
	padding:0 1em;
	height: 2.2em;
	line-height: 2.2em;
	color:#000;
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #000;
	text-align:left;
	min-width:17em;
}
li.mainSubberNavListItem a:hover, li.mainSubberNavListItemTop a:hover {
	background:#f3f6c5; /*light yellow*/
}

/* @end */

/* FLASH BANNER */

div#flashBanner {
	width:955px;
	height:180px;
	background: #fff;
}

/* @end */

/* TYPOGRAPHY */
.copy {
	font-size:.8em;
	padding:.5em 0;
	display:block;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.3em;
	letter-spacing:-.01em;
	padding:.5em 0 0 0;
	margin:0;
	color:#532380; /*purple*/
}
h2 {
	font-weight:bold; /* joe 2008.11.12 */
	font-size:.8em;
	margin:0;
	padding:.5em 0 0 0;
	color: #ff9933; /*orange*/
}

h3 {
	font-weight:normal;
	color:#fff;
	font-size:1em;
	padding:0;
	margin:0;
}

p {
	font-size:9pt;
	line-height:1.3em;
}
p a {
    font-size:1em !important;
}
span.trans {
	font-size:9pt;
	line-height:1.3em;
}
div.mainContent li {
	font-size:.85em;
}
a:link, a:visited, a:active {
	text-decoration:underline;
	color: #ff9933; /*orange*/
}
a.white:link, a.white:visited, a.white:active {
	text-decoration:underline;
	color: #fff;
}
li.topNavListItem a:hover {
	color: #ff9933 !important; /*orange*/
}
h1 a:link, h1 a:active, h1 a:visited {
	text-decoration:none !important;
	font:1em !important;
	color:#532380 !important; /*purple*/
}
div.mainContent a {
    font-size:.8em;
}
div#hpMainLeft ul li a {
	padding-right:1em;
}
div#ftp a {
	font-size:.8em;
	margin-left:7em;
}
label {
	color:#fff;
	font-size:.8em;
	float:left;
	line-height:16px;
	height:16px;
}
input.tf {
	/* edit.joe - height:1em; */
	font-size:.8em;
	border:thin #797979 solid;
	font-family:Tahomaa, Arial, sans-serif;
	/* edit.joe - margin:0 1em; */
	margin:0 .4em;
	padding-left: 2px;
	float:left;
	width:9em;
}
input.submit {
	width:55px;
	/* edit.joe - height:18px; */
	border:0;
	padding-left: 2px;
	/* edit.joe - margin-top:.5em !important; */
}
div#makeMine input.submit {
	margin:0;
	padding:0;
}
input.login {
	width:50px;
	/* edit.joe - height:18px; */
	border:0;
	/* edit.joe - margin-top:.5em !important; */
}

input {
	margin:1em 0 0 0;
}
.bulletName {
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:.5em 0 0 0;
	color: #ff9933; /*orange*/
}
div.portfolioViewer
{
    width: 100%;
}
div.portfolioViewerHead
{
    width: 100%;
    height: 40px;
    color: White;
    background-color: #9c9a9a;
    
}
div.portfolioViewerHead p
{
    padding: 5px;
    padding-top: 10px;
}
div#portfolioViewerFlash
{
    width: 100%;
    text-align: center;
}
div.technicalCaps
{
    width: 100%;
}
div.technicalCapsHead
{
    width: 100%;
    height: 40px;
    color: White;
    background-color: #9c9a9a;
    
}
div.technicalCapsHead p
{
    padding: 5px;
    padding-top: 10px;
}
div#technicalCapsBody ul
{
	font-size: .8em;
}
div.galleryBody p
{
    padding-left: 5px;
    padding-right: 5px;
}
div.galleryBody ul
{
    font-size: .8em;
}
div.galleryBody table
{
    padding-left: 5px;
    padding-right: 5px;
    font-size: .8em;
}
ul.generic 
{
    font-size: .8em;
}
.login label
{
    color: #000;
    float: none;
}
.newsarticle label
{
    color: #000;
    float: none;
}

.newslist li
{
    list-style-type: none;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-left: 0px;
}

dd, dt {
	font-size:.8em;
	margin:0;
	padding:0;
	line-height:1.5em;
}
dt {
	color:#532380;
	font-weight:bold;
}
dd.contactName {
	font-weight:bold;
	font-size:.9em;
}
span.underline {
	text-decoration:underline;
}

/* @end */

/* @group Contact */

.contactContentContent {
	color:#ccc;
	font-family:Tahoma, Arial, sans-serif;
	font-size:.7em;
	margin:0;
	z-index:100;
	padding-left:20px;
	padding-top:30px;
	float:left;
}
.contactOurs {
	color:#ccc;
	font-family:Tahoma, Arial, sans-serif;
	font-size:.7em;
	margin:0;
	z-index:100;
	padding-top:30px;
}
.contactContentContent fieldset, .contactOurs fieldset {
	border:0;
	border-top:1px #ccc solid;
}
.yourInfo {
	width:550px;
	border:0;
}
.yourInfo label {
	color:#333;
}
.yourInfo input {
	margin:0;
	padding:0;
}
.yourInfo legend {
	color:#532380;
	font-weight:bold;
}
.contactLabel {
	float:left;
	text-align:right;
	padding-right:2em;
	display:block;
	margin: 0 0 5px 0;
	vertical-align:top;
	width: 130px;
}
.contactInput{
	width: 200px;
  	margin-bottom:3px;
}
.contactInputWide{
	width: 300px;
  	margin-bottom:3px;
}
.contactContentContent select, .contactContentContent option {
	width:200px;
	font-size:1em !important;
}
.contactContentContent select {
	margin-bottom:3px;
}
div.contactField {
	clear:left;
}
.ValidateMessage {
	color:#a81229;
	font-size:.8em;
}
.yourInfo .checkbox {
	margin-left:9.75em;
}
.contactOurs dt {
	color:#a81229;
	font-weight:bold;
}
.contactOurs dd {
	margin:0;
	padding:0;
}

/* end CONTACT */

div.sm1, div.sm2, div.sm3, div.sm4 {
padding: 0;
margin: 0;
}

div.sm1 {
font-weight: bold;
font-size:16px;
margin-left: 20px;
margin-top: 20px;
}

div.sm2 {
font-weight: bold;
font-size:14px;
margin-left: 50px;
margin-top: 10px;
}

div.sm3 {
font-weight: bold;
font-size:12px;
margin-left: 80px;
margin-top: 4px;
}


h2.m1_star {
margin-bottom: 8px;
}

form.m1_bottom {
margin: 0;
padding: 0;
}
table.m1_startab {
top: -20px;
}
input.m1_starin {
position:relative;
right:-10px;
top:-16px;
}

input.m1_starsub {
right: 20px;
bottom:-22px;
}

span.sitemap_link {
right: -20px;
}

.flashborder {
	background:#f6f7f7;
	border-bottom:3px solid #494848;
	padding:0px;
	padding-top:0px;
	font-size:.8em;
	margin:0;
	line-height:1.3em;
	border-left:3px solid #494848;
	border-right: 3px solid #494848;
}

/* google results box */
div.gsc-control {
width:100%;
}

div.gs-visibleUrl-short {
display: none;
}

div.gs-visibleUrl-long {
display: inline !important;
}

.gsc-expansionArea {
display: inline !important;
}

table.contactList, table.contactList td {
	text-align:left;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	border: solid;
	border-width: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	}

table.contactList td {
padding-top: 6px;
padding-bottom: 6px;
}

div.h2 {
color: #FF9933; 
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
letter-spacing:-0.01em;
}

/* fix the navigation menu, so that it is in the forefront.
primarily needed for pages with specialized flash (like pageflipper), etc.*/
ul.mainSubberNavList, ul.mainNavList, #mainSubNavList2 {
z-index: 5;
}


/* This CSS document is made for footer content. This is general universal content across the site as well as unique content on certain pages. */

/* footer on homepage *******************************************************************/
table.home_footer {
}
td.home_vd, td.home_die, td.home_ftp {
border:1px #797979 solid;
text-align: left;
padding: .5em;
background-color: #484848;
vertical-align: top;
}

/* variable data box on homepage *******************************************************************/
div#makeMine {
	border:1px #797979 solid;
	float:left;
/*	width:33%; */
width: 98%;
	height: 100%;
	padding-bottom: .5em;
}
div#makeMine h2 {
	padding-bottom:.5em;
}
div#makeMine div{
	background: none;
	width: 100%;
}

/* ftp login at bottom of homepage  ***********************************************************/
div#ftp {
	border:1px #797979 solid;
	font-size:1em;
	float:right;
	height:100%;
 /* joe 2008.11.12 	width: 33%; */
 width: 98%;
	margin:0;
	padding:0;
}
div#ftp div {
	background: none;
	width: 100%;
}
div#ftp h2 {
	padding-bottom:.5em;
}

/* diecut box at bottom of homepage  ***********************************************************/
div#diecut {
	border:1px #797979 solid;
	font-size:1em;
	float:none;
	height:100%;
 /* joe 2008.11.12 	width: 33%; */
 width: 90%;
	margin:0;
	padding:0;
}
div#diecut div {
	background: none;
	width: 100%;
}

/* general forms  ********************************************************************************/
div#hpForms {
    clear:both;
    margin-top:1em;
    text-align:center;
}
div#hpForms div {
    text-align:left;
    padding:.5em .5em;
    height:100%;
    background:url(../images/ui/darkgreyboxbg.jpg);
}

/* footers at bottom *******************************************************************/

div#footer {
	text-align:left;
	width:955px;
	clear:both;
	margin: 0 auto;
	position: relative;
	height:60px;
}
div#footer span.copy {
	clear:both;
}
div#botbar {
	background:url(../images/ui/bottombg.jpg) repeat-x top;
	height:29px;
	width:100%;
	font-size: .8em;
	color: #fff;
	padding:0;
	border:1px solid #d2d3d2;
}
div#botbar span {
	padding:0 2em;
	padding-left: 0;
	margin-left: 4px;
	line-height:29px;
}

/* rssDisplay.php assistance for IE6 */
div.rightList {
background-color:#F6F7F7;
border-bottom:3px solid #DEE0E0;
border-left:3px solid #DEE0E0;
border-right:3px solid #DEE0E0;
font-size:0.8em;
margin:0pt;
padding:1em;
font-family:Arial,Helvetica,sans-serif;
}
a.feedLink {
color: #ff9933;
font-weight: bold;
}