/* steve .. here's the general layout of this style sheet 

# Missc Stuff
# top navigation
# left naviagtion - floated left

# centre content
# listtable in the middle
# form stuff
# navigation tabs (eg on admin page
# USer COmments - dev only
*/

body{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	 	/* background-color : #5A6177;*/
		background-color : #767E98;
		color: black;
		
}
#page_container{
    /*background-color :#3F4454 ;*/ 
	margin-top: 0px;
	/* margin-right: 1%; */
	border: 0px dotted #cccccc;
	width: 950px;
}

#content{
	
}

#page_footer{
	clear:both;
	text-align : center;
	font-size : 80%;
	color: #000000;
	border-color: #000000;
	border-style : outset;
	border-width: 1px;
	padding: 5px;
	background-color: #BCC5D4;
    /*background-color : #DED7DE; */
	margin-top: 10px;
	
}

.gal{
	border: 2px outset #CECFCE;
}
.gal:HOVER{
	border: 2px outset #ff0000;
}

.bias{
 color : #DB0000;
}
.download{
	background-color: #0000FF;
}
.dropcap{
float: left;
width: .8em;
/* font-size: 200%; */
line-height: 100%;
 color : #DB0000;
}
.bias_ul{
	list-style : disc;
}
#tbar{
		background-color: #000000;
		font-size: 10pt;
		height: 150px;
		margin: 10px;
		border: 1px solid #dddddd;
}
#zulu{
	float:right;
	font-family : "Courier New", Courier, monospace;
	font-size: 10pt;
	font-weight:normal;
	padding: 3px 5px 3px 5px ;
	border: 0px inset #dddddd;
	background-color: #BCC5D4;
	color: #000000;

}
.google_highlight{
	background-color : Yellow;
}

.strike{
	text-decoration : line-through;
}


.right_table{
	/* background-color: #effeef; */
	font-size: 8pt;
	    margin-left: 8px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#hlp{
	/* height: 20px; */
	width: 75%;
	color : Navy;
	font-size: 8pt;
	background-color : #FFFFA8;
	border: 1px solid #0000FF;
	padding: 3px;
}

#online{
	display : block;
	color: #000000;
	background-color : #FF968C;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	text-align : center;
}
#online a{
	text-decoration: none;
	color: #000000;
}
#online a:HOVER{
	text-decoration: underline overline;
	color: #0000FF;
	background-color: #FFFF00;
}
#offline{
	display : block;
	color: #000000;
	background-color : #DDDDDD;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	text-align : center;
}

#join a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size:14pt;
}
#join a:HOVER{
	color: #FF4500;
	font-weight: bold;
	text-decoration: underline ;
}
#err{
	color : #B22222;
	font-size: 8pt;
	padding: 3px;
}
.lnk{
	text-decoration: none;
	color: #0000dd;
}
.lnk:HOVER{
	text-decoration: underline;
	color: #0000FF;
}
/*************************************************************/
/* Panel Box */
/*************************************************************/


table.panel{
	border : 0px outset;
	width: 300px;
	padding: 2px;
}
table.panel caption{
	text-align: left;
	font-size : 16pt;
	font-weight: bold;
	line-height: 120%;
	background-color : #8C9EC6;
	border: 2px outset #cccccc;
	color: #182031;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 2px;
}
table.panel th{
	font-size: 8pt;
	border-bottom: 1px solid #aaaaaa;
	border-left: 0px solid #aaaaaa;
	vertical-align : top;
}
table.panel td{
	font-size: 8pt;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	vertical-align : top;
}

/* the anchor */
table.panel a.action{
	text-decoration : none;
	color : Black;
	 background-color : #C6C3C6; 
	/* display: block; */
	text-align : center;
	border: 1px outset;
	margin: 0;
	padding: 1px 2px 1px 2px;
}
table.panel a.action:HOVER{
     background-color : #6A5ACD;  
	 border: 1px outset #ff3300;
	 color: #ffffff;
}


/*************************************************************/
/* Homepage Box */
/*************************************************************/
fieldset.bFieldset{
	border: 1px outset #444444;
	padding: 5px;
	width: 350px;
	margin: 0px 0px 20px 0px;
}
fieldset.bFieldset legend{
	/* border: 1px outset; */
	/* background-color : #8C9EC6; */
	color: #000000;
	/* text-align: left; */
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 8pt;
	width: 50%;
	
}

table.box{
	border: 0px outset #949ECE;
	font-size: 8pt;
	font-family : Arial, Helvetica, sans-serif;
	width: 350px;
	margin: 0px 0px 10px 0px;
	
	border-color: #9BA3B9;
}
table.box caption{
	border: 1px outset;
	background-color : #8C9EC6;
	color: #182031;
	/* text-align: left; */
	font-weight: bold;
	padding: 2px;
	text-align: left;
}
table.box th{
	border-bottom: 1px dotted #949ECE;
	padding-left: 20px;
}
table.box td{
	border-bottom: 1px dotted #949ECE;
	padding-left: 20px;
	
}

#irc{
color: #000000; 
font-size: 10pt; 
text-decoration: none; 
}
#irc:HOVER{
color: #ffffff;
}

