@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------- RESET ALL STYLE'S ELEMENT BEFORE ALL OTHER THING */

html, body, div, span, applet, object, iframe, blockquote, a, pre, address, big, code, dfn, em, font, img, kbd,
q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}

html, body {
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
body {
/*	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif; */
	font-family: monospace;
	font-size: 12px;
	color: #993300;
	background-color: #CCCCCC;
	text-align: justify;
}
.wrapper {
	min-height: 100%;
	height: 100%;
	height: auto !important;
	margin: 0 auto -4em;
	width: 100%;
}
#page	{
	width: 80%;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	min-height: 420px;
}

.footer, .push {
	height: 4em;
}

img {border: none; outline:none;}
a:link {
	color: #CCFFFF;
}
a:visited	{
	color: #CCFFFF;
}
a:hover	{	color: #FFFFFF; background-color:#66CCFF; }

.ext {
    background:transparent url(/images/external.png) no-repeat scroll right 3px;
    padding-right:14px;
}
.binary {
	color: #CCCCCC;
	background: #333333;
}
.alert { height: 30px; padding-top: 12px}
p#alert{ padding: 5px; color:#CC0000;}
p#alert a{ float:right; color:#fff;}

.hidden{
	display:none;
}
.shown{
	display:block;
}
.trigger{

}
.open{
	background:#66f;
}
.hover{
	background:#99c;
}

#header {
	width: 100%;
	height: 100%;
}
.title { height: 12px;}
#nav {
	background-color: #66CCFF;
	position: relative;
	width: auto;
	height: 42px;
	margin: 0px auto 0px auto;
	z-index: 4;
}
#nav img {
	display: inline;
	float: left;
	margin-left: 15px;
}
#nav .title {
	float: left;
	margin: auto;
}

/*
#mid {
	height: 1px;
	width: 1px;
	position: absolute;
	left: 5%;
	top: 5%;
	right: 50%;
	bottom: 50%;
	border-style: none;
	z-index: 2;
}
*/

#main {
	color: #000099;
	background-color: #999999;
	z-index: 3;
	min-height: 100%;
	height: 100% !important;
}
#me {float:left;clear:none;}
#content {
	margin: 25px auto 0px auto;
	width: 84%;
	min-height: 100%;
	height: 100% !important;
}
#content p{
	margin: 5px;
}
.footer	{
	background-color: #CC6600;
}
.footer	p{
	text-align: center;
	margin: auto;
}

.aleft {position:relative;margin: 0px auto 0px 0px;}
.aright {margin: 0px 0px 0px auto;}
.acenter {margin: 0px auto;}
.clear {position:relative;clear:none;}
.pre {
	white-space: pre;
	font-family: monospace;
	line-height:12px;
	display: block;
}
.footsy	{
	vertical-align: middle;
}
.copyleft{
	color: #CCFFFF;
}

#suckerfishnav {
	float: left;
	background-color:#CC6600;
	font-size:12px;
	font-weight:normal;
	z-index: 42;
}

#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:12px;
	padding:0;
	margin:0 0 1px 0;
	width:100%;
}

#suckerfishnav a {
	display:block;
	color:#ddd;
	text-decoration:none;
	padding:0px 10px;
}

#suckerfishnav li {
	float:left;
	padding:0;
}

#suckerfishnav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:100px;
	font-weight:normal;
	margin:0;
	line-height:1;
}
#suckerfishnav li li {
	padding-right:1px;
	width:100px;
	border-bottom:1px solid #aaa;
}
#suckerfishnav li li a {
	padding:4px 10px;
}
#suckerfishnav li ul li {
	font-weight:normal;
	font-family:verdana,sans-serif;
}
#suckerfishnav li ul li a {
	font-size:10px;
	color:#ddd;
}
#suckerfishnav li:hover ul li a {
	color:#ddd;
}

#suckerfishnav li ul ul {
	margin:-19px 0 0 101px;
}

#suckerfishnav li ul li:hover {
	background-color:#FF9933;
	border-bottom: 1px solid #666600;
}
#suckerfishnav li ul li:hover a {
	color:#666600;
}

#suckerfishnav li ul li:hover li a {
	color:#ddd;
}

#suckerfishnav li ul li li:hover a {
	color:#666600;
}

#suckerfishnav li ul li ul li:hover ul li a {
	color:#ddd;
}

#suckerfishnav li ul li ul li:hover ul li:hover a {
	color:#666600;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
	left:-999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
	left:auto;
	background-color:#CC6633;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	background-color:#FF9900;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#666600;
}




/* TV page css  */

#tvnav {
	background-color: #999900;
	font-size: 12px;
	font-family: verdana,sans-serif;
	font-weight: normal;
	z-index: 44;
}

#tvnav, #tvnav ul {
	float: left;
	list-style: none;
	line-height: 14px;
	padding: 0;
	border: 1px solid #666600;
	margin: 0 0 1px 0;
	width: 100%;
}

#tvnav a {
	display: block;
	color: #ddd;
	text-decoration: none;
	padding: 0px 5px;
}

#tvnav li {
	float: left;
	padding: 0px 5px;
}

#tvnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight:normal;
	margin:0;
	line-height:1;
}
#tvnav li li {
	padding-right:1px;
	width:100px;
	border-bottom:1px solid #aaa;
}
#tvnav li li a {
	padding:4px 10px;
}
#tvnav li ul li {
	font-weight:normal;
	font-family:verdana,sans-serif;
}
#tvnav li ul li a {
	font-size:10px;
	color:#ddd;
}
#tvnav li:hover ul li a {
	color:#ddd;
}

#tvnav li ul ul {
	margin:-19px 0 0 101px;
}

#tvnav li ul li:hover {
	background-color:#FF9933;
}
#tvnav li ul li:hover a {
	color:#666600;
}

#tvnav li ul li:hover li a {
	color:#ddd;
}

#tvnav li ul li li:hover a {
	color:#666600;
}

#tvnav li ul li ul li:hover ul li a {
	color:#ddd;
}

#tvnav li ul li ul li:hover ul li:hover a {
	color:#666600;
}

#tvnav li:hover ul ul, #tvnav li:hover ul ul ul, #tvnav li.sfhover ul ul, #tvnav li.sfhover ul ul ul {
	left:-999em;
}

#tvnav li:hover ul, #tvnav li li:hover ul, #tvnav li li li:hover ul, #tvnav li.sfhover ul, #tvnav li li.sfhover ul, #tvnav li li li.sfhover ul {
	left:auto;
	background-color:#CC6633;
}

#tvnav li:hover, #tvnav li.sfhover {
	background-color:#FF9900;
}

#tvnav li:hover a, #tvnav li.sfhover a {
	color:#666600;
}

#myads {
	background: url(/images/labcoat.gif) top left no-repeat;
}

#myads div {
	margin: 0 10px 0 40px;
	padding: 10px 10px 10px 10px;
	height: 80px;
	width:50px;
	border-bottom: 5px solid #0f67a1;
	background-color: #fff;
}