/* *******************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
********                                                                                          ********
********  THEME NAME :  "Original"                                                                  ********
********  Description :  Stark. White. Raving... Nice and plain but with a few embelishments.       ********
********                                                                                          ********
********                                                                                          ********
********  Author :  David VanThournout                                                              ********
********  Author URI :  http : //www.oneskygate.net/                                                  ********
********                                                                                          ********
********  The CSS, XHTML and design unless otherwize stated is released under Creative Commons    ********   
********                                                                                          ********
********  license  Attribution 3.0  United States : http : //creativecommons.org/licenses/by/3.0/us/  ********
********                                                                                          ********
********  You can tweak this css all you like. It would be great if you would publish under a     ********
********  creative commons license.                                                               ********
********                                                                                          ********
********                                                                                          ********
********  There are probably more handles in the xhtml than I need. But that's better             ********         
********  than not having enough!                                                                 ********
********                                                                                          ********
********                                                                                          ********
********  I should have put a date on this... my guess is sometime around 2007                    ********
********                                                                                          ********
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
*/


html 
{ 
   padding : 0em;
   margin : 0em;
}

body 
{
	

   background-attachment :  fixed;
   background-color :  #FFFFFF;
   font-family :  Verdana, Arial, Sans-Serif, Courier New;
   font-size :  70.5%;
   color : #000000;  
   text-align : left;
	margin : 0px;
	padding : 0px;
}

#skip a, #skip a : hover, #skip a : visited 
{ 
   position : absolute; 
	left : 0px; 
	top : -500px; 
   width : 1px; 
   height : 1px; 
   overflow : hidden;
} 

#skip a : active 
{ 
   position : static; 
   width : auto; 
   height : auto; 
}


p 
{
   color :  #000000;
   margin : 0em 1.0em 1.0em 1.0em;
}

p.c1 
{ 
	font-size :  0.9em;
   color : #000000; 
	margin-top :  0em; 
   margin-left :  0em;
   margin-right :  0em;
	padding-right :  0em;
	text-align :  left;
}

p.c2 
{ 
	font-size :  1.1em;
   color : #000000; 
	margin-top :  0em; 
   margin-left :  0.5em;
   margin-right :  0em;
	padding-right :  0.5em;
	text-align :  right;
}

p.c5 
{ 
	font-size :  1.1em;
   color : #000000; 
	margin-top :  0; 
   margin-left :  0.5em;
   margin-right :  0;
	padding-right :  0.5em;
	text-align :  right;
}

p.right 
{ 
	font-family :  Verdana, Arial, Sans-Serif, Courier New;
	font-size :  1.1em;
   color : #000000; 
	margin :  0em 0em 0em 2.0em;
	padding :  0em 1.0em 1.0em 1.5em;
	text-align :  left;
   border-left :  1px solid #000000;
   line-height :  1.5em;
}

/*  *************   p.c3, p.c4, .comment and p.note are all for either commenting in nice boxes
or for coding examples  *************  */ 

p.c3 
{
	font-family :  Courier New, Courier, Monospace;
	color :  red;
	font-size :  1.3em;
	margin :  0em 2.5em 0em 0em;
	display :  block;
	
}

p.c4 
{
	font-family :  Courier New, Courier, Monospace;
	color :  red;
	font-size :  1.3em;
	margin :  0em 0em 0em 3em;
	display :  block;
}

.comment 
{
	width : 40em;
	height :  auto;
	margin :  1em 2em 1em 4em;
	padding :  0.5em 0.5em 0.5em 0.5em;
	background-color :  #F5F0DD;
	border :  1px solid #000000;
}

p.note 
{
	font-family :  Courier New, Courier, Monospace;
	font-size :  1.1em;
	background-color :  #F5F0DD;
	line-height :  1em;
	margin :  1em 0em 1em 1em;
}

em 
{
	color :  green;
	font-size :  1.1em;
	padding-right :  0.4em;
	line-height :  1em;
}

em.code  
{
	color :  black;
	font-size :  1.0em;
	line-height :  1em;
}

span.blk 
{
	font-family :  Courier New, Courier, Monospace;
	color :  black;
	font-size :  1.0em;
	margin-left :  0.5em;
	
}

/*  *********** end of comment styling  **********  */

h1 
{

   font-size : 1.3em;
   padding :  0px 0px 5px 0px;
   margin :  0em 0em 0em 1.4em;
   text-transform : none;
   color :  #000000;
   background-color : transparent;
   text-align :  left;

}