/*************************************************************/
/* Login Box */
/*************************************************************/
table#login{
	font-size: 8pt;
	border: 0px dotted #aaaaaa;
	/* background-color: #BCC5D4; */
}
table#login th{
	/* border-bottom: 1px solid #cccccc; */
	
}
table#login td{
	padding: 0px;
	margin: 0px;
	border-right: 0px inset;
	border-bottom: 0px inset;
	padding: 0px 4px 0px 4px;
}

table#login a.admin{
	text-decoration: none;
	
}
table#login a:HOVER{
	color: #FFFFFF;
	
}
table#login a#off{
	color: #00cc00;

	
}
table#login a#on{
	color: #ffFF00;
	
}
/*************************************************************/
/* Top Navigation */
/*************************************************************/
#topnavcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #BCC5D4; 
color: White;
float: left;
width: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 8pt;
border:1px outset #cccccc;

}

#topnavcontainer ul li { display: inline;}

#topnavcontainer ul li a
{
padding: 3px 5px 3px 5px;
/* background-color: #036; */
color: black;
text-decoration: none;

float: left;
border-left: 5px solid #4A556B;
border-right: 0px solid #FF0000;
border-bottom: 0px solid #DED7DE;
 text-align : left;
 width: 100px;
}

#topnavcontainer ul li a:hover
{
background-color: #B5BECE;
color: #000000;
/* border-color: #DED7DE; */
border-color: #FFCF00;
border-left: 5px solid #FFCF00;
border-right: 0px solid #FFCF00;
border-bottom: 0px solid #DED7DE;
}

#topnavcontainer ul li a#active
{
background: #8A95A2;
border-left: 5px solid #E70000;
border-right: 0px solid #FF0000;
border-bottom: 0px solid #E70000;
}

/*************************************************************/
/* Left Navigation */
/*************************************************************/
#nav_left_box{
	 border: 2px outset #cccccc;
	 background-color: #BCC5D4;
	 float: left;
}
#leftnavcontainer { width: 197px; }

#leftnavcontainer ul
{
margin-top: 8px;
margin-left: 8px;
margin-right: 8px;
padding-left:2px;
list-style-type: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#leftnavcontainer a
{
display: block;
padding: 3px;
width: 160px;
/* background-color: #BCC5D4; */
border-left: 3px solid #4A556B;;
border-bottom: 0px solid #eee;
font-size: 8pt;
}

#leftnavcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}

#leftnavcontainer a:hover
{
background-color: #369;
color: #fff;
}
#leftnavcontainer ul li a#active
{
background: #8A95A2;
border-left: 3px solid #E70000;
border-right: 0px solid #FF0000;
border-bottom: 0px solid #E70000;
}
/*************************************************************/
/* Content  Box in Middle */
/*************************************************************/
#content_box{
	margin-left: 220px;
	 background-color : #CCCCCC; 
	 padding: 10px;
	 min-height: 400px;
	 	 border: 2px outset #cccccc;
}

#content_box h1{
	/* background-color : #FF1493; */
	border-bottom: 1px solid #cccccc;
	font-size: 14pt;
}

#content_box h2{
	/* background-color : #FF1493; */
	font-size: 12pt;
}
#content_box h4{
	/* background-color : #FF1493; */
	font-size: 12pt;
	border-left: 0pt solid #FFFFAA;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
}
#content_box h4 a{
	text-decoration: none;
	color: #000000;
}
#content_box h4 a:HOVER{
	text-decoration: none;
	color: #0000FF;
}
#content_box p,ul {
	font-size: 70%;
}
/*
#content_box a{
	color: #0000FF;
	text-decoration: none;
}
#content_box a:HOVER{
	background-color: #E3F1F5;
	text-decoration: underline;
}
*/
/****************************************************************************************/
/* general  table */
/****************************************************************************************/
.generaltable{
	font-size : 70%;
	background-color : #CCCCCC; 
}
.generaltable small{
	font-weight : normal;
	font-size: 8pt;
}
.generaltable caption{
	background-color : #8C9EC6;
	border: 2px outset ;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
	padding: 5px;
}
.generaltable th{
	border: 1px solid #949ECE;
	margin: 0px;
	/* background-color : #EAF7F8; */
	
}
/* the anchor */
.generaltable a.action{
	text-decoration : none;
	color : Black;
	/*  background-color : #C6C3C6;  */
	/* display: block; */
	text-align : center;
	border: 0px outset;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	font-weight: normal;
}
.generaltable a.action:HOVER{
     background-color : #6A5ACD;  
	 border: 0px outset #ff3300;
	 color: #ffffff;
}

/****************************************************************************************/
/* listing table */
/****************************************************************************************/
.listtable{
	border: 0px solid #cccccc;
	font-size : 70%;
	/* background : #F0F0F0; */
	line-height: 120%;
}
.listtable caption{
	background-color : #F0F0F0;
	font-weight : bold;
	text-align : left;
	padding: 5px;
}
.listtable th{
	background-color : #DEDFDE;
	padding: 5px;
	color: #000000;
	vertical-align : top;
	font-weight: normal;
}
.listtable td{
	padding: 2px 3px 2px 3px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
   border-left: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
   	vertical-align : top;
}

