/* General Styles
---------------------------------------------------------*/
body { background: #004374 url('../images/bg_gradient.jpg') repeat-x top left; margin: 0; height: 100%; }

#wrapper { margin: 0 auto; width: 940px; height: 100%; }
#container { height: auto; }
a img { border: none; }
#content { background: transparent url('../images/body_bg.png') repeat-y; width: 972px; margin-left: -16px; padding: 1px 0 40px; }

p, ul { font-family: "Verdana", sans-serif; font-size: 14px; line-height: 120%; font-weight: normal; }
h1 { font-size: 36px; font-family: "Helvetica", "Verdana", sans-serif; font-weight: bold; padding: 0 56px 0}
h2 { font-size: 20px; font-family: "Helvetica", "Verdana", sans-serif; font-weight: bold; padding: 0 56px 0; }
h2.top, #content p.top, form.top, h1.top { padding-top: 20px; }
img.top { padding-top: 40px; }
p a { color: #ea2530; border-bottom: #ea2530 1px dotted; text-decoration: none; }
p a:hover { color: #666; border-bottom: #666 1px dotted; text-decoration: none; }

#footer { background: #000 url('../images/footer_bg.jpg') repeat-x; width: 940px; padding: 2px 0px 2px; margin-bottom: 40px; }

.divider { background: #e6242f url('../images/divider_bg.jpg') repeat-x; width: 940px; height: 10px; margin-left: 16px; margin-top: 40px; margin-bottom: 40px; }

/* Header
---------------------------------------------------------*/
#header { background: transparent url('../images/header_bg.jpg') no-repeat; width: 940px; height: 250px; }
#header_left { float: left; height: 250px; }
#header_right { color: #fff; font-size: 20px; font-family: "Helvetica", "Verdana", sans-serif; width: 450px; float: right; height: 200px; text-align: right; line-height: 150%; font-weight: normal; padding-top: 50px; padding-right: 40px; }

/* Navigation
---------------------------------------------------------*/
#nav { background: #ec2530 url('../images/nav_bg.jpg') repeat-x; width: 940px; height: 35px; text-align: center; }
.corner { position: relative; width: 10px; height: 10px; background: transparent url('../images/nav_corners.png') no-repeat; font-size: 0%; }
.cap { background: url('../images/nav_bg_cap.jpg') repeat-x; height: 10px; width: 920px; margin-left: 10px; margin-top: -20px; }
.tl { top: -10px; left: 0; background-position: 0 0; }
.tr { top: -10px; left: 930px; background-position: -10px 0; }

/* Nav Buttons
---------------------------------------------------------*/
#nav_home a { width: 50px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/home.png') no-repeat bottom left; }
#nav_about a { width: 93px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/about.png') no-repeat bottom left; }
#nav_programs a { width: 86px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/programs.png') no-repeat bottom left; }
#nav_examples a { width: 143px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/examples.png') no-repeat bottom left; }
#nav_research a { width: 145px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/research.png') no-repeat bottom left; }
#nav_contact a { width: 98px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/contact.png') no-repeat bottom left; }
#nav_press_kit a { width: 82px; height: 26px; display: block; overflow: hidden; background: transparent url('../images/press_kit.png') no-repeat bottom left; }

body.home #nav_home a,
body.about #nav_about a,
body.programs #nav_programs a,
body.examples #nav_examples a,
body.research #nav_research a,
body.contact #nav_contact a,
body.press_kit #nav_press_kit a,
#nav_home a:hover, #nav_about a:hover, #nav_programs a:hover, #nav_examples a:hover, #nav_research a:hover, #nav_contact a:hover, #nav_press_kit a:hover { background-position: top left; }


#nav ul { margin: -10px 55px; }
#nav li { list-style: none; float: left; margin-right: 10px; }
#nav li a { text-decoration: none; color: #fff; font-size: 16px; font-family: "Helvetica", "Verdana", sans-serif; padding-top: 5px; }

.home:hover, .about:hover, .programs:hover, .examples:hover, .research:hover, .contact:hover, .press_kit:hover, .selected { background-position: top left; }

/* Main Content
---------------------------------------------------------*/
#content br { clear: both; }
#content p { padding: 0 56px 0 0; margin-left: 56px; }
#content ul { margin-left: 80px; padding-right: 60px; }
.buttons { padding-top: 20px; padding-left: 197px; list-style: none; height: 26px; }
.item { float: left; margin-right: 100px; }
.mei_team_members { width: 157px; height: 26px; display: block; background: transparent url('../images/mei_team_members.png') no-repeat top left; padding: 5px 8px; color: #fff; text-decoration: none; }
.mei_board { width: 177px; height: 26px; display: block; background: transparent url('../images/mei_board.png') no-repeat; padding: 5px 9px; color: #fff; text-decoration: none; }
#content img.first { margin-left: 40px; }
#content img { margin-left: 5px; vertical-align: middle; }

/* Table
---------------------------------------------------------*/
p.odd { display: block; background-color: #ddd; padding: 5px; max-width: 600px; height: 20px; }

/* Three column for homepage
---------------------------------------------------------*/
.spacer { padding-left: 60px; }
#main_bottom .left { width: 280px; float: left; }
#main_bottom .middle { width: 150px; float: left; }
#main_bottom .right { width: 440px; float: right; }
#main_bottom { width: 940px; }
#main_bottom br { clear: both; }
#main_bottom i, #content i { color: #666; }

/* Two column for about page
---------------------------------------------------------*/
#two_col ul { width: 860px; }
#two_col ul li { float: left; width: 430px; }
#two_col br { clear: left; }
#two_col { margin-bottom: 40px; height: 110px; }

/* Two column about subpage
---------------------------------------------------------*/
#about_left_sub { width: 50%; float: left; }
#about_left_sub ul { list-style: none; margin-left: 30px; }
#about_left_sub ul li.selected a { color: #fff; }
#about_left_sub ul li.selected { color: #000; background: #ec2530 url('../images/arrow_right.jpg') right top no-repeat; padding: 4px 10px 4px 15px; margin-left: -15px; height: auto; min-height: 32px; }
#about_left_sub ul li { font-weight: bold; margin-top: 20px; }
#about_left_sub li span.title { font-style: italic; font-weight: normal; padding-top: 0px; }
#about_left_sub a { color: #000; text-decoration: none; }
#about_right_sub { width: 50%; float: right; }
p a.pdf { padding-left: 20px; }
p .pdf { background: url('../images/pdf_icon.jpg') top left no-repeat; }
#about_right_sub i { color: #000; }

/* Slider
---------------------------------------------------------*/
.panel .thumb { float: left; width: 40%; }
.panel .thumb img { vertical-align: top; }
.panel .descr { float: right; width: 58%; }
.panel .descr p { font-size: 12px; margin-top: 0; }

/* Project Examples
---------------------------------------------------------*/
/*#about_right_sub .first { margin-top: 40px; }*/
h2.projects { margin-top: 40px; background: #cd202a; max-width: 350px; margin-left: 5px; padding-left: 10px; color: #fff; font-weight: normal; }

/* Contact
---------------------------------------------------------*/
input, textarea { width: 310px; }
input#areacode, input#local3dig, input#faxareacode, input#faxlocal3dig { width: 25px; }
input#local4dig, input#faxlocal4dig { width: 30px; }
textarea#comments { height: 200px; }
.submit { width: auto; }
.required { font-weight: bold; }
.note { font-size: 10px; }

/* CAPTCHA
---------------------------------------------------------*/
#recaptcha_widget_div { margin-left: 53px; }

/* Footer
---------------------------------------------------------*/
p.copyright { text-align: center; font-family: "Helvetica", "Verdana", sans-serif; font-size: 10px; color: #ababab; padding: 0; line-height: 150%; }