/* CSS Document */

body,td,th {
	font: normal 12px/16px Arial, Helvetica, sans-serif; color: #FFFFFF;}
body {
	background-color: #535d69; background-image: url(../imgs/gray_bkgd.jpg); background-repeat: repeat-x; margin:0; padding:0; text-align:left; height:100%;}
	
a:active, a:focus {outline:none;} 

/* Main Sections */	
#header {width:940px; margin:0 auto;}
#frame {width:940px; margin:0 auto 25px auto; display:block; clear:both;}
#homepage {width:970px; margin:0 auto 0 auto; display:block; clear:both; padding:0 0 0 20px;}
#homepagenews {width:940px; margin:0 auto 25px auto; display:block; clear:both; padding:O; border-top:1px solid #49515b; }
#footer {width:940px; margin:25px auto 10px auto; display:block; clear:both; padding:25px 0 40px 0;font-size:10px;text-transform:uppercase; background:url(../imgs/footer_bkgd.gif) no-repeat;}
#mainImage {margin:10px 0 10px 0; padding:0;} 
/* Certification description */
#header img#logo {float:left; margin:0; padding:0;}

p#mbe {font:normal 20px/20px Georgia, "Times New Roman", Times, serif; color:#525d68; float:right; text-align:right;padding:64px 0 0 0; margin:0; height:76px;}


/* Drop down menu code */
#menu-container {width:650px; float:right;}
#menu, #menu ul {padding:0; margin:0; list-style:none; height:30px; }
#menu {padding:0; width:650px;}
#menu li.first {border-left:0;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left;  border-left:1px solid #aeb3b8; }
#menu li ul li{ border-left:0; }
#menu li a {white-space:nowrap;  background:#FFFFFF; display:block; float:left; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#263560; padding:0 13px 0 13px; text-transform:uppercase;}
#menu li a.drop { }
#menu li a:hover {position:relative; color:#a62328; background:url(../imgs/nav_bkgd.gif) #FFFFFF;}
#menu li ul li a:hover {position:relative; color:#a62328; background: #dddddd;}
#menu li:hover {position:relative;}
#menu li:hover > a {color:#a62328;}

#menu :hover ul {left:-1px; top:30px; width:140px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #aeb3b8; height:20px; line-height:20px; width:130px; border-bottom:1px solid #aeb3b8; font-size:12px; text-transform:none; font-weight:normal; background-image:none; }

#menu :hover ul.projects {left:-1px; top:30px; width:180px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul.projects li a {border-left:1px solid #aeb3b8; height:20px; line-height:20px; width:180px; border-bottom:1px solid #aeb3b8; font-size:12px; color:#263560;}
#menu :hover ul.projects li a:hover {color:#a62328; background: #dddddd;}

ul#menu :hover ul {width:150px;}
ul#menu :hover ul.projects {width:180px;}

ul#menu :hover ul li a:hover {color:#a62328; background: #dddddd;}
ul#menu :hover ul li a {border-left:1px solid #aeb3b8; height:20px; line-height:20px; width:150px; border-bottom:1px solid #aeb3b8; font-size:12px; color:#263560; padding-right:10px;}

/*
body.project ul#menu :hover ul.projects {width:180px;}*/
body.project ul#menu :hover ul.projects li a:hover {color:#a62328; background: #dddddd;}
body.project ul#menu :hover ul.projects li a {color:#263560;}

body.service ul#menu :hover ul li a:hover {color:#a62328; background: #dddddd;}
body.service ul#menu :hover ul li a {color:#263560;}

body.aboutus ul#menu :hover ul li a:hover {color:#a62328; background: #dddddd;}
body.aboutus ul#menu :hover ul li a {color:#263560;}



#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}

#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}

#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}


/* Highlights the page you asre on. Just apply class tp body */

body.home ul#menu li.home a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.aboutus ul#menu li.about a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.leadership ul#menu li.leadership a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.service ul#menu li.services a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.project ul#menu li.projects a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.contact ul#menu li.contact a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.careers ul#menu li.careers a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}
body.news ul#menu li.news a{ background:url(../imgs/nav_bkgd.gif) #FFFFFF; color:#a62328;}


/* left side DIV */

#leftside {width:225px; float:left; margin:0; padding:0;}


/*Leftside sub navigation */
ul.sidenav {list-style:none; width:200px; margin:0 0 15px 0; padding:0; float:right; border-right:1px solid #464f59;}
ul.sidenav li {list-style:none; background:url(../imgs/sidenav_bkgd.gif) no-repeat -10px 0; padding:9px 25px 8px 0;  font:bold 15px/15px Arial, Helvetica, sans-serif; text-align:right;}
ul.sidenav li a {text-decoration:none; color:#ffffff;}
ul.sidenav li a:hover {color:#e3b74d; }
ul.sidenav li a.here {text-decoration:none; color:#e3b74d;}

#leftside h3 {font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000000; letter-spacing:.5em; text-align:right; margin:0; padding:25px 25px 10px 0; float:right;}
#leftside h3.space {margin-top:15px;}
#leftside p.address {background:url(../imgs/sidenav_bkgd.gif) no-repeat ; text-align:right; float:right; padding:10px 25px 5px 0; width:190px; margin:0 0 25px 0;}

#pdf {width:210px; float:left; margin:0; padding:25px 25px 0 0; border-right:1px solid #49515b;}
#pdf img {float:right; margin:0 0 15px 15px; }
#pdf p {text-align:right; font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffcc33; margin:0;}
#pdf p a {font-size:10px; font-weight:bold; text-decoration:none; display:block; color:#ffcc33;}
#pdf p a:hover {color:#ffffff; }

/* right side DIV */

#rightside {width:650px; float:right; margin:0; padding:0;}


/* titles */
#rightside h1 {font: normal 24px/24px Georgia, "Times New Roman", Times, serif; color:#ffffff; margin:0; padding:15px 0 0 0;}
/* sub titles */
#rightside h2 {font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:.5em; color:#888d93; border-bottom:1px solid #888d93;padding:0 0 10px 0; margin: 15px 0 15px 0;}

#rightside h3 {font: bold 16px/18px Arial, Helvetica, sans-serif; margin:20px 0 5px 0;}
#rightside  p {font:normal 14px/20px Arial, Helvetica, sans-serif; color:#ffffff; margin:0 0 15px 0; padding:0;}
#rightside  p a {text-decoration:none; color:#ffcc33;}
#rightside  p a:hover {text-decoration:underline; color:#ffffff;}

#rightside  ol {margin:5px 0 30px 20px; padding:0 0 0 5px; list-style-position:inherit;}
#rightside  ol li {font:normal 14px/18px Arial, Helvetica, sans-serif;  margin:0 0 10px 0; padding:0; color:#98a1ac; padding-left:5px;}
#rightside  ol li span {color:#ffffff;}

#rightside ul {margin:0 0 25px 15px; padding:0;}
#rightside ul ul {margin:5px 0 25px 40px; padding:0;}

#rightside ul li {font: normal 14px/16px Arial, Helvetica, sans-serif; margin:0 0 9px 0; list-style:square; color:#98a1ac;}
#rightside ul li span {color:#ffffff;}

#rightside div#newsdate { float:right; text-align:right; font:bold 11px/13px Arial, Helvetica, sans-serif; color:#dddddd; width:200px; margin:25px 0 0 0; }

#news {width:640px; float:right; margin:0; padding:25px 10px 25px 0;}
#news img {float:left; margin: 0 20px 15px 0; border:none; }
#news h1 {margin:0 0 10px 0; font: bold 14px/15px Arial, Helvetica, sans-serif;}
#news h1 a {text-decoration:none; text-transform:uppercase; color:#ffcc33; }
#news h1 a:hover {color:#ffffff;}
#news p {margin:0 0 10px 0; }
#news p a {color:#ffcc33; font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#news p a:hover {color:#ffffff;}

#rightside #newsarchive {float:left; margin:0; padding:15px 10px 25px 0;}
#rightside #newsarchive span { display:block; width:640px; clear:both; margin:0 0 40px 0;  }
#rightside #newsarchive img {float:left; margin: 0 20px 15px 0; border:none; }
#rightside #newsarchive h1 {margin:0 0 10px 0; padding:0; font: bold 14px/15px Arial, Helvetica, sans-serif;}
#rightside #newsarchive h1 a {text-decoration:none; text-transform:uppercase; color:#ffcc33; }
#rightside #newsarchive h1 a:hover {color:#ffffff;}
#rightside #newsarchive p {margin:0 0 10px 0; font:12px/16px Arial, Helvetica, sans-serif;  }
#rightside #newsarchive p a {color:#ffcc33; font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#rightside #newsarchive p a:hover {color:#ffffff;}

.image-left { float:left; margin: 0 15px 15px 0; padding:0; border:0; }
.image-right { float:right; margin: 0 0 15px 15px; padding:0; border:0; }


/* tables for featured and historical projects */
table#featureProject, table#historyProject {border-collapse:collapse; margin:0; padding:0;}
table#clienttable {border-collapse:collapse; margin:25px 0 0 0; padding:0;}
table#featureProject td, table#historyProject td, table#clienttable td {width:200px; vertical-align:top; padding-right:25px; padding-bottom:25px;}
table#featureProject td.endrow, table#historyProject td.endrow, table#clienttable td.endrow {width:200px; vertical-align:top; padding-right:0;}
table#featureProject h5 {font: bold 14px/16px Arial, Helvetica, sans-serif; color:#ffffff; margin:7px 0 3px 0; padding:0; }
table#featureProject p {font: normal 13px/16px Arial, Helvetica, sans-serif; color:#dddddd; margin:0; padding:0;}

table#historyProject h5 {font: bold 13px/16px Arial, Helvetica, sans-serif; color:#ffffff; margin:7px 0 3px 0; padding:0; }
table#historyProject p {font: normal 12px/16px Arial, Helvetica, sans-serif; color:#dddddd; margin:0 0 20px 0; padding:0;}

table#clienttable p {font: normal 14px/16px Arial, Helvetica, sans-serif; color:#dddddd; margin:0 0 12px 0; padding:0;}
table#clienttable p a{text-decoration:none; color:#FFFFFF;}
table#clienttable p a:hover{text-decoration:none; color:#e3b74d;}


#rightside div.clientcol1, #rightside div.clientcol2, #rightside div.clientcol3 { display:block; float:left;	width:216px; margin:25px 0;	padding:0; }
#rightside div.clientcol1 p.clientslist, #rightside div.clientcol2 p.clientslist, #rightside div.clientcol3 p.clientslist {font: normal 14px/16px Arial, Helvetica, sans-serif; color:#dddddd; margin:0 0 12px 0; padding:0; width:200px;}
#rightside div.clientcol1 a, #rightside div.clientcol2 a, #rightside div.clientcol3 a {text-decoration:none; color:#FFFFFF;}
#rightside div.clientcol1 a:hover, #rightside div.clientcol2 a:hover, #rightside div.clientcol3 a:hover {text-decoration:none; color:#e3b74d;}


/*footer formatting*/
#footernav {width:650px; float:right; font-size:10px;text-transform:uppercase; color:#464f59;}
#footernav a{ color:#21262a; text-decoration:none;  padding:0 6px 0 5px;}
#footernav a:hover {color:#e3b74d; }
#footernav a.first {padding:0 8px 0 0;}
#copy {width:270px; float:left;  color:#21262a;} /*copyright line*/


/* Leadership */
table.TwoColTable {border-collapse:collapse; margin:0 0 30px 0;}
table.TwoColTable  td {vertical-align:top; width:300px; padding-right:25px;}
table.TwoColTable  td h6 {font-size:11px; text-transform:uppercase;  margin:20px 0 2px 0; padding:0; font-weight:normal; color:#dddddd; letter-spacing:.1em;}
table.TwoColTable  td h6.top{margin:0 0 2px 0;}
table.TwoColTable  td a {color:#ffffff; text-transform:inherit; font: bold 16px/20px Arial, Helvetica, sans-serif; text-decoration:none;}
table.TwoColTable  td a:hover{color:#e3b74d;}
table.TwoColTable td p {font:normal 14px/20px Arial, Helvetica, sans-serif; color:#ffffff; margin:0 0 15px 0; padding:0;}
table.TwoColTable td p span{color:#dddddd;}