/*** general settings ***/
html, body, h1, h2, h3, h4, h5, h6, p, a, ul, li, img { margin: 0; padding: 0; }
a { outline: none; }


/*** header and navigation menu ***/
#header { width: 100%; text-align: center; }
#header img { margin: 10px 0; }

#header .logo { width: 960px; margin: 15px auto; height: 100px; background: url(/images/erian_centre_logo.gif) center top no-repeat; }
#header .logo p { display: block; padding: 75px 0 0 675px; font: 11px Arial, sans-serif; color: #999;}
#header .logo a { padding: 0 10px; color: #00483A; text-decoration: none; }
#header .logo a:hover { color: #000;}


#header_band {  clear: both; background: #00483A; }
#header_photo_frame { background: url(../images/header_band_large.gif) 0 25px #00483A; height: 200px; clear: left; overflow: auto;}
#header_photo_frame img { margin: 0; }


#top_menu { margin: auto; width: 950px; position: relative; z-index: 100;}
#top_menu ul.nav { display: block; margin: auto; }
#top_menu ul { padding: 0; margin: 0; list-style: none; }
#top_menu ul li { height: 20px; float:left; position: relative; padding-top:5px; background: #00483A; }
#top_menu ul li { font: 12px Georgia, "Times New Roman", Times, serif; text-align: center; letter-spacing: 0.2em; color: #fff; }
#top_menu ul li a { font: 12px Georgia, "Times New Roman", Times, serif; text-align: center; letter-spacing: 0.2em; color: #fff; text-decoration: none; }
#top_menu ul li ul { display: none; position: absolute; left: 0; top: 25px; border: none; padding: 0 1px 1px 1px; background: #8DAFA8; }
#top_menu ul li ul li { text-align: center; padding: 0; height: auto; }
#top_menu ul li ul li a { display: block; background: #F8F8F8; line-height: 15px; padding: 5px 10px; letter-spacing: normal; }
#top_menu ul li ul li a { font: 11px Verdana, Geneva, sans-serif; color: #00483A; text-decoration: none; text-align: left;}
#top_menu ul li ul li a:hover { background: #00483A; color: #EEE; }
#top_menu li > ul { top: auto; left: auto; }
#top_menu li:hover ul, #top_menu li.over ul { display: block; }
#top_menu li:hover, #top_menu li.over  { background: #8DAFA8; color: #fff;}
#top_menu ul li.small { width: 135px; }
#top_menu ul li.small ul li { width: 133px; }
#top_menu ul li.small a { width: 113px; }
#top_menu ul li.large { width: 175px; }
#top_menu ul li.large ul li { width: 173px; }
#top_menu ul li.large a { width: 153px; }


/*** main section ***/
#frame { width: 950px; margin: 0 auto; }
#frame td { vertical-align: top; /*border: 1px solid red;*/}


#left { width: 175px; padding: 30px 30px 0 0; }
#left h4 { font: 10px Georgia, "Times New Roman", Times, serif; color:#00483A; text-transform: uppercase; text-align: center; color: #333; letter-spacing: 0.2em; }
#left h4 { border: 1px dashed #bbb; border-width: 1px 0; padding: 5px 0; margin-bottom: 5px; background: #D9E4E2; }
#left h5 { font: 10px Georgia, "Times New Roman", Times, serif; color:#00483A; text-transform: uppercase; text-align: center; color: #333; letter-spacing: 0.2em; }
#left h5 { border: 1px dashed #bbb; border-width: 1px 0; padding: 5px 0; margin-bottom: 5px; background: #eee; }
#left img { margin: 15px 0; border: none;}
#left p { font: 11px Arial, Helvetica, sans-serif; line-height: 15px; color: #666; text-align: center;}
#left p a.anchor { font: 11px Arial, Helvetica, sans-serif; color: #00483A; padding-top: 5px; text-decoration: none; display: inline-block;}
#left ul { margin-bottom: 25px; }

