/*
    Cybericom Limited Corporate Style Sheet for printing
     Cybericom Limited 2003
*/

/* ------------------------------------------- */
/* -- Cybericom - Standard document objects -- */ 
/* -- body, td, a, a:hover, etc. */

@page {
  size: 210mm 297mm;  /* width height */
}

body {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif; /* Verdana, "PrimaSans BT", "Comic Sans MS",  */
	font-size: small;
	border: 2px solid #555555;
}

td {
	font-size: small;
}

p {
	page-break-inside: avoid;
}

A:link    { background-color: transparent; color: #FFFFFF; text-decoration: none; }    /* unvisited links */
A:visited { background-color: transparent; color: #9FB6CD; }   /* visited links   */
A:hover   { background-color: transparent; color: #FFF799; text-decoration: underline; }  /* user hovers     */
A:active  { background-color: transparent; color: #FFFFFF; } /* active links    */


h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 140%; font-weight: bold; }
h3 { font-size: 130%; font-weight: bold; page-Break-after: avoid}
h4 { font-size: 120%; font-weight: bold; }
h5 { font-size: 110%; font-weight: bold; }
h6 { font-size: 100%; font-weight: bold; }



/* ------------------------------------------- */
/* -- Cybericom - Standard Page Layout -- */

.align-left {
	text-align: left;
}

.align-right {/*--Hidden for printing */
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justified {
	text-align: justify;
}



.horizontal-menu-bar { /* --Hidden for printing */
	visibility: hidden;
	background-color: #555577;
	color: #a8a7b7;
   	border-top: 1px solid #000000;
   	border-bottom: 1px solid #000000;
}

.horizontal-menu-bar li {
	list-style: none;
	display: inline;
	padding:  0 20px;
	float: left; 					/* alternative solutiuon to displaying list inline for IE5.0 and IE5.5 */	
	voice-family: "\"}\""; 
	voice-family: inherit;
	float: none;					/* better solution for other browsers */
}

.horizontal-menu-bar li.first, #dummy li.first {
	border-left: 0 none #000;
}


.horizontal-graphic-menu-bar { /* --Play around with for printing */
	border-bottom: thick groove gray;
}

.Logo {
	width: 201px;
	height: 53px;
}

.vertical-menu-bar { /* --Hidden for printing */
	visibility: hidden;
	background-color: #555577;
	color: #a8a7b7;
   	border-top: 1px solid #000000;
   	border-bottom: 1px solid #000000;
}

.Spacer {
	visibility: hidden;
	width: 1px;
}

.LeftColumn {
	visibility: hidden;
	width: 1px;
}

.LeftColumn-title { /* --Hidden for printing */
	visibility: hidden;
	color: #fff;
   	background-color: #555577;
   	font-size: 130%;
   	font-weight: bold;
	border: 1px solid #000000;
  	padding: 3px;
	vertical-align: middle;
}
.LeftColumn-title img { /*--Hidden for printing */
	visibility: hidden;
	vertical-align: middle;
}
.LeftColumn-contents { /*--Hidden for printing */
	visibility: hidden;
	border-top: 0px solid #000000;
   	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
   	background-color: #a8a7b7;
   	padding: 5px;
   	font-size: small;
}
.LeftDecoration {
	width: 1px;
	vertical-align: middle;
	align: middle;
}

.MiddleColumn {
	width: 100%;
}
.standard-title { /* --changed for printing */
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	text-decoration: underline;
	background-color: #ffffff;
	border-left: 4px solid #000000;
	padding: 3px;
	vertical-align: middle;
}

.standard-title img {
	vertical-align: middle;
}
.standard-contents {
	color: #000000; /*--changed for printing */
   	background-color: #ffffff; /*--changed for printing */
	border-top: 0px solid #000000;
   	border-left: 4px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
   	padding: 5px;
   	font-size: small;
	text-align: left;
}

.shop-contents {
	color: #000000;/*--changed for printing */
   	background-color: #ffffff;/*--changed for printing */
	border-top: 0px solid #000000;
   	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
   	padding: 5px;
   	font-size: small;
	text-align: justify;
}

.RightColumn {
	visibility: hidden;
	width: 1px;
}
.RightColumn-title { /* --Hidden for printing */
	visibility: hidden;
	color: #ffffff;
   	font-size: 130%;
   	font-weight: bold;
   	background-color: #555577;
	border: 1px solid #000000;
   	padding: 3px;
	vertical-align: middle;
}

.RightColumn-title img { /* --Hidden for printing */
	visibility: hidden;
	vertical-align: middle;
}
.RightColumn-contents { /*--Hidden for printing */
	visibility: hidden;
	border-top: 0px solid #000000;
   	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #fff;
   	background-color: #a8a7b7;
   	padding: 5px;
   	font-size: small;
}

.alternate-contents { /* --Hidden for printing */
	color: #ff0000;
   	background-color: #0000ff;
}

.vertical-sidebar { 
	position: static;
}

.privacy { /*--Hidden for printing */
	visibility: hidden;
	position: static;
}
.footer {
	position: static;
}

.cybericomURL { /* --visible for printing */
	visibility: visible;
}


/* ------------------------------------------- */
/* -- Cybericom - text styles -- */

.yellow-text {
	color: #ffff00;
   	font-weight: bold;
}

.dark-violet-text {
	color: #555566;
}

.black-text {
	color: #000000;
}


/* ------------------------------------------- */		
/* -- Cybericom - Link Styles -- */

a.menu-bar {
	color: #e76318;
   font-weight: bold;
}

a.menu-bar:hover {
	color: #f9844d;
   text-decoration: underline;
}

a.news-link {
	color: #555566;
}

a.news-link:hover {
	color: #fff799;
   text-decoration: underline;
}		

.footer a {
   color: #555566;
   text-decoration: none;
}
.footer a:hover {
   color: #555566;
   text-decoration: underline;
}

a.privacy {
   color: #555566;
   text-decoration: none;
}
a.privacy:hover {
   color: #555566;
   text-decoration: underline;
}

/* ------------------------------------- */
/* usefull style ideas 

.imagepadding1 {
   padding-top: 10px;
   padding-right: 15px; 
   padding-bottom: 10px; 
   padding-left: 15px;
}
.imagepadding2 {
   padding: 10px 15px 20px 15px;
}



.black-line {
	background-image: url("/images/y-graphic.png");
   background-repeat: repeat-y;
}

.vertical-shadow {
	background-image: url("/images/y-shadow.png");
   background-repeat: repeat-y;
}

.list-thumb {
	width: 150px;
   float: left;
   padding-top: 10px;
   padding-right: 15px; 
   padding-bottom: 10px; 
   padding-left: 15px;
   text-align: center;
}

    * serif (probably Times)
    * sans-serif (probably Arial or Helvetica)
    * cursive (probably Comic Sans)
    * fantasy (probably Ransom)
    * monospace (probably Courier)


*/