html { height: 100% }
	a { color: #5052d1 ; text-decoration: none }
	a:hover { text-decoration: underline ; color: #44459f }
	body { margin: 0 ; padding: 0 ; height: 100% ; background: #e0e3e6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UwZTNlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e0e3e6 1%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e0e3e6), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e3e6 1%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e3e6 1%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e3e6 1%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(top,  #e0e3e6 1%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e3e6', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
background-repeat: no-repeat;
    background-attachment: fixed;}

	#wrapper { width: 80% ; background-color: white ; border: 1px solid #333366 ; margin: 1em auto .25em ; padding-bottom: 2em }
	#copyright { width: 80% ; margin: 0em auto 1em ; color: #66679b ; height: 35px }
	h1, h2, h3, h4 { font-family: 'century gothic', arial, sans-serif }
	h2, h3, h4 { margin: 0 22px ; color: #161044 }
	h1 { margin: 10px 20px 10px ; padding: 0 ; width: 540px ; position: relative ; overflow: hidden }
	h1 span { display: none }
	h1, #header span { font-family: 'century gothic', arial, sans-serif ; font-weight: normal }
	#header { border: 0px solid red ; float: left ; width: 100% ; margin-bottom: 1em }
	#header .tagline { width: 100% ; display: block ; float: left ; margin: 0 !important ; color: #66679b ; background-color: #edeff1 ; letter-spacing: 1.9px }
	#header .tagline em { display: block ; padding: 3px 22px }
	.contact { margin-left: 156px ; margin-bottom: 1.5em ; color: #161044 ; letter-spacing: .05em }
	#content { font-family: arial, san-serif }
	p, ul { margin: 0 1.75em 1em 22px }

	#nav { width: 100% ; float: left ; margin: 0 0 0 0 ; padding: 0 ; list-style: none ; background-color: #e0e3e6 ; border-bottom: 1px solid #ccc ; border-top: 1px solid #ccc }
	#nav li { float: left ; width: 135px ; text-align: center }
	#nav li a { display: block ; padding: 8px 15px ; text-decoration: none ; font-weight: bold ; color: #66679b ; border-right: 1px solid #ccc }
	#nav li a:hover { color: #333366 ; background-color: #fff }
	#nav li:first-child { margin-left: 153px ; border-left: 1px solid #ccc }

	#content ul, #content ol { margin-left: 62px }
	#content ul { list-style-type: circle }
	#content ul + h3, #content p + h3 { margin-top: 1em }
	#content p.headernote + h3 { margin-top: .05em }

	.headernote { margin: 1.5em 1.75em .1em 22px }
	.imgcap { width: 200px ; float: right ; margin: 1em 2em 3em 3em }
	.imgcap img { width: 200px ; border: 0px solid #000 }

@media screen and (max-width: 850px){
	#wrapper { width: 80% }
}

@media screen and (max-width: 750px){
	#wrapper { width: 90% }
}

@media screen and (max-width: 650px){
	h1 { max-width: 98% }
	h1 img { max-width: 90% }
	#nav li:first-child { margin-left: 0px !important ; border-left: 0px solid #ccc }
	#nav li { width: 33% !important }
	#nav li:last-child { width: 34% }
	#nav li:last-child a { border-right: 0px solid #ccc }
	#header .tagline { text-align: center }
}

@media screen and (max-width: 450px){
/*	h1 { width: 90% ; ; height: 120% ; padding-bottom: .2em ; font-size: 1.5em ; line-height: 100% ; color: #161044 }
	h1 span { display: none }
	h1 { width: 240px ; height: 56px }
	h1 span { background: url(http://greatcircleglobal.com/images/greatcircle_logo_sm2.gif) no-repeat }*/
	#wrapper { width: 100% ; background-color: white ; border: 1px solid #333366 ; margin: 0 ; padding-bottom: 2em }
	#copyright { width: 96% ; margin: 0em auto 1em ; color: #66679b ; height: 35px }
	.contact { margin-left: 22px ; letter-spacing: .03em }
}