/*
CSS LIBRARY FILE	-	HEADERS.CSS
THIS FILE IS COPYRIGHT (c) 2006 CENEK SEKAVEC, ALL RIGHTS RESERVED.
THIS FILE MAY NOT BE USED OR DISTRIBUTED WITHOUT PERMISSION. 
*/

/* 
c_thumb.htm specific <img id="ct" url="image.jpg" alt="yadda">
*/

	img#ct { width: 64; height: 64; padding-left: 0px; padding-right: 0px; border: red 1px solid;}

/*
formatting and alignment wrappers usage example: 
<div id="wrapper0"> html, etc </div> 
note: these wrappers assume a minimum operating resolution of 800x600
*/
	#c_thumb {width: 750; border: 1px solid red}
	
	#wrapper0 { margin-left: auto; margin-right: auto; margin-top: 2px; margin-bottom:2px; /*border: 1px solid #000000;*/}
	#wrapper1 { margin-left: auto; margin-right: auto; margin-top: 2px; margin-bottom:2px; /*border: 1px solid #000000;*/}
	#wrapper2 { margin-left: auto; margin-right: auto; margin-top: 2px; margin-bottom:2px; /*border: 1px solid #000000;*/}
	#wrapper3 { margin-left: auto; margin-right: auto; margin-top: 2px; margin-bottom:2px; /*border: 1px solid #000000;*/}
	#thumb_back { position: absolute; margin-left: auto; margin-right: auto;  z_index: 1;}
	#thumb_fore { text-align: center; z_index: 2;}
	#about { text-align: center;}
	#fixed0 { width: 800; }
	
	#card475w {position:absolute;left:319px;top:36px; border: 1px solid green;width:148;height:200;}
	
	#wrapper_menu { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;}

	#wrapper_cb { margin-left: auto; margin-right: auto; margin-top: 1px; margin-bottom: 1px;}
	#pix_down { top: 0;}
	#pix_up { top: 0;}


/*
IMAGE DROP DOWN MENU ATTEMPT #4 :)
*/

	.menucontainer 
	{margin-left: auto; 
	margin-right: auto;
	display: block;
	width: 750px;
	z_index: 98; 
	text-decoration: none; 
	}
	
	/*'CHILD' CONTAINER*/
	.imagelist
	{margin-left: auto; 
	margin-right: auto;
	z_index: 99; 
	width: 750px; 
	display: none;}
	
	
/*
CSS 'COOL' MENU CLASS DEFINITIONS	
USAGE EXAMPLE:
<div class="buttonscontainer"
<div class="buttons"
	<a href="example.htm">example</a>
</div>
</div>
*/

	.buttonscontainer {width: 160px;}
	.buttons a 
	{
	position:relative;
	color: #FFFFFF;
	background-color: #000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 0px;
	display: block;
	border-left: 13px solid #FFFFFF;
	border-right: 13px solid #FFFFFF;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-top: 1px;
	}

	.buttons a:hover 
	{
	border-left: 13px solid #000000;
	border-right: 13px solid #000000;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	}

/*
TOOLTIP IMPLEMENTATION:  (THANKS: PSACAKE.COM!)
USAGE EXAMPLE:
<a class=info href="#">This is a tooltip <span> //TOOLTIP TEXT// </span></a>
*/


	a.info{
    	position:relative; /*this is the key*/
    	z-index:24; background-color:#000000;
    	color:#FFFFFF;
    	text-decoration:none}

	a.info:hover{z-index:25; background-color:#FFF;}

	a.info span{display: none}

    	a.info:hover span{ /*the span will display just on :hover state*/
   	    display:block;
    	position:absolute;
    	top:64px; left:-3.5em; width: 12em;
    	border:1px solid #0cf;
    	background-color:#000000; color:#FFFFFF;
    	text-align: center}

/*
COLORS
HTML4.0 COLOR DEFINITIONS:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, 
silver, teal, white, yellow
*/

/* Background */
.bgWhite{background:#FFF;} 
.bgBlue{background:#039;}
.bgLtBlue{background:#D5E8FB;}
.bgDkBlue{background:#040C5C;}
.bgNavBlue{background:#6698CB;}
.bgGrey{background:#E5E5E5;}
.bgDkGrey{background:#666;}
.bgRed{background:#C00;}
.bgPeach{background:#FC9;}
.bgPurple{background:#96C;}
.bgGreen{background:#090;}
.bgOrange{background:#F60;} /* Alternative #FF9800 */
.bgBlack{background:#000;}

/* Font Color */
.txtWhite{color:#FFF;}
.txtBlue{color:#039;}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C;}
.txtNavBlue{color:#6698CB;}
.txtGrey{color:#E5E5E5;}
.txtDkGrey{color:#666;}
.txtRed{color:#C00;}
.txtPeach{color:#FC9;}
.txtPurple{color:#96C;}
.txtGreen{color:#090;}
.txtOrange{color:#F60;} /* Alternative #FF9800 */
.txtBlack{color:#000;}

/* Border */
.borWhite{border:1px solid #FFF;}
.borBlue{border:1px solid #039;}
.borLtBlue{border:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borGrey{border:1px solid #E5E5E5;}
.borDkGrey{border:1px solid #666;}
.borRed{border:1px solid #C00;}
.borPeach{border:1px solid #FC9;}
.borPurple{border:1px solid #96C;}
.borGreen{border:1px solid #090;}
.borOrange{border:1px solid #F60;} /* Alternative #FF9800 */
.borBlack{border:1px solid #000;}