/* the anchor */
.listtable a.action{
	text-decoration : none;
	color : Black;
	 background-color : #C6C3C6; 
	display: block;
	text-align : center;
	border: 1px outset;
	margin: 0px;
	padding: 1px 2px 1px 2px;
}
.listtable a.action:HOVER{
     background-color : #6A5ACD;  
	 border: 1px outset #ff3300;
	 color: #ffffff;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* Form stuff */
/* --------------------------------------------------------------------------------------------------------------- */
/* another IE hack */
form{
	margin: 0;
}

/* Normal text input */
.txtbox{
	background-color: #F2FBFB;
	border: 1px inset;
	font-size:8pt;
}
.txtbox:FOCUS{
	background-color: #DFEFF5;
	border: 1px inset #FF0000;
}
/* text imput number right aligned */
.txtno{
	background-color: #F2FBFB;
	border: 1px inset;
	text-align: right;
}
.txtno:FOCUS{
	background-color: #DFEFF5;
	border: 1px inset #FF0000;
}

.butt{
	background-color: Silver;
	border: 2px outset;
	color: #000000;
	font-size:8pt;
	padding: 0px 3px 0px 3px;
}

.butt:HOVER{
	background-color: Silver;
	border: 2px outset #FF0000;
	/* color: #0000FF; */
}

/* --------------------------------------------------------------------------------------------------------------- */
/* Navigation tabs */
/* --------------------------------------------------------------------------------------------------------------- */

#navtabs
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: normal 70% Verdana, sans-serif;
}

#navtabs li
{
list-style: none;
margin: 0;
display: inline;
}

#navtabs li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navtabs li a:link { color: #448; }
#navtabs li a:visited { color: #667; }

#navtabs li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navtabs li a#current
{
background: white; 
border-bottom: 1px solid white;
}

/* --------------------------------------------------------------------------------------------------------------- */
/*  User Comments */
/* --------------------------------------------------------------------------------------------------------------- */
#comments{
	clear:both;
	margin-left: 250px; /* same as #content */
	margin-right: 200px;
	margin-bottom: 10px;
	font-size : 8pt;
	line-height: 120%;
	
}
#comments h1{
	border: 1px dotted #cccccc;
	font-size : 12pt;
	padding: 5px 0px 5px 10px;
	border-left: 5px solid #ccddcc;
}
#comments h2{
	border-bottom: 1px dotted #cccccc;

	margin-left: 25px;
}
#comments h5{
		margin-left: 50px;
		margin-top: 0px;
		margin-bottom: 0px;
}


#comments h5  a{
text-decoration: none;
margin-top: 20px;
			color: #0000FF;
			background-color : #F9F9F9;
			font-weight : normal;
}

#comments h5 a:HOVER{
	text-decoration: underline overline;
			color: #0000FF;
		
}
#comments p{
			margin-left: 75px;
			margin-top: 10px;
	
}

#comments #comment_form{

	text-align : left;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* A2Z tabs at top */
/* --------------------------------------------------------------------------------------------------------------- */

#a2ztabs ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 0px;
font-family: Verdana, sans-serif;
font-size:9pt;
}

#a2ztabs li
{
	padding: 0;
	margin: 0 4px 0 0;
	border-top: 1px solid #cecbc6;
	border-right: 1px solid #cecbc6;
	border-left: 1px solid #cecbc6;
	border-bottom: 1px solid #cecbc6;
	background-color: #F4F4F4;
	color: #ffffff;
	font-weight: normal; /* the next 4 lines are magic */
	display: block;
	float: left;
	position: relative;
	top: -1.32em;
}

#a2ztabs a:link,
#a2ztabs a:visited
{
background-color: #F4F4F4;
color: #000000;
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
margin: 0px;
}

#a2ztabs a:hover
{
background-color: #cecbc6;
color: #000066;
}
#a2ztabs b{
	/* background-color: #0000ff; */
	color: #aa0000;
}
#a2ztabs a#active
{
background-color: #0000FF;
color: #000066;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* Links Section */
/* --------------------------------------------------------------------------------------------------------------- */

#links{


}
#links h1{
	border: 0px dotted #efefef;
	font-size : 10pt;
	margin-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 0px;
    padding-left: 8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size : 8pt;
}
#links h3{
	font-size : 10pt;
	margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
}





/* --------------------------------------------------------------------------------------------------------------- */
/*  NEWS */
/* --------------------------------------------------------------------------------------------------------------- */
#news{
	/* background-color : #4682B4; */
	width: 500px;
}
#news h2{
	background-color: #8C9EC6;
	border: 2px outset ;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
	padding: 5px;
}
#news h4{
		font-size: 10pt;
		/* border-left: 5px solid #8C9EC6; */
		padding: 3px 0px 3px 3px ;
		margin-bottom: 0px;
		background-color: #CECFCE;
		border: 1px outset;
}
#news h6{
	font-size: 8pt;
	font-weight: normal;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
		/* text-align: right; */
	color: #000000;
}
#news p{
	font-size: 10pt;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 0px;
		text-align : justify;
}