#right { padding-top: 15px;}
#right h4 { font: 10px Georgia, "Times New Roman", Times, serif; color:#00483A; text-transform: uppercase; text-align: center; color: #333; letter-spacing: 0.2em; }
#right h4 { border: 1px dashed #bbb; border-width: 1px 0; padding: 5px 0; margin-bottom: 5px; background: #D9E4E2; margin: 30px 0 15px 0; }
.external_links { width: 175px; list-style: none; font: 11px Arial, Helvetica, sans-serif; }
.external_links li { background: url(../images/bullet_page.gif) 6px 6px no-repeat; padding-left: 25px; margin-bottom: 8px;}
.external_links a { margin: 0; padding: 0; display: inline; text-decoration: none; line-height: 1.8em; color: #00483A; text-transform: capitalize; }
.external_links a:hover { text-decoration: underline; color: #000; }


#article_nav { width: 150px; list-style: none; font: 11px Arial, Helvetica, sans-serif; }
#article_nav li { padding-left: 20px; background: url(../images/bullet_down.gif) 6px 5px no-repeat; }
#article_nav a { text-decoration: none; line-height: 1.5em; color: #00483A; padding-left: 0px; display: inline-block; padding-bottom: 4px; }
#article_nav a:hover { text-decoration: underline; color: #000; }

#article_additional { width: 150px; list-style: none; font: 11px Arial, Helvetica, sans-serif; }
#article_additional a { text-decoration: none; line-height: 1.8em; color: #00483A; }
#article_additional a:hover { text-decoration: underline; color: #000; }
#article_additional img { vertical-align: middle; border: none; margin: 2px 2px 2px 5px; } 
.article_links { width: 150px; list-style: none; font: 11px Arial, Helvetica, sans-serif; }
.article_links li p { color: #00483A; margin: 0 0 10px 10px; line-height: 1.8em; }
.article_links a { text-decoration: none; line-height: 1.8em; color: #00483A; padding-left: 21px; background: url(../images/bullet_page.gif) 6px 3px no-repeat; text-transform: capitalize; }
.article_links a:hover { text-decoration: underline; color: #000; }




#left div.press_articles { padding: 10px;}
#left div.press_articles p { margin-bottom: 25px; }
#left div.press_articles p a { text-decoration: none; color: #00483A;}
#left div.press_articles p a:hover { color: #000;}

#center { width: 515px; padding: 25px 30px 0 0; }
#center h1 { font: 26px Georgia, "Times New Roman", Times, serif; color:#00483A; margin-bottom: 15px; }
#center h1 em { text-transform: lowercase; font-size: 0.7em; }
#center h2 { font: 17px Georgia, "Times New Roman", Times, serif; color:#00483A; margin: 35px 0 15px 0; clear: both;}
#center h3 { font: bold 12px Georgia, "Times New Roman", Times, serif; color:#00483A; margin-bottom: 4px;}
#center p { font: 12px Arial, Helvetica, sans-serif; color: #555; line-height: 1.7em; margin-bottom: 15px; word-spacing: 0.15em; }
#center p a { color: #00483A;}
#center p a:hover { color: #000;}
#center p.small { font: 11px Arial, Helvetica, sans-serif; }
#center p.small { line-height: 1.6em; }
#center img { border: 1px solid #bbb; float: left; margin: 0 10px 10px 0; }
#center img.simple { border: none; float: none; }
#center strong { font-weight: bold; color: #00483A; }
#center a.top { font: italic 11px Georgia, "Times New Roman", Times, serif; color: #00483A; text-decoration: none; display:block; }
#center a.top { margin-top: 35px; text-align: right; border-top: 1px dashed #ddd; padding: 5px 5px 0 0; clear: both; }
#center a.top:hover { text-decoration: underline; color: #000; }
#center ul { margin: 0 30px; }
#center ul li { font: 12px Arial, Helvetica, sans-serif; line-height: 1.5em; color: #555; margin: 0 0 10px 5px; list-style:square; }
#center table.table { width: 95%; font: 12px Arial, Helvetica, sans-serif; color: #555; margin: 10px 0 25px 0; }
#center table.table td { padding: 5px 5px; border-bottom: 1px dashed #bbb; word-spacing: 0.15em; }
#center table.table td em { font-size: 11px; }
#center table.table td.year { font-weight: bold; color: #00483A; width: 60px; text-align: center; }
#center table.table td.year_wide { font-weight: bold; color: #00483A; width: 125px; text-align: left; padding-left: 25px; }
#center table.table td.year_wide em { font-weight: normal; color: #555; }
ul a { font: 11px Arial, Helvetica, sans-serif; color: #00483A; padding-left: 5px; }
.map { border: 1px solid #999; padding: 2px;  width: 480px; }


#center div.ba_photos { margin: 0 0 35px 0; overflow: auto; }
#center div.ba_photos p { clear: left; }
#center div.ba_photos img { padding: 2px; border-color: #ccc; margin: 0 25px 15px 0; }
#center div.ba_photos h2 { margin: 0 35px 15px 0; padding: 30px 0 5px; border-bottom: 1px dashed #ccc; clear: both; }
#center div.ba_photos h2 em { font: normal 10px Arial, Helvetica, sans-serif; }

#center div.tstCol { width: 200px; float: left; margin: 25px 10px 25px 30px; }
#center div.tstCol img { margin: 0 0 25px 0; }

#center div.block { overflow: auto; margin: 25px 0 50px 0;}
#center div.line { clear: both; overflow: auto;}
#center div.certificate { display: inline; float: left; width: 200px; margin: 0 15px 0 10px; text-align: center;}
#center div.certificate img { float: none; margin: 0; padding: 10px; border: none; background: url(/images/certificates/thumbs/shadow_landscape.png) top left no-repeat;}
#center div.certificate img.portrait { background: url(/images/certificates/thumbs/shadow_portrait.png) top left no-repeat; }
#center div.certificate p { font: 10px Arial, Helvetica, sans-serif;}

#center div.video_link { width: 135px; float: left; display: inline; text-align: center; border: 1px solid #d9e4e2; padding-top: 10px; margin: 0 15px 15px 0;}
#center div.video_link img { border: none; float: none; padding: 0; margin: 0;}
#center div.video_link p { display: block; padding: 0 15px; font-size: 11px;}	
	
#summary { margin: 0 0 15px 0; }
#summary td { font: 11px Arial, Helvetica, sans-serif; color: #333; height: 17px; }
#summary td.desc { font-style: italic; width: 110px; }





/*** footer ***/
#footer { clear: both; background: url(../images/footer_band.gif) repeat-x; margin: 25px 0; padding-top: 25px; }
#footer p {display: block; width: 950px; margin: 0 auto; text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #aaa; }
#footer p a { text-decoration: none; color: #666; }
#footer p a:hover { color: #333; }