html{padding:0;	margin:0px;	height:100%;}
body{font-size: 69%;font-family: Arial, Verdana, Helvetica, sans-serif;padding:0;margin:0px;background: #999999 url(../images/en/bkgMain.gif) no-repeat center top;height:100%;}
#container{margin:0 auto;padding:0; width:764px; height:auto;font-size:1em; color:#333; clear:both; padding-bottom:30px}
#containerMain{margin:0 auto;padding:0; width:764px; height:auto; background:url(../images/bkgContainerBody.jpg) repeat-y; clear:both;}
#containerTop{margin:0 auto; padding:0; width:764px; height:14px; background:url(../images/bkgContainerTop.png) no-repeat; clear:both;}
#containerBtm{margin:0 auto; padding:0; width:764px; height:14px; background:url(../images/bkgContainerBtm.png) no-repeat; clear:both;}

#skipNav{ display:none; }

#header{padding:0;width:764px; height:110px; display:block;clear:both;clear:both;}
	#header #logo a{width:350px;height:110px; display:block; float:left; display:block; text-decoration:none;}	
	#header #nav{width:302px; height:35px; margin:0; padding:0; float:right; position:relative; top:78px; right:20px; color:#333; z-index:10;}

	#nav ul{margin:0 auto;padding:0;width:302px;height:35px; clear:both; font-family:"Times New Roman", Times, serif;}
	#nav li{list-style-type:none; text-align:center; float:left;height:35px; display:block}
	#nav li span, #header #logo a span{display:none;}

/* Content */
#credits{width:718px; height:auto; clear:both; margin:0 auto; background: #fff; padding:14px 20px 20px 20px;}
#content{width:718px; height:auto; clear:both; margin:0 auto; background:url(../images/bkgMap.jpg) no-repeat center top; padding:14px 20px 20px 20px;}
	#content #right{width:600px; height:auto; float:left; padding-left:310px; padding-top:30px}
	#content #right .callout{width:244px; margin-bottom:10px; border-bottom:1px solid #76a8c8;}	
	#content ul{ padding:5px 0px 5px 15px; margin:0; margin-top:0; margin-bottom:15px;font-size:1.2em;
		font-family:"Times New Roman", Times, serif;color:#666; line-height:1.5em; list-style-type:none}
	#content li{padding-left:20px; background:url(../images/iconBullet.gif) no-repeat 6px 0.6em; padding-bottom:8px;}

/* Sub Nav */
#snav ul{ font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; height:30px; width:715px;margin:0 auto; clear:both; padding:0 0 0 0; font-size:1em; line-height:30px; margin-bottom:16px;}
#snav ul li{list-style-type:none; float:left; text-align:center;  padding-left:0; background:none; padding-bottom:0;}
#snav ul li a{list-style-type:none; text-align:center; color:#000; line-height:30px; background:none; font-weight:normal; width:142px;padding:0; margin:0; display:block;text-decoration:none; border-right:1px solid #ccc;}
#snav ul li a:hover{color:#000;text-decoration:none; background:#efefef; color:#333; }
#snav ul li a.active{background:#cc0066; color:#fff; font-weight:bold;}
#snav ul li.last a{border-right:0;}

#titles{width:auto; clear:both; padding:0; margin:0;}
#titles #title{width:60%; float:left; padding:0; margin:0; }
#titles #title h3{margin:0; padding:0; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1em; font-weight:normal}
#titles #title h2{margin:0; padding:0; color:#000; font-family:"Times New Roman", Times, serif; font-size:2.8em; line-height:1em; text-transform:none; font-weight:normal; position:relative;}
#titles #dropMenu{width:40%; float:right; text-align:right; padding:0; margin:0; }
#titles #dropMenu form{padding:0; margin:0;}
#titles #dropMenu select, #titles #dropMenu input{ font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.2em; position:relative; top:5px; background:#efefef; border:1px solid #999;}
#titles #dropMenu label{ color:#999; }
#titles #dropMenu input{ padding-left:2px; padding-right:2px; }
#titles #dropMenu input:hover{ color:#000; border-color:#cc0066; }

#details{width:auto; clear:both; padding:0; margin:0; margin-top:10px;}
#details #themeImages{width:350px; height:auto;float:left; margin-top:5px;}/* width changed from 300px */
#details #themeImages img{ padding:8px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#details #themeImages .image { position:relative; }
#details #themeImages .zoom { position:absolute; z-index:99; top:222px; left:272px; padding:0;}
#details #themeImages .zoom img{background:none; border:none;}
#details #desc{ width:360px; float:right;}/* width changed from 410px */

/* Details - styles which apply even without javascript */
.thumb{ position:relative; float:left; width: 120px; text-align:center; padding:10px 10px 0 0; }
.thumb img{ margin-bottom: 5px; padding:0; border:2px solid #999999; }
.thumb img:hover{ border-color:#cc0066; }
.imgInfo{ position:relative; float:left; width: 300px; padding-top: 10px; }
.thumbNote{ clear:both; padding:10px 0 0 0; margin-bottom:0; width:400px; }

/* other Theme rules for layout were moved to explore.css for dynamic load via javascript */
#themeContent h2, #themeContent h4{color:#cc0066; font-family:"Times New Roman", Times, serif; font-size:1.5em; margin:0; padding:0; font-weight:normal; text-transform:none; margin-bottom:6px;}
#themeContent h4{ font-size:1.2em; }
#themeContent p {font-size:1em; line-height:1.4em;}

/* the 'back to nav' links are hidden when explore.css is loaded */
.backToThemeSnav { padding-bottom: 2em; }

#themeSnav li{}/* padding-left:0;list-style: disc; color: #cc0066; */


a.active{color:#fff;}

/* Text Propeties & Misc Elements*/
a{text-decoration:underline; color:#cc0066;}
a img{border:0;}
a:hover{text-decoration:none;color:#999; border:0;}
a:focus{outline:none;}
p{font-size:1.1em; color:#333; line-height:1.5em}
H1{ font-family:"Times New Roman", Times, serif;font-size:1.9em; line-height:1em; margin:0; margin-bottom:10px;font-weight:normal;color:#cc0066; width:auto;}
H2{font-size:2em; line-height:2em; margin:0;font-weight:Normal;color:#333; width:auto; margin:0; text-transform:none; margin-bottom:0px; padding:0; padding-bottom:0; }
H3{font-size:1.3em; line-height:1em; margin:0; margin-bottom:5px; font-weight:normal; color:#333;width:auto; font-weight:bold;}

/* World Colors */

.yellow{color:#cccc33}
.blue{color:#4c677c;}
.green{color:#90a54a;}
.orange{color:#e38514 }
.purple{color:#a138af }
.red{color:#ff0000;}
#credits h2{color:#ccc; font-size:2em; line-height:1em; margin:0; padding:0; font-weight:normal; text-transform:none;}

#credits .column{float:left; width:350px;}

/* Credits */
#credits p{ margin:0; padding:0; padding-bottom:10px;}
img.logo{padding:4px 0 4px 0; }

.pink{color:#cc0066; font-family:"Times New Roman", Times, serif; font-size:1.5em; margin:0; padding:0;line-height:0.5em;}

img.inline{float:left; margin-right:10px; padding:3px;background:#fff;border:1px solid #e6e0d2;}
img.brd {padding:3px;background:#fff;border:1px solid #e6e0d2;}
a:hover img.brd {padding:3px;background:#fff;border:1px solid #666;}
/*
table{clear:both; width:700px; padding:0; margin:0;}
table td{padding:5px; text-align:center; width:130px;}
table td p {line-height:1.4em; margin:0; padding-top:6px}
table a{color:#cc0066; text-decoration:none}
table a:hover{color:#999; text-decoration:none}
*/
div.themes{clear:both;width:720px; margin:0; padding:0;}
div.themes>div{ float:left; margin:0; padding:5px; text-align:center; width:130px;}
.themes p{line-height:1.4em; margin:0; padding-top:6px;}
.themes a{color:#cc0066; text-decoration:none;}
.themes a:hover{color:#999; text-decoration:none;}

div.hr{border:0;width:auto;height:15px;margin:0;padding:0; background:url(../images/hr.png); margin-top:10px; margin-bottom:16px;}
div.hr hr{display: none;}
.back2top{background:url(../images/bkgBack2Top.jpg) no-repeat left center; padding:3px; padding-left:20px; width:auto; float:right;}
.back2top a{text-decoration:none}

/* Footer */
#footer{line-height:24px; font-size:1em; color:#333;}
#footer a{color:#999; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:none;}

#footer #fnavLeft{width:424px; float:left;}
#footer #fnavRight{ width:289px; float:right; text-align:right}
			
.clear { display: block; height: 0px; width:100%;clear: both;}
.spacer { display: block; height: 10px; width:100%;clear: both;}
.pdf, a .pdf{ vertical-align:bottom; border:0;}

.rollover{}