/*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:95%; font-family: arial, geneva, San-Serif; color: black ; background-color: #9fa6bb; 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;  }
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: 122px; left: 0px ; width: 134px; height:100%;  color: silver;  }
#col-1 h3, #col-1 h4	{  color: lime ;}
/* @end */

/* @group Column-2 */
#col-2		{  position: absolute ;top: 122px ;left: 162px; margin-right: 6px ; 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: white; }
/* @end */
/* @end */

/* @group SECONDARY OBJECTS */

/* @group Main Body */

#main-body { color: black; background: white; border: medium gray solid; }
.form { color: black; background: #efeef1; }
.nodisplay { display:none; position:relative; }

#main-text { 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: 15px; 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:160px; top: 22px ;  text-align:left; text-decoration: none;}
#logo-l  { }
.tag		{ color: white;	}
#tag-t   {  }
/* @end */

/* @group Headlines */


h1 { font-weight: 800; font-size: 157%; text-align:center; }
h1, h2, h3, h4	{ color:navy; font-family: copperplate, "Times New Roman", Georgia, Times, Serif; }
h2 { font-weight: 800; font-size: 111%; text-align:left; text-transform: normal; Word-Spacing: .1em; letter-Spacing: .05em; padding-left: .4em; }
h3 { font-weight: 900; font-size: 111%; padding:10px 10px; }
h3 a { color:blue ; }
h4 { font-weight: 700; font-size: 106%; margin:0em 0em -.2em 0em; color: navy; }
h5 { text-align: right; font-size: 90%; }
h6 { 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: 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-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 */

#obj_form	{ height:300px; width:680px; min-width:65%; min-height:60%; max-width:90%; max-height:80%;}
x#main  { margin: 0 2% 5px 2% !important; position: absolute; top: 55px; width: 96% !important; }
table { width:100%; margin: .4em 0 .4em 0; }
table label { text-align: right; font-size: 90%; }
table .label-l { text-align: left; font-size: 90%; }
table .label-c { text-align: center; font-size: 90%; }
table .label-r { text-align: right; font-size: 90%; }
input { margin: 0px 1em 0px .3em;}
textarea { width: 95%; height: 5em; vertical-align:top; }
.wide	{ width: 95%; }

.butsub	{ 
	position: relative;
	left: 15%;
	color: fuschia;
	font-weight: bold;
	font-family: arial, San-Serif;
	}
.butreset	{ 
	position: relative;
	left: 25%;
	color: gray;
	}
.notel  { 
	font-size: 80%;
	text-align: left;
	}
.notec  { 
	font-size: 80%;
	text-align: center;
	}
.noter  { 
	font-size: 80%;
	text-align: right;
	}
.noncss  { 
	font-size: 80%;
	display:hidden;
	color:red
	}
legend h1 { 
	font-size: 147%;
	color:red
	}
legend { 
	font-family: Times;
	font-weight:900;
	font-size: 111%;
	color:navy
	}
legend h2 { 
	font-size: 111%;
	color:navy
	}
legend h3 { 
	font-size: 111%;
	color:blue
	}
legend h4 { 
	font-size: 101%;
	color:white
	}
input:focus, textarea:focus
{
background-color: yellow;
}