/* General styles */
HTML, BODY { height: 100%; height: 100%; }
BODY { background: #7e0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }
BODY { width: 770px; margin-left: auto ; margin-right: auto; }
A:link, A:visited { color: #7e0000; font-weight: bold; text-decoration: underline; }
A:hover, A:active { color: #000000; font-weight: bold; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #7e0000; border: 0px; color: #7e0000; height: 1px; }
H1 { color: #7e0000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #7e0000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: underline; }
H3 { color: #7e0000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: small; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H1, H2, H3 { text-align: left; }

/* may not need...
UL { list-style-image: url(../Page/bullet.gif); margin: 0px 25px; padding: 0px; }
LI { margin: 5px 0px 0px 0px; }
*/

/* Layout */
#topnav { background: #7e0000; height: 25px; padding: 0px 0px 0px 0px; }
#topnav { color: #ffffff; font-size: 10px; }
#topnav a:link, #topnav a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; }
#topnav a:hover, #topnav a:active { color: #a44c4c; font-weight: bold; text-decoration: underline; }

#body { margin: 0px; padding: 0px; border: solid 2px #000000; }

#header { }

#page-title { background: #000000; border-top: solid 1px #ffffff; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 20px; padding-right: 5px; text-align: center; }

#main { background: #ffffff; }

#leftcol { width: 175px; }

#news { background: #dddddd; padding: 5px; }

#content { padding: 20px 15px 0px 15px; }
#content IMG { padding: 0px 10px 10px 10px; }
#content BR { clear: both; }

#footer { background: #a44c4c; border-top: solid 1px #000000; height: 75px; padding: 0px 0px 0px 0px; }
#footer { color: #ffffff; font-size: 10px; }
#footer a:link, #footer a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #7e0000; font-weight: bold; text-decoration: underline; }


/* Page-specific Styles */
#three_d_modeling #content BR { clear: none; }
#three_d_modeling #video { padding: 0px 0px 5px 10px; }
/*
#about_us #header-image { background: url(../images/about-us.jpg) top left no-repeat; }
#civil_engineering #header-image, #refer_a_colleague #header-image
 { background: url(../images/civil_engineering.jpg) top left no-repeat; }
#contact_us #header-image { background: url(../images/contact_us.jpg) top left no-repeat; }
#electrical_engineering #header-image { background: url(../images/electrical_engineering.jpg) top left no-repeat; }
#index #header-image { background: url(../images/index.jpg) top left no-repeat; }
#mechanical_engineering #header-image, #fea #header-image, #three_d_modeling #header-image, #hoisting_rigging #header-image, #remote_tooling #header-image
 { background: url(../images/mechanical_engineering.jpg) top left no-repeat; }
#newsletter_sign-up #header-image { background: url(../images/contact_us.jpg) top left no-repeat; }
#nqa-1_program #header-image { background: url(../images/contact_us.jpg) top left no-repeat; }
#nuclear_engineering #header-image, #dd_work #header-image
 { background: url(../images/nuclear_engineering.jpg) top left no-repeat; }
#privacy_policy #header-image { background: url(../images/privacy_policy.jpg) top left no-repeat; }
#project_management #header-image { background: url(../images/project_management.jpg) top left no-repeat; }
#sitemap #header-image { background: url(../images/sitemap.jpg) top left no-repeat; }
#structural_engineering #header-image { background: url(../images/structural_engineering.jpg) top left no-repeat; }
#template #header-image { background: url(../images/template.jpg) top left no-repeat; }
*/

/* Common Classes */
.form { border: 2px #000000; border-style: solid; }
.form-left { background: #d7b0b1; padding: 5px; }
.form-right { padding: 0px 5px; }
.form-right INPUT, .form-right SELECT, .form-right SUBMIT, .form-right TEXTAREA { font-family: sans-serif; font-size: 11px; }

IMG.padright { padding-right: 10px; }

OL.faq { list-style-image: none; margin: 0px 0px 0px 50px; padding: 0px; }
UL.faq { list-style-image: none; list-style-type: disc; margin: 0px 0px 0px 50px; padding: 0px; }
OL.faq LI { margin: 5px 0px 0px 0px; }


/* Display */
@media print { .noprint { visibility: hidden; position: absolute; left: 0px; top: 0px; } }


/***********************/
/* MENU CSS - Vertical */
/***********************/

#menu UL LI { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* menu container formatting */
#menubar { border-top: solid 3px #ffffff; }

/* widths */
/* width of 200px for UL used in order to prevent gallery page from interfering with rendering of the menu */
/* width of containing UL for submenu needs to allow for padding-left: 5px on #menu A */
TD#menu { width: 175px; }
#menu ul { width: 175px; }
#menu ul a, #menu ul h4 { width: 170px; padding-left: 5px; }
#menu ul ul { width: 175px; }
#menu ul ul a { width: 170px; }
#menu ul ul.wide { width: 230px; }
#menu ul ul.wide a { width: 225px; }

/* sets height and forces all menu text to vertically align */
#menu li { line-height: 23px; }
#menu li.tall { line-height: 11px; }

/* font formatting */
#menu, #menu a, #menu h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
#menu ul a, #menu ul h4 { letter-spacing: normal; }

/* display formatting */
#menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
#menu h4 { margin: 0px; padding: 0px; }
#menu ul a, #menu ul h4 { display: block; }
#menu ul ul { display: none; white-space: normal; }

/* link backgrounds and colors */
#menu ul h4 { background: #000000; }
#menu ul a:link, #menu ul a:visited { background: #000000; color: #ffffff; text-decoration: none; }
#menu ul a:hover, #menu ul a:active { background: #a44c4c; color: #ffffff; text-decoration: none; }
#menu ul ul a:link, #menu ul ul a:visited { background: #000000; color: #ffffff; text-decoration: none; }
#menu ul ul a:hover, #menu ul ul a:active { background: #a44c4c; color: #ffffff; text-decoration: none; }

/* borders */
/* need to go on the a blocks since netscape expands the cell's height on hover */
#menu ul a, #menu ul h4 { border: 1px #ffffff; border-style: none none solid none; }
#menu ul ul { border: 1px #ffffff; border-style: solid solid solid solid; }
#menu ul ul li { border: 1px #ffffff; border-style: none solid none none; }
#menu ul ul a { border: 1px #ffffff; border-style: none none solid none; }

/* position list items and submenus */
#menu li { position: relative; }
#menu ul ul { position: absolute; top: -1px; left: 174px; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022 */
/* It improves IE's performance speed to use the older file and this method */
#menu li:hover { cursor: pointer; z-index: 10; }
#menu h4:hover { cursor: default; z-index: 10; }
#menu li:hover ul ul, #menu li li:hover ul ul, #menu li li li:hover ul ul, #menu li li li li:hover ul ul { display: none; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul { display: block; }

/* Override certain CopperMine Gallery styles 
ul { margin-left: 0px; padding: 0px; }
li { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; list-style-position: outside; list-style-type: none; }
End of Override certain CopperMine Gallery styles */

/***********************/
/* MENU CSS - Vertical */
/***********************/


/*
Colors Used:

red: #7e0000; 
pink: #a44c4c; 
lt pink: #d7b0b1; 
gray: #bfbfc0; 
lt gray: #dddddd; 

*/