@charset "utf-8";
/* 	Default Styles
*/

body { background-color: #E7EBEE; background-image: url(images/bg.gif); background-repeat: repeat-x; margin: 0 0 30px 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 70%; color: #041036; }
#popup { background-color: #FFF; background-image: none; margin: 0 0 0 0; }
.popup_header { background-color: #F4F5F9; border-bottom: 1px solid #BEC3C7; padding: 0 0 10px 10px; }
.popup_content { padding: 0 15px 15px 15px; }
.popup_footer { background-color: #586673; padding: 10px 5px 15px 5px; color: #FFF; font-size: 0.9em; }
.closelink { float: right; }
.closelink a { color: #FFF; font-size: 1.2em; font-weight: bold; }
.container { margin: 0 auto; width: 903px; background-color: #D2D6D9; background-image: url(images/bg_container_home.gif); background-repeat: repeat-y; }
#normal { background-image: url(images/bg_container.gif); }
.panel_left { width: 158px; padding-left: 19px; margin-right: 17px; float: left; }
.logoarea { background-image: url(images/cmc.jpg); background-repeat: no-repeat; height: 137px; text-align: center; }
.logoarea img { width: 158px; height: 100px; }
.formButton { vertical-align: middle; }
.menu_left { margin-left: 7px; padding-left: 0; width: 146px; }
.menu_left li { list-style: none; background-image: url(images/bg_leftmenu.gif); background-position: bottom; background-repeat: no-repeat; font-family: "Trebuchet MS"; text-transform: uppercase; font-weight: bold; padding: 2px 0 3px 10px; margin: 0; }
.menu_left a { text-decoration: none; color: #858F98; }
.menu_left a:hover { color: #748089; }
.feature-icon { margin: 10px auto; }
.feature-icon img{ display: block; margin: 0px auto; }
.bluebox { background-image: url(images/blue_bg.gif); background-repeat: repeat-y; width: 127px; margin: 0 auto 50px auto; }
.bluebox .txt { padding: 5px; color: #FFF; font-size: 0.9em; }
.careerlink { text-align: right; margin-bottom: 20px; }
.cdaa { padding:5px; background-color: white; text-align: center; margin-bottom: 50px; border:1px solid; border-color:#7F7F7F; border-radius:8px ;-moz-border-radius:8px;}
.maincolumn { float: left; width: 696px; }
.menubg { }
#menu { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1em; line-height: 1.4em; font-weight: bold; text-transform: uppercase; }
#menu a { padding: 2px 0 0 0; color: #FFF; text-decoration: none; float: left; text-align: center; border-left: 1px solid #8C959C; border-right: 1px solid #635D6B; }
#menu #menu1 { background-color: #666; width: 180px; height: 37px; }
#menu #menu1:hover { background-color: #ccc; color: #333; }
#menu #menu2 { background-image: url(images/menu_blue.gif); background-repeat: repeat-x; width: 101px; height: 37px; }
#menu #menu2:hover { background-image: url(images/menu_blue_hover.gif); }
#menu #menu3 { background-image: url(images/menu_purple.gif); background-repeat: repeat-x; width: 114px; height: 37px; }
#menu #menu3:hover { background-image: url(images/menu_purple_hover.gif); }
#menu #menu4 { background-image: url(images/menu_green.gif); background-repeat: repeat-x; width: 95px; height: 37px; }
#menu #menu4:hover { background-image: url(images/menu_green_hover.gif); }
#menu #menu5 { background-image: url(images/menu_orange.gif); background-repeat: repeat-x; width: 105px; height: 37px; }
#menu #menu5:hover { background-image: url(images/menu_orange_hover.gif); }
#menu #menu6 { background-image: url(images/menu_red.gif); background-repeat: repeat-x; width: 88px; height: 37px; }
#menu #menu6:hover { background-image: url(images/menu_red_hover.gif); }

.spacer { float: left; width: 29px; }
.content-home { float: left; width: 446px; }
.content { float: left; width: 640px; }
.panel_right { float: left; width: 188px; margin-left: 33px; padding-top: 30px; }
.greenbox { width: 134px; margin: 30px auto 50px auto; }
.greenbox .txt { height: 68px; padding: 5px 10px 5px 5px; color: #FFF; font-size: 0.9em; line-height: 1.4em; background-image: url(images/green_bg.gif); background-repeat: no-repeat; }
.footer1 { clear: both; width: 875px; margin-left: 15px; padding: 15px 0; background-color: #586673; text-align: center; font-size: 0.9em; }
.links { color: #D3D7DA; margin-bottom: 15px; }
.links a { color: #D3D7DA; font-weight: normal; }
.copyright { color: #FFF; }
.footer2 { background-image: url(images/bg_bottom.gif); background-repeat: no-repeat; background-position: bottom; text-align: center; padding: 4px 0 15px 0; }
.footer2 img { vertical-align: bottom; margin: 0 23px; }
/* 	Content Styles */
img { border: none; }
p, li { line-height: 1.4em; }
form { margin: 0; padding: 0; }
a { font-weight: bold; color: #075C1B; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin: 30px 0 20px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #011135; font-weight: normal; font-size: 1.8em; }
h2 { margin: 0; padding: 0; color: #84C03C; font-size: 1.1em; }
h4 { font-size: 1em; }
td { vertical-align: top; }
.stories { border-collapse: collapse; }
.stories td { border-bottom: 1px solid #DDD; vertical-align: top; padding: 7px 2px 7px 0px; font-size: 0.95em; }
.glossary { border-collapse: collapse; }
.glossary th { vertical-align: top; text-align: left; font-size: 0.95em; color: #333; padding: 5px 2px 5px 0px; border-bottom: 1px solid #EEE; width: 120px; }
.glossary td { vertical-align: top; font-size: 0.95em; padding: 5px 0px 5px 2px; border-bottom: 1px solid #EEE; }
#certificates { border-collapse: collapse; }
#certificates td { padding: 3px; font-size: 0.95em; }
/* 	Form Styles */
.formFieldSearch { background-color: #f5f5f5; border: 1px solid #C8CBD0; width: 107px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #727B7E; }
/* 	Calendar styles */
.calendar th {color: #635D6B; font-size: 12px; }
.calendar td, .calendar th{padding: 7px; }


/* Menu formatting to overwrite TransMenu */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu { position:absolute; overflow:hidden; left:-1000px; top:-1000px; padding-bottom: 150px; }
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content { position:absolute; }
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items { position:relative; left:0px; top:0px; z-index:10; background-color: #ccc !important;}
.transMenu.top .items { border-top:none; }
/* each TR.item is one menu item */
.transMenu .item { color:#333 !important; font-size:12px !important; font-family:sans-serif; text-decoration:none; /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none; cursor:pointer; cursor:hand; }
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background { position:absolute; left:0px; top:0px; z-index:1; -moz-opacity:.8; filter:alpha(opacity=80); }
/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight { position:absolute; z-index:3; top:3px; width:2px; -moz-opacity:.4; filter:alpha(opacity=40); }
/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom { position:absolute; z-index:1; left:3px; height:2px; -moz-opacity:.4; filter:alpha(opacity=40); }
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover { background:#ddd; color:black; }
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img { margin-left:10px; }