@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 90%;
	background: url('../images/pagebg.gif') center top repeat-y #eaeaea;
}

.container {
	width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding: 0 14px;
	margin: 0 auto;
	background: url('../images/circuit.jpg') 14px 130px no-repeat transparent;
	position: relative;
}

.content {
	padding-bottom: 41px;
}


.top {
	width: 960px;
	height: 90px;
	padding: 0;
	margin: 0;
	background: url('../images/topback.jpg') left top #e6e6e6;
}

.top .logobox {
	padding: 0;
	margin: 0;
	float: left;
}

.top .logobox img{
	width: 400px;
	height: 90px;
	border: none;
}

.top .bannerbox {
	padding: 0;
	margin: 15px 10px 0 0;
	float: right;
}

.top .bannerbox img{
	width: 468px;
	height: 60px;
	border: none;
}



/************* Main column *************/

.maincol {
	width: 700px;
	padding: 0;
	margin: 15px 15px 0 0;
	float: right;
	display: inline;
}

.articleheader,
.maincol h1,
.maincol table td.articleheader {
	font-size: 1.3em;
	color: #000;
	margin: 0 0 12px 0;
}

.maincol h2 {
	font-size: 1.2em;
	color: #000;
	padding: 0;
	margin: 0 0 4px 0;
}

.maincol h3 {
	font-size: 1.3em;
	color: #555;
	padding: 0;
	margin: 0 0 4px 0;
}

.maincol p {
	font-size: 1em;
	color: #444;
	padding: 0;
	margin: 0 0 4px 0;
}

.articledate {
	font-size: 0.8em;
	color: #999;
}

.maincol a:link,
.maincol a:visited {
	color: 07d;
}

.maincol a:hover {
	color: 06f;
}

a.articleheader,
a.articleheader:link { text-decoration: underline; color: #07d; }
a.articleheader:visited { text-decoration: underline; color: #07d; }
a.articleheader:hover { text-decoration: underline; color: #06f; }

a.articlelink:link{ color:#07d; text-decoration: none; }
a.articlelink:visited{ color:#07d; text-decoration: none; }
a.articlelink:hover{ color:#06f; text-decoration: none; }

a.callink { color: #07d;font-weight: bold;text-decoration: underline;}
a.callink:visited{color: #07d;font-weight: bold;text-decoration: underline;}
a.callink:hover{color: #06f;font-weight: bold;text-decoration: underline;}


/************* Left column *************/
.lcolouter {
	width: 225px;
	padding: 0;
	margin: 15px 20px 0 0;
	background: url('../images/lcolbg.gif') 0px 90px repeat-y #fff;
}

.lcolouter img.lcolbottom {
	width: 225px;
	height: 25px;
	width: 225;
	margin: 0;
	background: url('../images/lcolbg.gif') 0px 90px repeat-y #fff;
}

.lcolinner {
	width: 200px;
	padding: 0 0 25px 0;
	margin: 0 0 0 12px;
	background: url('../images/lcolgrad.jpg') left top no-repeat #fff;
}


/************* Footer ****************/

.footer {
	margin: 0;
	padding: 6px 0;
	width: 960px;
	height: 28px;
	border-top: 1px solid #aaa; 
	text-align: center;
	font-size: 0.85em;
	color: #999;
	display: block;
	clear: both;
	position: absolute;
	bottom: 0;
}

.footer a {
	color: #888;
}

/************* MENUS ****************/


.altmenu {
	width: 960px;
	height: 40px;
	overflow: hidden;
	background: url('../images/altmenubg.jpg') 0px 1px repeat-x #cacaca;
}

.altmenu a,
.altmenu a:link,
.altmenu a:visited {
	margin: 0;
	padding: 9px 16px 11px 16px;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	line-height: 39px;
	color: #000;
	border-right: 1px solid #fff;
	background: url('../images/altmenuitem.gif') right -40px no-repeat transparent;
}

.altmenu a:hover {
	color: #fff;
	background: url('../images/altmenuitem.gif') right top no-repeat #f39a00;
}

.menumainlinkcell {
	margin: 0;
	padding: 0;
	border: 0;
}

a.mainmenu,
a.mainmenu:link,
a.mainmenu:visited {
	width: 180px;
	margin: 0;
	padding: 7px 5px 6px 15px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #aaa;
	background: url('../images/mainmenuitem.gif') 0 -50px no-repeat #transparent;
	display: block;
}

a.mainmenu:hover {
	color: #fff;
	border-bottom: 1px solid #d60;
	background: url('../images/mainmenuitem.gif') 0 top repeat-y #f39a00;
}

.menutvwlinkcell {
	border: 0;
	background: #f4ece1;
}

a.menutvwlink:link,
a.menutvwlink:visited { font-size: 0.9em; color: #fff; padding-left: 14px; text-decoration: none; width: 186px; }
a.menutvwlink:hover { color: #f4ece1; }





/************ Other styles ***************/

.calborder{ background-color: #f39a00; }
.calheader{ background-color: #f4ece1; }
.calcell { background-color: #fff; color: #444; text-align: center; }
.calcellremain { background-color: #eee; color: #999; text-align: center; }

form { margin: 0px; }

input[type="submit"], input[type="button"], input[type="text"] { font-size: 1em; background-color: #f6f6f6; border: 1px solid #999; color: #444; text-decoration: none; }
select { font-size: 1em; color: #444; text-decoration: none; }
textarea { font-size: 1em; color: #444; text-decoration: none; }

hr { background-color: #d60; height: 1px; border: 0; }

