/* HTML5 Reset and font-face */
  @charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top}:focus{outline:0}
  article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body {height:100%}
body {background:url(/themes/ghdp/img/bg.jpg) top center repeat; font:normal normal 14px Arial, sans-serif}
h1, h2, h3{font-weight:bold}
h1 {font-size:1.6em}
h2 {font-size:1.4em}
h3 {font-size:1.2em}
strong {font-weight:bold}
em {font-style:italic}

a {color:#8b8b8b; text-decoration:none}

.red {color:#D1A9A9}
.green {color:#D1A9A9}
.hidden {display:none}
.left {float:left}
.right {float:right}
.spacer {display:block; height:20px; clear:both}
.half {width:49%; box-sizing:border-box}
.third {width:33%; box-sizing:border-box; padding:0 20px}


#wrapper {width:940px; height:auto; margin:0 auto; padding-bottom:20px}
	header {height:auto; padding-bottom:10px}
    #logo {width:386px; height:120px; display:block; float:left; position:relative}
      .theLogo {width:386px; height:120px; display:block; position:absolute; top:0; left:0; z-index:2; background:url(/themes/ghdp/img/logo.png) top left no-repeat}
      .theGlobe {width:25px; height:25px; display:block; position:absolute; top:11px; left:138px; z-index:1; background:url(/themes/ghdp/img/spinningGlobe.gif) top left no-repeat}
		nav {height:50px; display:block; clear:both; background:#004AA7}
			nav ul li {list-style-type:none; display:block; float:left; position:relative}
			nav a {height:50px; float:left; line-height:50px; padding:0 20px; font-size:12px; border-left:#1A5AB0 1px solid; border-right:#004396 1px solid; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.6)}
				nav a:hover, nav a.nav-selected {background:#84B8E3; border-color:#84B8E3}
					nav ul li ul {display:none; position:absolute; top:50px; left:0}
						nav ul li:hover ul {display:block; background:#84B8E3; z-index:3; width:200px}
							nav ul li:hover a {background:#84B8E3; border-color:#84B8E3}
							nav ul li:hover ul li {display:block}
								nav ul li:hover ul li a {display:block; width:200px; border:none; border-top:#1A5AB0 1px solid}
								nav ul li:hover ul li:first-child a {border:none}
									nav ul li:hover ul li a:hover {background:#9bc6e8}
	
	#homeBanner, #banner {width:940px; height:322px; clear:both; margin:10px auto 0; box-shadow:0 0 5px rgba(0,0,0,.4); -moz-box-shadow:0 0 5px rgba(0,0,0,.4); -webkit-box-shadow:0 0 5px rgba(0,0,0,.4); position:relative; z-index:2}
		#banner {height:auto}
	
	.box {clear:both; width:880px; height:auto; display:block; padding:20px; margin:0 auto; background:#e9e9e9; line-height:20px}
	
	.sections {font-size:12px; padding:30px 0; overflow:auto}
		.sections h3 {font-size:20px; margin:10px 0}
		.sections p {color:#555; padding:0 0 10px}
		
	.box.bottom {border:#ccc 1px solid}
		.box.bottom p {padding:10px 0}
	
  .content {background:#fff; padding:20px; box-shadow:0 0 5px rgba(0,0,0,.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5)}
    .content h2 {font-size:24px; text-indent:20px; padding:20px 0; border-bottom:#dddddd 1px solid; margin-bottom:20px}
    .content h2:first-child {padding-top:0}
	
	footer {height:50px; margin:20px auto; padding:0 20px; display:block; clear:both; background:#004AA7; line-height:50px; color:#fff}
  
  .prettyTable tr td {background:#eee; padding:5px; border:#ccc 1px solid}
    .prettyTable tr td img {margin-right:5px}