@font-face {
  font-family: 'Headlines';
  src: url('https://cyberspark.net/fonts/SF_Cartoonist_Hand.eot');
  src: local('Headlines Web Regular'), local('Headlines Web'), local('/Users/sky/Library/Fonts/SF_Cartoonist_Hand.ttf'),
       url('https://cyberspark.net/fonts/SF_Cartoonist_Hand.ttf') format('truetype');
}sectionhead

.headline {
  font-size: 24pt;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: Headlines, arial, helvetica, sans-serif;
  color:#888888;
}
.subhead {
  font-size: 14pt;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: Headlines, arial, helvetica, sans-serif;
  font-weight: bold;
  color:#555555;
}


body  { 
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p { 
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td { 
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.leftnavh1  { 
color: #650d08; 
font-size: 11pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tophead { 
font-size: 12pt; 
font-family: Headlines, Verdana, Arial, Helvetica, sans-serif;
}

.sectionhead { 
padding-left: 8px;
padding-top:  2px;
font-size: 15pt; 
font-family: Headlines, Verdana, Arial, Helvetica, sans-serif;
border-top:1px; 
border-top-style:solid; 
width:97%; 
border-top-color: #600;
color:#A76409;
}

.leftnavh2 { 
color: #7b2910; 
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { 
	color: #600;
}

.peach {
	background-color:#FFE0D0;  // #FC9 #FFE8E0
}

.hr_dashed {
    border:dashed;
	border-width:thin;
	border-color:#ffffff;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding-top: 10px;
	margin-top: 10px;
}

#page {
	max-width: 880px;
	margin: 0 auto;
/*	background: url(/graphics/eggs-on-the-grid.jpg) no-repeat; */
}

blockquote {
  background: #444444;
  border: 1px solid #777777;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #ffffff;
 }

.mainpageblockquote {
  background: #FFE0D0;
  border: 1px solid #BBBBBB;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #000000;
 }
 
.littletables {
  margin-bottom: 10px;
}
.CS_PAGE_WIDTH {
	max-width:880px;
	width:100%;
}
#CS_HEADER {
	height:140px;
}
#CS_BANNER {
	z-index:98;
	position:fixed;
	height:140px;
	width:100%;
	background: url('/graphics/CyberSpark-banner-880x140.jpg') repeat-y ;
}
#MASK {
	z-index:97;
	position:fixed;
	height:10px;
	width:100%;
	top:0;
	background-color:white;
}
#CS_MENU {
	z-index:99;
	width:100%;
	max-width:880px;
	position:fixed;
	top:110px;
	float:right;
}
.CS_MENU_CODE {
}
#CS_FORK {
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	z-index:103; 
}
#CS_MENU_ITEMS {
	text-align:right;
	margin-right:30px;
	color:white;
	font-weight:bold;
}
#CS_MENU_ITEMS a {
	color:white;
}
#CS_MENU_ITEMS a:hover {
	color:#F8DD7C;
}
#CS_MENU_IFRAME {
	border:none;
	width:100%;
	height:35px;
	float:right;
}
.CS_MENU_CODE_IFRAME {
}
#CS_CONTENT {
}
#COL_1 {
	float:left;
	maxwidth:400px;
	width:45%;
	padding-left:10px;
	padding-right:10px;
	border-right:thin;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#d8d8d8;
}
#COL_2 {
	float:right;
	maxwidth:400px;
	width:45%;
	padding-left:10px;
	padding-right:10px;
	border-left:thin;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#d8d8d8;
}
#CS_FOOTER {
	width:100%;
	border:thin; 
	border-style:solid; 
	border-color:#808080; 
	border-width:1px;
	margin-bottom:20px;
}
#CS_FOOTER_IFRAME {
	width:100%;
	height:80px;
	border:none;
}
/* ////////////////////////////////////// */
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
}

/* ////////////////////////////////////// */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
}

/* ////////////////////////////////////// */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.CS_PAGE_WIDTH {
	max-width:480px;
}
#CS_HEADER {
	height:80px;
}
#CS_MENU {
	height:80ox;
	top:55px;
	max-width:480px;
	font-weight:normal;
}
#CS_MENU_ITEMS {
	margin-right:25px;
	font-weight:normal;
}
#CS_FORK {
	display:none;
}
#CS_BANNER {
	height:80px;
	background: url('/graphics/CyberSpark-banner-480x80.png') repeat-y;
}
#COL_1 {
	float:none;
	border:none;
	width:95%;
}
#COL_2 {
	float:none;
	border:none;
	width:95%;
}
#CS_FOOTER_IFRAME {
height:inherit;

}

/* ////////////////////////////////////// */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
.CS_PAGE_WIDTH {
	max-width:320px;
}
#CS_HEADER {
	height:80px;
}
#CS_MENU {
	height:80ox;
	top:55px;
	max-width:320px;
	font-weight:normal;
}
#CS_MENU_ITEMS {
	margin-right:25px;
	font-weight:normal;
}
#CS_FORK {
	display:none;
}
#CS_BANNER {
	height:80px;
	background: url('/graphics/CyberSpark-banner-300x80.png') repeat-y;
}
#COL_1 {
	float:none;
	border:none;
	width:95%;
}
#COL_2 {
	float:none;
	border:none;
	width:95%;
}
#CS_FOOTER_IFRAME {
height:inherit;
}
}