/* Copyright Jeff Cook 2008 */
/* http://centerofcreation.com */


/* --------------------------------COLOR & BORDERS-------------------------------------------- */

BODY    { color: black ; background-color: #000033; }

#col-2 { color: black; background: white; border: medium red solid; }
#maintext { color: black;  }

#header	{ color: #f5f5f5; background-color: #281F5E; border-bottom: medium groove #3C336D; }
.stripe { background-color :#8876f9 ; }
#col-1	{ color: silver; background-color: #000042 ; border-right: thin solid gray ; }
#footer   { color: silver; }

h1 { color: black; border-bottom: thin solid black; margin-bottom: 5px}
h3, h4	{ color: blue;}
h2 { color:navy; }
h3 {  }
h4 { color: navy; }
h5 { }
h6 { color:yellow; }

a:link     { color: navy; }
a:visited  { color: #330099; }
a:hover    { color: purple; }
a:active   { color: yellow; }

#col-1 h3, #col-1 h4	{  color: lime ;}
.sidebar-l	a { color: yellow; }
.sidebar-l	a:visited { color: yellow; }

#nav-l			 { background-color: #464690; border-top: medium solid #635C8A; border-right: medium solid #635C8A; border-bottom: thick solid #635C8A;  }
#nav-l a		 { color: white; border-top: thin solid #8883A6; border-right: medium solid #767099; border-bottom: thin solid #767099; }
#nav-l a:visited {  }
#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; }

#maintext a	{ color: navy; }
#maintext a:hover	{ color: red; }
#maintext a:visited	{ color: purple; }

#footer a:link     { color: silver; }
#footer a:visited  { color: purple; }

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


/* ------------------------------------SPECIAL TEXT------------------------------------------------- */

#page-id	{ color: silver; font-weight: 800; font-size: 111%; font-family: copperplate, "San-Serif"; margin-bottom: -11px; }
.redalert	{ color:red; }
.refsmall	{ font-size:85%; }
.xout	{ text-decoration: line-through; }


/* ------------------------------------FONT & TEXT------------------------------------------------- */

BODY    { font-size:100%; font-family: Garamond, Times, Serif;  }

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


h1 		{ font-weight: 800; font-size: 197%;  text-align: center; }
h3, h4	{ font-family:  "Times New Roman", Georgia, Times, Serif; }
h2 		{ font-weight: 800; font-size: 120%; text-transform: normal; Word-Spacing: .2em; letter-Spacing: .1em; text-align: center; }
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 		{ font-weight:700; font-size:85%; margin:.4em 0em .3em 0em; }

a:link     { font-weight: 500; text-decoration:underline; }
a:visited  { text-decoration:underline; }
a:hover    { text-decoration: underline overline; }
a:active   { text-decoration: underline overline; }

#nav-l	{ font-size: 90%;  }
#nav-l a		 { text-decoration: none; }
#nav-l a:visited {  }
#nav-l a:hover   {  }
#nav-l a:active  { text-decoration: none; }

#nav-t	  { font-size: 85%; }
#nav-t a  { font-weight: 400; font-size: 80%; }
#nav-tr   { font-size: 70%; }

#footer   { font-size: 81%; }
#footer a:link     {  font-weight: 500; text-decoration:underline;}
#footer a:visited  {  text-decoration:underline; }


/* -----------------------------------ELEMENTS - Default styles----------------------------------------- */

/* -------------------------------------SECTION POSITIONING--------------------------------------------- */

/* --------------MAIN BODY-------------- */

BODY    { margin:0px; height:100%; }

#center7	{ margin-top: 130px; margin-left: 180px ; margin-right: 50px ; vertical-align:middle;  }
#center8	{ margin:auto; vertical-align:middle; width:800px; }
#main8		{ margin-left: auto; margin-right: auto; margin-top:50px; vertical-align:middle; width:800px; }

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

#maintext { padding: 11px 19px ;  }
#main p   { text-align:left; }


/* --------------COLUMN - 1-------------- */

#col-1	{  position: absolute; width: 134px; left:0px; top:79px; height:106%; padding-right: 5px ; }
.sidebar-l	{ margin-left: 10px;  margin-top: 15px; }

#nav-l	{ top: 300px; left:0px;  margin-top: 50px; margin-left: 0px; width: 147px; z-index: 10; line-height: 1.7em;  }
#nav-l a	{ display:block; padding-left: 11px; }

/* --------------COLUMN - 2-------------- */

x#col-2		{  position:absolute; left:160px; top:130px;  margin-right:30px; padding-top:30px;  }
#col-2		{ margin: auto ; min-width:750px; vertical-align:middle; }


/* --------------HEADER-------------- */

#header	 {  position: absolute; z-index: 1 ;  height:90px; width: 100%; top: 0px; }
#head    {  position:absolute; left:160px; padding-top:30px;  text-align:left; }
#logo-t  {margin-left:172px; margin-top:7px ;}
#logo-1  { }
x.stripe { position:absolute; z-index:11; top:69px; left:-10px; height:10px; width:130%; }
#tag-t   { position: absolute; top: 7px; left: 30%; }
#nav-t	 { position: absolute; top: 27px; right: 12px; }
#nav-tr  { position:absolute; top:59px; right: 10px; text-align:right; }
#nav-tr a { padding:7px; }

/* --------------FOOTER-------------- */

#footer   { color: silver; font-size: 81%; text-align: center; padding-top:5em; margin:auto; margin-top: 20px;}

/* --------------ARTICLES  (with color and font info)-------------- */

.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; }
.article p	{ text-align:justify; }
.article table	{ font-size: 85%; }
.article img	{ padding: .5em .8em .5em .5em }


/* --------------HIGHLIGHTS  (with color and font info)-------------- */

.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; }
.hilitec	{ 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: gold ; background-color: #000066 ; text-align:center; border: solid medium silver; font-weight: thin ; 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; }

.barhilitec		{ 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; }
.barhilitec	a{ color: white; }


/* --------------DATA BROWSERS (with color and font info)-------------- */

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


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


/* --------------UNUSED-EXTRAS------------*/

.intro { color:gold; font-size:119%; margin-right:-15px; margin-left:-25px; }
dt { margin-left:0px; color:blue; font-weight:900; padding:1em 0em .5em 0em; }
dl {  vertical-align:top; text-align:left; }
dd {  margin-left:1px;  float:left; }
dd img, .fl {  float:left; clear:both; padding:7px 12px 12px 0px; }

.list { text-align: left;}
.col2 { position:absolute; left: 170px; display:inline; }
.col3 { position:absolute; left: 280px; display:inline; }
.imgcap { font-size: 80%; text-align: center; padding-bottom:55px;	}
.standout { color:gold ; text-decoration: underline overline; }

#display_lg	{  }
#display_lg_cap { font-size: 80%;	}
#display_lg span { padding-left:2em; padding-right:2em;	}

.thumb_group { padding-top:-100px;	}
.thumb_group img { vertical-align:top; padding:12px;	}

.p-lj	{ font-size: 90%; text-align: left; width:580px; }

.links-c	{ font-size: 85%; text-align:center; }
.links-c a	{ text-decoration:underline; font-size: 111%; margin:21px; display:block;}

#nav-c a	{ font-size: 91%; margin:21px; display:block;}
.nav-b a	{ text-decoration:underline; font-size: 121%; margin:21px; display:inline;}

a p    { display:none; }
a:hover p   { display:block; margin-top:1em; position:absolute; width:100%;z-index: 12;}

#nav-b  { padding: .3em; text-align: center; font-size: 85%; }
#nav-b a { color: #6A5ACD; font-weight: 400; }
#emailfriend { width: 100%; text-align: center; padding-top: 1em; }
#emailfriend a { color: #7B68EE; font-size: 85%; font-weight: 300; }

#noncss	{ color:silver; margin-left:150px; margin-top:4px; margin-right:11px; }


#linkleft  { z-index: 8; font-size: 85%; line-height: 1.7em; text-align: center; }
iframe 	{  }
.navleftframe    { z-index: 8; border-top: thick groove #d3d3d3; border-bottom: thick inset #d3d3d3; width: 131px; height: 300px }
iframe.navleftframe.navbox:hover    { z-index: 11; width: 331px; border-bottom: medium solid navy; border-right: medium thick navy;  }\
.navbox 	 { font-size: 90%; padding: 4px 4px 0.5em; background-color: #dcdcdc; }
.navsecs li a { font-weight: 500; font-size: 80%; margin:0em 0em -.2em .1em; color: purple; }
.navbox li	{ font-family: helvetica; margin: 0em 0em .5em -2.5em; }
.navbox a	{ color:#0000CD; font-size: 81%; font-weight: 300; }
.navbox a h4	{ color:purple; font-size: 121%;}