/*Site - templ-basic.centerofcreation.com*/

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

/* @group PRIMARY OBJECTS */

/* @group BODY */

body    { position: absolute; margin:0px; height:100%; width: 100%; font-size:100%; font-family: Garamond, Times, Serif; color: #54558e; background-color: #474B7F; padding:0;  }
#body-box    { position: absolute; margin:0; padding:0; border: dotted green thick; 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: 130px; margin-left: 180px ; margin-right: 50px ; vertical-align:middle;  }
#center-8	{ margin:auto; vertical-align:middle; width:800px; }
/* @end */

/* @group Header */
#header	 {   position: absolute ; top: 90px; left: 0px ; height:90px; width: 100%; top: 0px; color: white; background-color: #55568f; border-bottom: medium groove #3C336D; 
	z-index: 5;
}
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: 93px; left: 0px ; width: 134px; height:100%;  color: silver; background-color: #55568f ; border-right: medium solid #000055 ; }
#col-1 h3, #col-1 h4	{  color: lime ;}
/* @end */

/* @group Column-2 */
#col-2		{  position: absolute ;top: 122px ;left: 162px; margin-right: 23px ; z-index: 0; 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   {  position: relative; bottom: 11px ; font-size: 81%; text-align: center; padding-top:5em; margin:auto; margin-top: 20px; margin-bottom: 0px ; color: limegreen; }
/* @end */
/* @end */

/* @group SECONDARY OBJECTS */

/* @group Main Body */

#main-body { color: black;   background-color: #fff;  padding: 11px 19px ;  }

#main-text { 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: 5px;  margin-top: 115px; width: 111px; }
.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: 187%;}
.logo-md	{ font-weight: 800; font-size: 187%;}
.logo-sm	{ font-weight: 800; font-size: 187%;}
#logo-t    {  position:absolute ; left:20px; top: 17px ;  text-align:left; text-decoration: none; 
	z-index: 11;
}
#logo-l  { }
.tag		{ color: white;	}
#tag-t   { position:absolute ; left:260px; top: 42px ;  text-align:left; text-decoration: none; 
	z-index: 11
}
/* @end */

/* @group Headlines */

h1 { color: black; border-bottom: thin solid black; margin-bottom: 5px; font-weight: 550; font-size: 197%;  text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }
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; margin-right: 33px;}
.alert-red	{ color:red; }
.alert-lime	{ color:limegreen; }
.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: navy; }
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			 { width: 141px; line-height: 1.7em;  margin-left: -6px; font-size: 90%; 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; display:block; padding-left: 11px; 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: silver; 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-r	{ float:right; 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 Forms */
.maillist { position: absolute ; z-index:3; width: 211px; margin-top: 5px; font-size: 90%; background-color: navy;}
.maillist legend	{ color: salmon; margin-top: 22px;}

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

/* @group Browsers */

#display-video {  float: right; }
.browser-video-title { color: #888888;  font-size: 120%  ;  letter-spacing: 12px ; padding-bottom: 1em ; text-align: center ; margin: -8px auto -12px ; width: 100% ; }
.now_playing-video { color: silver;  font-size: 103% ; letter-spacing: 4px ; text-align: center ; margin: 7px auto ; width: 100% ; }
.browser-video-c { background-color: #555555 ; border:2px groove silver; }
.browser-video-c { margin: 25px auto ; width:648px; height:397px; padding:15px}
.chooser-video { background-color:white; border: 3px groove #111111 ;}
.chooser-video { display: inline ; overflow:scroll ; float: left ; text-align: left; width:166px; height:342px; margin-right:15px ; padding: 7px 15px; }
.chooser-video a { display: block ; font-size: 90% ; padding-bottom: 1em ; }
.chooser-video a:link     { color: navy; font-weight: 500; text-decoration:underline;}
.chooser-video a:visited  { color: blue; text-decoration:underline; font-style: italic ;}
.chooser-video a:hover    { color: red; text-decoration: underline overline; }
.chooser-video a:active   { color: #9900FF; text-decoration: underline overline; }
.chooser-video img { display: block ;}
.chooser-video h4 { padding-bottom: 1em ; }
.video-youtube { 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 */

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

.hilite-bar	{ color: gold ; background-color: #000066 ; text-align:center; border: solid medium silver; font-weight:600; line-height: 1.3em; padding:1em; margin: .7em ;}
.hilite-bar	a	{ color: white; }
.hilite-bar img	{ float: left; padding: 0px 15px 2px 0px; margin: -2px 0px 0px 0px; }
.hilite-bar	p	{ width: 100% ; margin: auto ; }
.hilite-bar	li	{ text-align:left; line-height: 1.7em; }

.hilite-bar-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; }
.hilite-bar-c	a{ color: white; }
/* @end */
/* @end */