/* Copyright Jeff Cook 2008 */

/* http://centerofcreation.com */

/* @group PRIMARY OBJECTS */

/* @group BODY */

HTML { text-align: center; display: table-cell; vertical-align: middle; }

body {
	display: table;
	margin-left: 0%;
	margin-top: auto;
	height: 100%;
	width: 100%;
	color: white;
	font-family: Garamond, "Times New Roman", Georgia, Times, Serif;
	background-color: #002114 ;
	min-height: 100%;
}
xbody {
	margin: 0px;
	height: 100%;
	width: 100%;
	margin: 0;
}


#body-box {
	display: table;
	margin: 0;
	padding: 0;
	border: solid green thick;
	height: 100%;
	min-height: 100%;
}

.center-hv {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.center-h {
	display: table-cell;
	text-align: center;
}

.center-v {
	display: table-cell;
	vertical-align: middle;
}

#center-7 {
	margin-top: 22px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	width: 780px ;
	min-height: 850px;

}

#center-8 {
	margin: auto;
	vertical-align: middle;
	width: 800px;
}
/* @end */

/* @group Header */

#header {
	height:111px; width: 100%; top: 0px;
	border-bottom: medium groove white;
}

x#head {
	position: absolute;
	left: 160px;
	padding-top: 30px;
	text-align: left;
}

x.stripe {
	position: absolute;
	z-index: 11;
	top: 69px;
	left: -10px;
	height: 10px;
	width: 130%;
}

/* @end */

/* @group Column-1 */

#col-1 {
	position: absolute;
	top: 90px;
	width: 134px;
	height: 100%;
	z-index: -1;
	padding-right: 5px;
	color: silver;
	background-color: yellow;
	border-right: medium solid #000055;
}

#col-1 h3, #col-1 h4 {
	color: lime;
}

/* @end */

/* @group Column-2 */

#col-2 {
	margin-left: 162px;
	margin-right: 26px;
	margin-top: 22px;
	min-width: 750px;
	vertical-align: middle;
	border: medium gray solid;
}

#col-2-c {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	vertical-align: middle;
	width: 780px;
}

#col-2 p {
	text-align: left;
}

/* @end */

/* @group Footer */

#footer {
	z-index: -1;
	width: 620px;
	margin: auto;
	margin-top: 4em;
	margin-bottom: 1em;
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: whitesmoke;
	font-size: 75%;
}

/* @end */

/* @end */

/* @group SECONDARY OBJECTS */

/* @group Main Body */

#main-body {
	color: black;
	background: white;
	border: medium gray solid;
}

#main-text {
	padding: 11px 19px;
	color: black;
}

#main-text a {
	color: navy;
}

#main-text a:hover {
	color: red;
}

#main-text a:visited {
	color: purple;
}

/* @end */

/* @group Sidebar-l */

.sidebar-l {
	margin-left: 10px;
	margin-top: 15px;
}

.sidebar-l	a {
	color: yellow;
}

.sidebar-l	a:visited {
	color: yellow;
}

/* @end */

/* @end */

/* @group TEXT */

/* @group Logos & Taglines */

.logo-lg, .logo-md, .logo-sm, .logo {
	color: white;
}

.logo-lg {
font-weight: 800; font-size: 287%; margin:auto; padding-bottom: 0em; text-shadow: gray .05em .05em 0;
}

.logo-md {
	font-weight: 800;
	font-size: 187%;
}

.logo-sm {
	font-weight: 800;
	font-size: 187%;
}
#logo-t a, #logo-l a, #logo-b a { text-decoration: none; color: white;}

#logo-t {
margin:auto; padding-top: 15px;  text-align: center;
}

#logo-l {
	
}

.tag {
	color: white;
}

#tag-t {
	font-weight: 800; font-size: 137%;	}

/* @end */

/* @group Headlines */

h1 {
	color: black;
	border-bottom: thin solid black;
	margin-bottom: 5px;
	font-weight: 800;
	font-size: 197%;
	text-align: center;
}

h2 {
	color: navy;
	font-weight: 800;
	font-size: 120%;
	text-transform: none;
	Word-Spacing: .2em;
	letter-Spacing: .1em;
	text-align: center;
}

h3, h4 {
	font-family: "Times New Roman", Georgia, Times, Serif;
}

h3 {
	font-weight: 900;
	font-size: 119%;
}

h4 {
	font-weight: 700;
	font-size: 106%;
	margin: 1em 0em -.2em 0em;
}

h5 {
	font-size: 90%;
	text-align: right;
}

h6 {
	color: yellow;
	font-weight: 700;
	font-size: 85%;
	margin: .4em 0em .3em 0em;
}

