/* Copyright Jeff Cook 2008 */

/* http://centerofcreation.com */

/* @group PRIMARY OBJECTS */

/* @group BODY */

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

.nodisplay { display:none; position:relative; }


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: tan url(/media/gr/bk-wethepeople.gif) repeat fixed; 
	min-height: 100%;

}
xbody {
	margin: 0px;
	height: 100%;
	width: 100%;
	margin: 0;
}


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

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

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

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

#center-7 {
	margin-top: 33px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	width: 620px ;

}

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

/* @group Header */

#header {
	height: 70px;
	width: 100%;
	top: 0px;
	color: 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;
	border-right: medium solid #000055;
}

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

/* @end */

/* @group Column-2 */

#col-2 {
	margin-left: 67px;
	margin-right: 67px;
	margin-top: 22px;
	min-width: 750px;
	vertical-align: middle;
}

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

#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: blue;
	font-size: 75%;
}

/* @end */

/* @end */

/* @group SECONDARY OBJECTS */

/* @group Main Body */

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

#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: 277%; 
	text-shadow: gray 3px 3px 0;
}

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

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

#logo-t {
	margin: 2em 0em 0em 162px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#logo-t a {
	text-decoration: none;
}

#logo-l {
	
}

.tag {
	color: white;
}

#tag-t {
	padding-left: 0em;
	font-size: 111%;
	text-decoration: none;
	}

/* @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;
}

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

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

.required {
	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: blue;
	font-weight: 500;
	text-decoration: underline;
}

#footer a:visited {
	color: purple;
	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 SPECIAL ITEMS */

/* @group DATA BROWSERS */

/* @group Browser_1 */

.browser_1-frame {
	margin: 22px 0px;
	vertical-align: top;
	height: 500px;
	width: 600px;
}
	
.browser_1-nav {
	width: 192px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: right;
	font-size: 90%;
	float: left;
}
.browser_1-nav a {
	text-decoration: none;
	line-height: 1.3em;
	text-align: right;
	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 {
}

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 */



/* @end */

/* @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;
	text-align: left;
}

.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 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;
}

/* @end */

/* @group Dividers & Lines */

.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 .7em 1em;
}

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

/* @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: #e7e7f6;
	border: solid medium silver;
	padding: 0em .5em 0em .5em;
	margin: 0em 1em 0em 1em;
	color: #6a5acd;
	text-align: center;
	font-size: 90%;
}

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

.barhilite	a {
	color: white;
}

.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 */