html { margin:0px; }
body { padding:0px; margin-top: 20px; color: #494949; font-size: 10.5pt; font-family: tahoma,verdana; background: #002B58 url(../images/bg_gradient.jpg) repeat-x; }
a { color: #2B6EB5; font-family: tahoma,verdana; text-decoration: none; font-weight: bold;}
a:hover { color: #307dce; text-decoration: underline; }
td { padding: 4px; }
li { line-height: 1.7em; }

#page_margins { min-width: 970px; max-width:970px /*64em*/; border: 1px solid #315e8d; } 
#page { padding: 0px 10px; }
#main { padding: 0px; }

#header { padding: 0px; text-align: center; }

#col1 { width:230px; }
#col2 { width:220px; }
#col3 { margin-left:230px; margin-right:220px; }

/** @todo specify padding for col2,3 */
#col1_content { padding: 10px 10px 10px 10px; }

#footer { font: 10pt Arial; color: #163313; border: 0px; padding: 0px 20px; height: 24px; background-image: url(../images/footer_bg.gif); }
#footer_content { padding-top: 5px; }
#footer_content div { display:inline; float: left; }
#footer_content #designbyitr { float: right; }
#footer_content #designbyitr #itr_logo { vertical-align: middle; }

#pagetext .Title { color: #072152; font-weight: bold; font-size: 22pt; font-family: tahoma,verdana; }
#pagetext .Subtitle { color: #494949; font-style: italic; font-size: 20pt; font-family: tahoma,verdana; }
#pagetext  h1, #pagetext .Header1 { color: #4b7147; font-weight: bold; font-size: 15pt; font-family: tahoma,verdana; }
#pagetext  h2, #pagetext .Header2 { color: #4b7147; font-weight: bold; font-size: 13pt; font-family: tahoma,verdana; }
#pagetext  h3, #pagetext .Header3 { color: #4b7147; font-weight: bold; font-size: 11pt; font-family: tahoma,verdana; }
#deptsubcontent  h1, #deptsubcontent .Header1 { color: #4b7147; font-weight: bold; font-size: 15pt; font-family: tahoma,verdana; }
#deptsubcontent  h2, #deptsubcontent .Header2 { color: #4b7147; font-weight: bold; font-size: 13pt; font-family: tahoma,verdana; }
#deptsubcontent  h3, #deptsubcontent .Header3 { color: #4b7147; font-weight: bold; font-size: 11pt; font-family: tahoma,verdana; }
#col1  h1, #col1 .Header1 { color: #4b7147; font-weight: bold; font-size: 15pt; font-family: tahoma,verdana; }
#col1  h2, #col1 .Header2 { color: #4b7147; font-weight: bold; font-size: 13pt; font-family: tahoma,verdana; }
#col1  h3, #col1 .Header3 { color: #4b7147; font-weight: bold; font-size: 11pt; font-family: tahoma,verdana; }



/* Styles for the department subcontent area */
#deptsubcontent { font-size: 11pt; font-family: tahoma, verdana; }
#deptsubcontent .Header1 { color: #446a91; font-size: 16pt; font-weight: bold; }
#deptsubcontent .Header2 { color: #446a91; font-size: 12pt; font-weight: bold; }
#deptsubcontent a { color: #307dce; font-size: 11pt; }
#deptsubcontent a:hover { font-size: 11pt; color: #307dce; text-decoration: underline; }

/* Styles for the department menus */
#deptmenu ul.toplevel { margin: 0px; list-style-type: none; }
#deptmenu ul.toplevel,
#deptmenu ul.toplevel li.heading { color: #446a91; font-size: 18pt; font-family: tahoma,verdana; margin-left: 5px; }
#deptmenu ul.toplevel li.heading ul { list-style-type: none; margin-left: 10px; margin-bottom:9px; }
#deptmenu ul.toplevel li.heading ul li { margin: 0px; line-height:1em; }
#deptmenu ul.toplevel li.heading ul li.heading ul li { line-height:1.7em; }
#deptmenu ul.toplevel li.heading ul li.heading { color: #000; font-size: 10pt; font-weight: bold; padding-bottom:4px; padding-top:2px; }
#deptmenu ul.toplevel li a { font-size: 10pt; font-family: tahoma,verdana; font-weight: normal;}
#deptmenu ul.toplevel li a:hover { text-decoration: underline; font-family: tahoma,verdana; }

/* 
################################################################################
	Styles specifically for the page header Suckerfish-style dropdown menus 
	 generated by the template at /templates/default/menu/dropmenu.tpl
	 
	Adapted from menu_dropdown.css
################################################################################
*/
#header #dropmenu	{ height:20px; /*padding-top:5px;*/ padding-left: 31px; }
#header #dropmenu a	{ text-decoration:none; }
#header	#dropmenu ul#dm_toplevel,
#header	#dropmenu ul#dm_toplevel ul	{ padding:0px; margin:0px; list-style:none; }
#header #dropmenu ul#dm_toplevel	{ position: relative; float:left; height: 100%; text-align: center; }
#header #dropmenu ul#dm_toplevel li	{ width:auto; position:relative; float:left; padding:0px 10px; margin:0px; height: 100%; }
#header #dropmenu ul#dm_toplevel li a	{ color:#555; font-size:11px; display:block; text-transform:uppercase; padding-top: 5px;}
#header #dropmenu ul#dm_toplevel li a:hover	{ color:#fff; }

/* Submenu (nested unordered list) styles */
#header #dropmenu ul#dm_toplevel li ul		{ position:absolute; z-index:2000; width:200px; left:-999em; background-color:#333; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); margin-top:5px;}
#header #dropmenu ul#dm_toplevel li ul li	{ width:100%; overflow:hidden; padding:0px; }
#header #dropmenu ul#dm_toplevel li ul li a	{ color:#EEE; text-align:left; font-weight:normal; font-size:12px; text-transform:capitalize; padding:2px; }
#header #dropmenu ul#dm_toplevel li:hover ul	{ left:0px; }
#header #dropmenu ul#dm_toplevel li.sfhover ul	{ left:0px; }
#header #dropmenu ul#dm_toplevel li.sfhover		{ background-image: url(../images/nav_bg_hover.gif); }
#header #dropmenu ul#dm_toplevel li.sfhover a	{ color:#fff; }
#header #dropmenu ul#dm_toplevel li.sfhover ul a { color:#11260E; }

#header #dropmenu { height: 34px; background-image: url(../images/nav_bg.gif); text-align: center; }
#header #dropmenu ul#dm_toplevel li:hover	{ background-image: url(../images/nav_bg_hover.gif); }
#header #dropmenu ul#dm_toplevel li:hover a	{ color: #fff; }
#header #dropmenu ul#dm_toplevel li a	{ color:#163313; font-size:10.5pt; font-weight: bold; text-transform:uppercase; font-family: verdana; }

#header #dropmenu ul#dm_toplevel li ul		{ border: 1px solid #0a3406; background-color:#8ab086; opacity:.915; -moz-opacity:.915; filter:alpha(opacity=91.5); }
#header #dropmenu ul#dm_toplevel li:hover ul li a,
#header #dropmenu ul#dm_toplevel li ul li a	{ color:#11260E; font-size:9.5pt; font-weight:bold; font-family: verdana; text-transform:none; padding: 5px 2px 5px 10px; line-height: 1.2em; }
#header #dropmenu ul#dm_toplevel li ul li a:hover	{ background-color:#497634; color:#fff; font-weight: bold; font-size:9.5pt; font-family: verdana; }

.caption, .Caption { font-style:italic; }

/* Styles for table(s) of contents */
.toc  { width: 500px; margin: 0 auto; border: 1px solid #BED4E4; padding: 8px; background: #EBF5FF ; border-collapse: collapse; font-size: 8.5pt; }
.toc a { font-size: 8.5pt; vertical-align: top; }
.toc td { width: 33%; }
.toc .first-row { border-bottom: 1px solid #BED4E4; }
.toc .second-col { border-right: 1px solid #BED4E4; border-left: 1px solid #BED4E4; }


/* 
################################################################################
	World Outreach Contact Info
################################################################################
*/
#worldOutreachContact {
	color: #777;
	margin: 20px auto;
	text-align: center;
}

/* 
################################################################################
	Styles specifically for the QuickLinks block
################################################################################
*/
#QuickLinks {
	background-color: #386495; 	
	padding: 0px 5px 5px;
}
#QuickLinks table { width: 100%; }
#QuickLinks .title h1 {
	color: #fff;
	font-size: 13pt; 
}
#QuickLinks .body {
	background-color: #fff; 	
	padding: 5px;
}
#QuickLinks .body h1 a { color: #4b7147; font-weight: bold; font-size: 15pt;  }
#QuickLinks .body h2 a{ color: #455672; font-weight: bold; font-size: 13pt;  }
#QuickLinks .body h3 a{ color: #666; font-weight: bold; font-size: 11pt;  }


/* 
################################################################################
	Styles specifically for the Missions page.
	Needs to be combined with Javascript for correct display
################################################################################
*/
#missions-map {
	margin: 15px 0px;
	position: relative;
}
#missions-map br { display: none; }
#missions-map a { background: transparent url(/templates/eva02_page/images/location.png); color: #fff; display: block; font-size: 0.001%; height: 16px; position: absolute; text-indent: -999em; width: 16px; }
#missions-map a.active { background: transparent url(/templates/eva02_page/images/location-active.png); }
#missions-map a.Cambodia { top: 170px; left: 333px;}
#missions-map a.Haiti {top: 164px; left: 125px;}
#missions-map a.HongKong {top: 159px; left: 347px;}
#missions-map a.Hungary {top: 123px; left: 246px;}
#missions-map a.India {top: 164px; left: 302px;}
#missions-map a.Indonesia {top: 189px; left: 354px;}
#missions-map a.Ireland {top: 113px; left: 200px;}
#missions-map a.Jamaica {top: 164px; left: 111px;}
#missions-map a.Mexico {top: 158px; left: 87px;}
#missions-map a.Nepal {top: 152px; left: 313px;}
#missions-map a.Philippines {top: 174px; left: 357px;}
#missions-map a.Rwanda {top: 190px; left: 244px;}
#missions-map a.Romania {top: 126px; left: 258px;}
#missions-map a.Russia {top: 97px; left: 320px;}
#missions-map a.Taiwan {top: 158px; left: 358px;}

#missions-descriptions > div { display: none; background-color: #a1cb9d; padding: 5px 8px 8px; margin: 5px 0px; }
#missions-descriptions table { width: 100%; }
#missions-descriptions .description-title { color: #0a3406 !important; font-weight: bold;}
#missions-descriptions .description-body  { background-color: #fff; color: #0a3406;  }
#missions-descriptions .description-body a { color: #0a3406; text-decoration: underline;  }
#missions-descriptions .active { display: block !important; }

#missions-list { background-color: #d2d9e3; 	padding: 5px; }
#missions-list .list-title { color: #142f4b; font-size: 16px; font-weight: bold; text-align: center; text-decoration: underline; }
#missions-list a,
#missions-list a:link { background: transparent; color: #2f5073; display: block; font-weight: bold !important; font-size: 12px !important; padding: 3px 0px 3px 10px; }
#missions-list a:visited { color: #466688; font-weight: normal !important;}
#missions-list a.active { background: transparent url(/templates/eva02_page/images/list-arrow.png) no-repeat scroll 0 center; color: #003c00 !important; font-weight: bold !important; }