/* @end */

/* @group Special Text */

#page-id {
	color: silver;
	font-weight: 800;
	font-size: 111%;
	font-family: copperplate, "San-Serif";
	margin-bottom: -11px;
}

.alert-red {
	color: red;
}
.alert-blue {
	color: blue;
}

.ref-small {
	font-size: 85%;
}

.xout {
	text-decoration: line-through;
}

.required {
	color: red;
}
.b {
	font-weight:bolder;
	color: #450ec6;
}
.location a {
	font-weight:bolder;
	color:red
}

/* @end */

/* @end */

/* @group NAVIGATION */

/* @group Links - General */

a:link {
	font-weight: 500;
	text-decoration: underline;
	color: whitesmoke;
}

a:visited {
	text-decoration: underline;
	color: #330099;
}

a:hover {
	text-decoration: underline overline;
	color: purple;
}

a:active {
	text-decoration: underline overline;
	color: yellow;
}

/* @end */

/* @group Navigation-t */

#nav-t {
	position: absolute;
	top: 27px;
	right: 12px;
	font-size: 85%;
}

#nav-tr {
	position: absolute;
	top: 59px;
	right: 10px;
	text-align: right;
	font-size: 70%;
}

#nav-tr a {
	padding: 7px;
	font-weight: 400;
	font-size: 80%;
}

/* @end */

/* @group Navigation-l */

#nav-l {
	background-color: #464690;
	border-top: medium solid #635C8A;
	border-right: medium solid #635C8A;
	border-bottom: thick solid #635C8A;
}

#nav-l {
	top: 200px;
	left: 0px;
	margin-top: 50px;
	margin-left: 0px;
	width: 141px;
	z-index: 10;
	line-height: 1.7em;
}

#nav-l {
	font-size: 90%;
}

#nav-l a {
	color: white;
	border-top: thin solid #8883A6;
	border-right: medium solid #767099;
	border-bottom: thin solid #767099;
}

#nav-l a {
	display: block;
	padding-left: 11px;
}

#nav-l a {
	text-decoration: none;
}

#nav-l a:hover {
	color: red;
	background-color: #1d0f65;
	border-top: medium groove black;
	border-right: medium groove silver;
	border-bottom: medium groove #A2A2C7;
}

#nav-l a:active {
	color: purple;
	background-color: #dcdcdc;
	border-bottom: medium groove purple;
	text-decoration: none;
}

/* @end */

/* @group Navigation-b */

#footer a:link {
	color: whitesmoke;
	font-weight: 500;
	text-decoration: underline;
}

#footer a:visited {
	color: whitesmoke;
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group IMAGES */

.img-l {
	float: left;
	margin: .7em .7em .4em .1em;
	font-size: 80%;
}

.img-l a {
	font-size: 80%;
}

.img-nf {
	margin: .7em .7em .4em .1em;
	font-size: 80%;
}

.img-nf a {
	font-size: 80%;
}

/* @end */

/* @group DATA BROWSERS */

/* @group Browser_1 */

.browser_1-frame {
	margin: 22px 0px;
	vertical-align: top;
	text-align: left;
	min-height: 550px;
	width: 100%;
	}
#frame {
	color: black; 
	background: white;
	text-align: left;
	}
#frame a{
	color: blue; 
	background: white;
	}
	
.browser_1-nav {
	width: 500px;
	margin: 0px 0px 9px 7px;
	text-align: left;
	font-size: 90%;
}
.browser_1-nav a {
	text-decoration: none;
	line-height: 1.3em;
	text-align: left;
	padding: 0px;
}
.browser_1-nav a:visited {
	color: whitesmoke;
	text-decoration: none;
}
.browser_1-nav a:hover {
	color: yellow;
	text-decoration: underline overline;
	background: url(/media/gr/bg-mov-blu-tr.gif);
}
#browser_1-display {
	position: absolute;
	margin-left: 7px;
	padding: 11px 19px ;
	color: black; background: white; border: thick gray solid;
	min-height: 480px;
	width: 722px;
}
#browser_1-display iframe{
	width: 722px;
	min-height:460px;
	}
#browser_1-display table{
	color: black;
}
#browser_1-display a{
	color: navy;
}
x.browser_1-nav a img {
	position: relative;
	top: 0px;
	right: -10%;
	float: left;
	visibility: hidden;
}
x.browser_1-nav a img {
	position: absolute;
	top: 185px;
	right: 25%;
	float: left;
	visibility: hidden;
	width: 360px;
	height: 250px;
}
x.browser_1-nav a:hover img {
	visibility: visible;
}