h2 
{
   font-size : 1.1em;
   padding :  0px 0px 5px 0px;
   margin :  2.0em 0em 1.0em 0em;
   color :  #000000;
   background-color :  transparent;
   border-bottom :  1px solid #000000;
}

h3 
{
   font-size : 1.3em;
   color :  #000000;
   padding :  0em 0.5em 0em 0em; 
   border-bottom :  1px solid #000000;
   text-align :  right;

}

h4 
{
   font-size : 1.0em;
   padding-top : 0em;
   padding-left : 1.0em;
   color :  #000000;
   background-color :  transparent;

}

h5 
{
   font-size : 1.0em;
   padding-top : 0em;
   padding-left : 1.0em;
   color :  #000000;
   background-color :  transparent;
   display :  none;
}

a.c1 
{ 
   color :  #E3560E;
   font-size :  1.1em;
   background-color : transparent;
   text-decoration :  none; 
}

a.c1 : visited 
{ 
	text-decoration :  none; 
	color :  #E3560E;
}

a.c1 : hover, a.c1 : active 
{ 
	text-decoration :  none; 
	color :  #F5E701;
}

a.c2 { 
   color :  #E3560E;
   font-size :  1.1em;
   background-color : transparent;
   text-decoration :  none; 
}

a.c2 : visited 
{ 
	text-decoration :  none; 
	color :  #E3560E;
}

a.c2 : hover, a.c2 : active 
{ 
	text-decoration :  none; 
	color :  #F5E701;
}

a.c3 
{ 
   color :  #E3560E;
   font-size :  1.1em;
   background-color : transparent;
   text-decoration :  none; 
}

a.c3 : visited 
{ 
	text-decoration :  none; 
	color :  #E3560E;
}

a.c3 : hover, a.c3 : active 
{ 
	text-decoration :  none; 
	color :  #F5E701;
}

a.b2 { 
   background :  url('images/ylink.jpg') no-repeat top center;
   color :  #000000;
   font-size :  1.0em;
   padding :  0em 0em 0em 0em;
   margin-left :  10em;
   text-decoration :  none; 
   display :  block;
   width :  16em;
   height :  2.5em;
   background-color :  transparent;
   line-height :  1.25em;
   text-align :  center;
}

a.b2 : visited 
{ 
	text-decoration :  none; 
	color :  #5C2718;

}

a.b2 : hover  
{ 
   background :  url('images/ylinkon.jpg') no-repeat top center;
	background-color : transparent;
	text-decoration :  none;
	color :  #000000;
	
} 

a.b2 : active 
{
	background :  url('images/ylinkred.jpg') no-repeat top center;
	background-color : transparent;
	text-decoration :  none;
	color :  #000000;
}

pre 
{ 
   font-size :  1.7em;
   background-color : transparent;
   font-family :  Courier, Monaco, Monospace;
}

a.right 
{ 
   color :  #5C2718;
   font-size :  1.1em;
   padding :  0em 0em 0em 0em;
   text-decoration :  none; 
}

a.right : visited 
{ 
	text-decoration :  line-through; 
	color :  #5C2718;
}

a.right : hover, a.right : active 
{ 
	background-color : #F2F2DC;
	text-decoration :  underline;
	color :  #000000;
}

span.right
{
   font-size :  100%;
   padding-right :  0em;
}

span.link
{
   font-size :  1.0em;
   padding-left :  3.8em;
}



#navigation, #navigation ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#navigation li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.50em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#navigation li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.55em;
	}
	
	#navigation li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navigation li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
background: url('images/linkoff.jpg') repeat-x top center;
		background-color : #9A9A9A;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#navigation li a:hover {
		color : #000000;
background: url('images/y2link.jpg') repeat-x top center;
		background-color : white;
	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#navigation li:hover, #navigation li.hover {
    position: static;
}

#box 
{
	width : 88.0em;
	height :  auto;
	min-height :  65.0em;
	margin :  0em 10em;
	padding-left : 0em;
	text-align : left;
	background-color : #FFFFFF;
}

#header 
{
	background :  url('../images/zlogo.jpg') no-repeat top left;
	position :  fixed;
	left :  1em;
	top :  0em;
	width : 119.0em;
	height :  8.8em;
	padding-left : 0em;
	background-color :  #FFFFFF;
	/* border :  1px solid #000000; */
}

#header h1 
{
	font-size :  1.1em;
	text-transform : uppercase;
	text-align :  left;
	color :  #564b47;
	background-color : transparent;
	padding : 3px 0px;
}

#subheader h1 
{
	font-size :  1.1em;
	text-transform : uppercase;
	text-align :  left;
	color :  #564b47;
	background-color : transparent;
	padding : 3px 0px;
}

