html, body {margin: 0; padding: 0; width: 100%; height: 100%}
body {color: #444; background: #cecece}
body.editor {background: white; width: 700px; padding: 5px}
body, td, th {font-family: arial; font-size: 8.5pt; line-height: 170%; letter-spacing: 1px}
img {border: none}
p {padding: 0; margin: 0.5em 0 1em 0}

/* hr {display: none} */
hr {height: 1px; margin: 10px 0; border: none; background: #888}

.clear {clear: both}

a:link, a:visited {color: #666; text-decoration: none; font-weight: bold}
a:link:hover, a:visited:hover {text-decoration: underline}

h1 {font-size: 13pt; margin: 1em 0}
h2 {font-size: 11pt}
h3 {font-size: 10pt}
h4 {font-size: 9pt}
h5 {font-size: 8pt}
h6 {font-size: 7.5pt}
h1, h2, h3, h4 {color: #777}

li {margin-top: 0.5em; margin-bottom: 0.5em}




#main-wrapper {width: 832px; padding: 0 10px; margin: 0 auto; min-height: 100%; background: url('../gfx/page-bg.gif'); background-repeat: repeat-y; background-position: center}

#main {width: 788px; padding: 0 22px; min-height: 100%; background: white}

#header {top: 38px; position: relative; margin-bottom: 38px}

#header-top-text {position: absolute; top: 0; right: 0px}
#country-activities {position: absolute; top: 28px; right: 0px; font-size: 9pt; font-weight: normal; color: #666; cursor: default}
#country-activities img {border: 1px solid #b2b2b2; vertical-align: -2px}
#country-activities span {margin-left: 5px}
#country-activities a {font-weight: normal}

#menu {position: absolute; top: 53px; right: 0px; width: 676px; height: 133px; background: url('../gfx/menu-bg.gif') #fafafa; line-height: 140%}
#menu a {color: #777; text-decoration: none; font-weight: normal}
#menu ul {list-style-type: none; margin: 0; padding: 0; margin-top: 12px; font-size: 9pt; letter-spacing: 2px; text-transform: lowercase; z-index: 10}
#menu li {height: 30px; margin: 0}

#menu-col1 {position: absolute; left: 13px}
#menu-col2 {position: absolute; left: 375px}

#home-header-howard {position: absolute; left: 270px; top: 106px; z-index: 5}

#content {position: relative; width: 700px; min-height: 300px; margin: 0 auto; padding-top: 32px}
#footer {margin-top: 40px; padding-bottom: 20px; border-top: 1px solid #aaa; text-align: right; font-size: 8pt}
#footer a {color: #888; text-decoration: none; font-weight: normal}
#footer ul {list-style: none; margin: 1px 0 0 0; text-transform: lowercase}
#footer li {display: inline; margin: 0; margin-left: 1.5em}

	

/* home */
#home h1 {font-size: 11pt; margin: 0 0 1em 0}
#home img.home-logo {display: block; margin: 0 0 27px 40px}
#main-box {width: 380px; min-height: 230px}

div.home-box {
	float: left;
	width: 310px;
	margin-right: 70px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
div.home-box.last-col {margin-right: 0}

#main-box p.more, div.home-box p.more {text-align: right; font-size: 9pt}


/* content page */
div.content-page {margin-top: 2em}
div.content-page a:link, div.content-page a:visited {border-bottom: 1px dotted #888}
div.content-page a:hover {border-bottom: 1px solid #888; text-decoration: none}
div.content-page a.no-decoration:link, div.content-page a.no-decoration:visited, div.content-page a.no-decoration:hover {border: none; text-decoration: none}
div.content-page a img {vertical-align: bottom}

p.page-path {font-size: 9pt}

ul.toc {margin-top: 1em}
h2.toc {margin: 1em 0 -0.3em 0}


/* gallery */
/* Blackout popup */
#gallery-blackout-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1000;
}
div.gallery-blackout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity:.92;
	filter: alpha(opacity=92);
}
 
div#gallery-blackout-content {
	position: relative;
	top: 0;
	margin: 0 auto 0 auto;
	width: 540px;
	height: 300px;
	border: 1px solid #555;
	background: white;
	z-index:1002;
}
img#gallery-image {
	background: #333;
}
div#gallery-blackout-content img {
	display: block;
	cursor: pointer;
}
div#gallery-blackout-content img.gallery-close {
	position: absolute;
	top: -22px;
	right: 0;
}
div#gallery-blackout-content img.gallery-left {
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -25px;
	padding: 10px 7px 10px 0;
}
div#gallery-blackout-content img.gallery-right {
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -25px;
	padding: 10px 0 10px 7px;
}