/* @end */

/* @group Browsers */

#data_display_1g {
	float: right;
}

.vid_browser_title {
	color: #888888;
	font-size: 120%;
	letter-spacing: 12px;
	padding-bottom: 1em;
	text-align: center;
	margin: -8px auto -12px;
	width: 100%;
}

.now_playing {
	color: silver;
	font-size: 103%;
	letter-spacing: 4px;
	text-align: center;
	margin: 7px auto;
	width: 100%;
}

.data_browser-c {
	background-color: #555555;
	border: 2px groove silver;
}

.data_browser-c {
	margin: 25px auto;
	width: 648px;
	height: 397px;
	padding: 15px
}

.data_chooser {
	background-color: white;
	border: 3px groove #111111;
}

.data_chooser {
	display: inline;
	overflow: scroll;
	float: left;
	text-align: left;
	width: 166px;
	height: 342px;
	margin-right: 15px;
	padding: 7px 15px;
}

.data_chooser a {
	display: block;
	font-size: 90%;
	padding-bottom: 1em;
}

.data_chooser a:link {
	color: navy;
	font-weight: 500;
	text-decoration: underline;
}

.data_chooser a:visited {
	color: blue;
	text-decoration: underline;
	font-style: italic;
}

.data_chooser a:hover {
	color: red;
	text-decoration: underline overline;
}

.data_chooser a:active {
	color: #9900FF;
	text-decoration: underline overline;
}

.data_chooser img {
	display: block;
}

.data_chooser h4 {
	padding-bottom: 1em;
}

.yt_vid {
	width: 425px;
	height: 355px;
	border: 0px;
	border: 3px groove #111111;
}
.audio {
	width: 100%;
}
.audio object {
	height: 25px;
	width: 450px;
	margin: 11px 0px 22px 77px;
}

/* @end */



/* @end */

/* @group SPECIAL ITEMS */

/* @group Articles */

.article-nj {
	padding: .5em 0em 0em 0em;
	border-top: thin solid #6a5acd;
}

.article {
	padding: 0em 0em 0em 0em;
	border-top: thin solid #6a5acd;
}

.article h2 {
	text-align: left;
}

x.article p {
	text-align: justify;
}

.article table {
	font-size: 85%;
}

.article img {
	padding: .5em .8em .5em .5em
}

/* @end */

/* @group Dividers & Lines */

.spacer-links {
	padding: 0em 1.5em ;
}

.divider-med {
	border-top: medium solid #464690;
	height: 1.5em;
	padding: 1em 0em 0em 0em;
	margin: .5em 0em .7em 0em;
}

.divider-thin {
	border-top: thin solid #6a5acd;
	margin: 0em 1em 2em .3em;
	clear:both;
}

.stripe {
	background-color: #8876f9;
}

/* @end */
/* @group Position & Visibility */

.float-l {
	float: left;
	margin-right: 11px;
	width:100%;
}
.float-r {
	float: right;
}

.hidden {
	display:none;
	}

.stripe {
	background-color: #8876f9;
}

/* @end */
/* @group Boxes */

.infobox {
	 width:211px;
	margin-bottom: 11px;
	border:solid medium navy;
}

/* @end */

/* @group 	Highlights */

x.hilite p {
	font-weight: 400;
	font-size: 85%;
	padding: 0.5em
}

.hilite {
	background-color: #e7e7f6;
	border: solid medium silver;
	padding: 0em .5em 0em .5em;
	margin: 0em 1em 0em 1em;
}

.hilite-c {
	background-color: white;
	border: solid medium silver;
	padding: 0em .5em 0em .5em;
	margin: 0em 1em 0em 1em;
	color: black;
	text-align: center;
	font-size: 90%;
}

.barhilite {
	color: black;
	background-color: white;
	text-align: center;
	border: solid medium silver;
	font-weight: 600;
	line-height: 1.3em;
	padding: 1em;
	margin: .7em;
}

.barhilite	a {
	color: navy;
}

.barhilite img {
	float: left;
	padding: 0px 15px 2px 0px;
	margin: -2px 0px 0px 0px;
}

.barhilite p {
	width: 100%;
	margin: auto;
}

.barhilite	li {
	text-align: left;
	line-height: 1.7em;
}

.barhilite-c {
	color: white;
	background-color: #6a5acd;
	border: solid medium silver;
	text-align: center;
	font-weight: 400;
	font-size: 90%;
	line-height: 1.3em;
	padding: 1em;
	margin: 0em 0em .7em 0em;
}

.barhilite-c	a {
	color: white;
}

/* @end */

/* @end */