#subheader 
{
	position :  fixed;
	top :  8.8em;
	left :  0em;
	width : 119em;
	height :  2.6em;
	padding-left : 0em;
	margin-bottom :  0em;
	text-align :  left;
	float : left;
	background-color :  #FFFFFF;
	/* border :  1px solid #000000; */

}


.printhead  
{
	width :  29.5em;
	display :  none;

}

#menu 
{
   position :  fixed;
	top :  22%;
	width :  10em;
	height :  auto;
	min-height :  65.0em;
	left :  1em;
	background-color : transparent;

}


#content 
{
   width : 80em;
   height :  auto;
   margin :  13em 2.0em 0.5em 0em;
   padding-top : 0em;
   padding-left :  24.5em;
   padding-bottom :  2.0em;
   float : right;
   background-color : transparent;

}

#content ul 
{
	margin :  0px;
	padding :  0px;
   margin-top :  2.0em;
   margin-left :  11.0em;
   margin-bottom :  3.0em;
	}
#content li 
{
   background :  url('') no-repeat top right;
	line-height :  1.2; 
	list-style-type :  none;
	display :  block; 
	padding-top :  0em;
	padding-left :  0em; 
	padding-bottom :  0em;
	margin-left :  0em;
	
	}


#footer 
{

   width : 80em;
   height :  10.0em;
   margin-left :  0em;
   margin-top :  0em;
   padding-top :  0em;
   padding-right : 2em;
   float : right;
   background-color : transparent;
}

/* ********** Image and form handling ***********  */

.searchbox 
{
   width :  26em;
   margin :  1.0em 0em -0.5em 5.0em;
   padding :  1em 1em 1em 1em;
}

#searchresults 
{
   width :  64em;
   height :  auto;
   margin :  0.5em 0em 0em 0em;
   padding :  0em 0.5em 0.5em 0.5em;
   background-color :  #EEEEEE;
   float :  left;
}

.musicplayer  
{
   width :  29.5em;
   float :  left;
   padding :  0em 0em 0em 1.5em;
}
.floatmusic
{
   float :  left;
   width :  121px;
   padding-right :  1.1em;
   padding-left :  4.7em;
   padding-top :  0em;
}


.floatart
{
   float :  left;
   width :  135px;
   height :  101px;
   padding-right :  0em;
   padding-top :  0em;
   margin :  0.3em 1.6em 0.7em 4.5em;
}

.floatstudio
{
   float :  left;
   width :  12.0em;
   height :  91px;
   padding :  0em 0em 1.7em 0em;
   margin :  0.3em 1.6em 0em 4.5em;
}

.floatnav
{
   float :  left;
   width :  8.0em;
   padding-left :  2.0em;
   padding-top :  3.0em;
}


.floatfooter
{
   float :  right;
   width :  12.6em;
   padding-right :  1.3em;
}



.floatright
{
   float :  left;
   width :  33.5em;
   padding-left :  1.0em;
}


.floatleft
{
   float :  left;
   width :  33.5em;
   padding-left :  1.0em;
}

.floatindex
{
   float : left;
   width : 27.0em;
   padding-left : 3.0em;
   margin :  1.0em 0em 0em 0em;
}


#formbox {
   width : 27.0em;
   height :  auto;
   margin :  1.0em 1.0em 1.0em 5.0em;
   padding-top :  0em;
   padding-bottom :  0em;
   float : left;
   border-color :  silver;
   border-style :  double;
   border-width :  0.1em;
   background-color : transparent;
}

/* **************** the extra div contains comments specific to each style sheet each only visible when that particular style sheet is loaded  *******************   */


#extradiv1  
{
   position : absolute;
   left : 1.0em;
   top : 2px;
   width :  21em;
   text-align :  left;
}

#zskin 
{
   position :  fixed;
   top :  6em;
   left :  1.4em;
   font-size :  1.2em;
   float :  left;
}

#yskin 
{
   width :  10em;
   display :  none;
}

#xskin 
{
   width :  10em;
   display :  none;
}

#wskin 
{
   width :  10em;
   display :  none;
}

#vskin 
{
   width :  10em;
   display :  none;
}

#uskin 
{
   width :  10em;
   display :  none;
}

#tskin 
{
   width :  10em;
   display :  none;
}

#sskin 
{
   width :  10em;
   display :  none;
}

#water 
{
   width :  10em;
   display :  none;
}

#space 
{
   width :  10em;
   display :  none;
}

#printing 
{
   width :  10em;
   display :  none;
}