/*
 *	Zen Tab v1.0
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2006 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/2.5/
 */


/*******************/
/* Template Layout */
/*******************/

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background:#fff;
}

#container {
	text-align:left;
	border:1px solid #d3d3d3;
	top:8px;
	background:url(../images/background.gif) 0 0 repeat; position:relative;
	width:770px;
	margin:0 auto;

}

#header{
	clear:both;
	text-align:left;
	width:770px; height:60px; background:url(../images/header.gif) 0 0 no-repeat; position:relative;
	z-index: 10;
}


#left-content {
	float:left;
	position:relative;
	margin-top:20px;
	margin-bottom:10px;
	width:175px;
}

#main-content {
	float:right;
	position:relative;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;
	width:555px;
}

#footer{
	clear:both;
	padding:4px;
	text-align:center;
	font-size:10px;
	border-top:1px solid #d3d3d3;
	background:#fff;
}

/* IE5/Mac: \*//*/

#footer{
	position:relative;
	top:15px;
}

/*  */


/*********************/
/* Form element styles:*/
/*********************/

#searchf { 
	z-index: 10;
	position:absolute;
	left:570px;
	top:6px;
	width:138px;
	font-size:9px;
	padding:1px;
	border:1px solid;
}

* html #searchf {
	top: 5px;
	width:136px;
	height:10px;
	padding:2px;
}

#searchbutton{
	z-index: 10;
	position:absolute;
	top:6px;
	left:718px;
}

* html #searchbutton{
	top: 5px;
}

#username {
z-index: 10;
	position: absolute;
	left:570px;
	top:96px;
	width:64px;
	padding:1px;
	font-size:9px;
	border:1px solid;
}

* html #username {
	width:62px;
	height:10px;
	padding:2px;
}

#password {
	z-index: 10;
	position: absolute;
	left:646px;
	top:96px;
	width:64px;
	padding:1px;
	font-size:9px;
	border:1px solid;
}

* html #password {
	width:62px;
	height:10px;
	padding:2px;
}

#loggedin {
	z-index: 10;
	position: absolute;
	left:625px;
	top:98px;
	font-size:12px;
}

* html #loggedin {
	top:95px;
}

#loginbutton {
	z-index: 10;
	position: absolute;
	left:718px;
	top:96px;
}


/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav1 a:link,
.vertnav1 a:visited,
.vertnav1 a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px solid #9C9C9C;  /*grey*/
	color:#ffffff; /* white*/ 
	background:#019606;
}
.vertnav1 a:hover {
	color:#FFF200; /* yellow*/ 
}

.vertnav1-act a:link,
.vertnav1-act a:visited,
.vertnav1-act a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px solid #9C9C9C;  /*grey*/
	color:#ffffff; /* white*/
	background:#019606; 
}

.vertnav2 a:link,
.vertnav2 a:visited,
.vertnav2 a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:15px;
	color:#0007ad; /* blue (logo) */
	background:#dbf0db;
}
.vertnav2 a:hover {
	color:#019606; /* green*/ 
}

.vertnav2-act a:link,
.vertnav2-act a:visited,
.vertnav2-act a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:15px;
	color:#0007ad; /* blue (logo) */
	background:#dbf0db;
}

.vertnav3 a:link,
.vertnav3 a:visited,
.vertnav3 a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:30px;
	color:#333; /* flat black*/ 
	background:#DBDCF3;
}
.vertnav3 a:hover {
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	color:#019606; /* green */ 
}

.vertnav3-act a:link,
.vertnav3-act a:visited,
.vertnav3-act a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:30px;
	color:#FF6000; /* red orange*/ 
	background:#DBDCF3;
}
.vertnav3-act a:hover {
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	color:#019606; /* green */ 
}

.vertnav4 a:link,
.vertnav4 a:visited,
.vertnav4 a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:45px;
	color:#333; /* flat black*/ 
}
.vertnav4 a:hover {
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	color:#FFF200; /* yellow */ 
}

.vertnav4-act a:link,
.vertnav4-act a:visited,
.vertnav4-act a:active {
	margin: 0px;
	display:block;
	padding:2.5px;
	font-size:12px;
	text-decoration:none;
	width:174px;
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	text-indent:45px;
	color:#FF6000; /* red orange*/ 
}
.vertnav4-act a:hover {
	border-bottom:1px dotted #ec9e14;  /*burnt orange*/
	color:#FFF200; /* yellow */ 
}


/******************/
/* Headers, plain */
/******************/
H1 { background-color:#fff; padding:4px; border-bottom:1px solid #000; font-size:14px; }
H2 { font-size: 18px; color: #186900; }
H3 { font-size: 16px; color: #2961DC; }
H4 { font-size: 14px; color: #8A0020; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 2px; margin-bottom: 2px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #2961DC; text-decoration: none; }
H2 A { color: #000; }
H3 A { color: #2961DC; }
H4 A { color: #8A0020; }
H5 A { color: #2961DC; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: none; }


/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, PRE, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #666666 }
P { color: #333333; }
H1 { color: #333; }
H3 { color: #ec9e14; }
H2, H4, H5 { color: #ec9e14; }
PRE PRE { font-family: monospace; }
A { color: #2961DC; text-decoration: none;}
A:hover { color: #2961DC; text-decoration: none; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 12px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }

/********************************/ 
/* Frames, spacing, link-to-top */ 
/********************************/ 
P.csc-linkToTop { text-align:right; }
P.csc-linkToTop A { font-weight:bold; }

DIV.contentframe1 { background-color:#fff; padding:6px; border:1px solid #333; margin-bottom:5px; font-size:11px; }
DIV.contentframe2 { background-color:#FFE94C; padding:6px; border:1px solid #333; margin-bottom:5px; font-size:11px; }
DIV.contentframe3 { background-color:#FFE94C; padding:6px; margin-bottom:5px; font-size:11px; }
DIV.contentframe4 { background-color:#fff; padding:6px; border:1px solid #FFE94C; margin-bottom:5px; font-size:11px; }