/****************************************************************************/
/*                                                                          */
/* site.css - CSS style sheet for rivan.net                                 */
/*                                                                          */
/* Copyright (c) 2003 Karl A. Erickson (webmaster@rivan.net)                */
/*                                                                          */
/****************************************************************************/

/*
 * General (site-wide) styles
 */

BODY {				margin:			0px;
				font-family:		'Trebuchet MS',Tahoma, Arial, sans-serif;
				font-size:		10pt;
				}

H1 {				font-size:		18pt;
				color:			#003399;
				background-color:	transparent;
				}
		


H2 {				font-size:		15pt;
				font-style:		italic;
				color:			#003399;
				background-color:	transparent;
				}

TABLE {		
				}

TH {		
				}

TD {		
				}
PRE {				font-family:		'Lucida Console', 'Courier New', monospace;
				font-size:		10pt;
				}


HR {				height: 		1px;
				}
						
/*
 * Template/navigation styles
 */

TABLE.main {    		margin:			0px;
				border:			none;
				border-collapse:	collapse;
				border-spacing:		0;
				width: 100%;
				} 

/* Virtual Row 1: Header */

TR.header {			background-image:  	url('/images/site/header_bg.png');
				font-size:		24pt;
				padding-left:		12px;
				height:			48px;
				font-family:		Arial, sans-serif;
				font-weight:		bold;
				color:			#FFFFFF;
				background-color:	transparent;
				vertical-align:		bottom;
				padding-top:		0px;
				}

TD.header-left {		width:			124px;
				white-space: 		nowrap;
				}

TD.header-right {		padding-left:		20px;
				white-space: 		nowrap;
				}
			
/* Virtual Row 2: Divider */
		
TR.div-top {			background-image: 	url('/images/title_bg_bottom.gif');
				background-repeat: 	repeat-x;
				background-position: 	top;
				font-size: 		5pt;
				height: 		10px;
				}	

TR.div-top TD {			background-image: 	url('/images/title_bg_bottom.gif');
				background-repeat: 	repeat-x;
				background-position: 	top;

}

TD.divider-left {		background-color: 	#F0F0F0;
				color:			#000000;
				text-align: 		right;
				padding:		0;
				width: 			142px;
				}

TD.divider-right {		text-align: 		left;
				padding:		0;
				}

IMG.divider-tick {		vertical-align:		top;
				}
			
/* Virtual Row 3: Sidebar/Content */

TD.sidebar {			background-color:	#F0F0F0;
				border-right: 		#cccccc 1px solid;
				color:			#000000;
				width: 			140px;
				text-align:		center;
				}
			
TD.content {			padding-left:		20px;
				padding-right: 		10px;
				padding-top:		12px;
				background-image:	url('/images/cow_bg2.jpg');
				background-repeat: 	no-repeat;
				background-position: 	top right;
				font-size: 		10pt;
				}
			
/* Virtual Row 4: Divider */

TR.div-bottom {			background-image: 	url('/images/page_bottom_line.gif');
				background-repeat: 	repeat-x;
				background-position: 	bottom;
				font-size: 		5pt;
				}

TR.div-bottom TD {		background-image: 	url('/images/page_bottom_line.gif');
				background-repeat: 	repeat-x;
				background-position: 	bottom;

}

/* Virtual Row 5: Footer */

TD.footer {			/*background-image:  	url('/images/header_bg2.gif');*/
				background-image:  	url('/images/site/header_bg.png');
				height:			30px;
				background-color:	transparent;		
				}
				
A.copyright {			color:			#ffffff;
				background-color:	transparent;
				text-decoration:	underline;
				}
			
A.copyright:HOVER {		color:			#000000;		
				background-color:	#c3d7ff;
				}

A.counters {			color:			#ffffff;
				background-color:	transparent;
				text-decoration:	none;
				}
						
A.counters:HOVER {		color:			#000000;		
				background-color:	#c3d7ff;
				}
			
TD.copyright {			text-align:		left;
				vertical-align:		top;
				font-size:		9pt;
				font-family:		Arial, sans-serif;
				color:			#FFFFFF;
				background-color:	transparent;
				}
			
TD.docdate {			text-align:		right;
				vertical-align:		top;
				font-size:		9pt;
				font-family:		Arial, sans-serif;
				color:			#FFFFFF;
				background-color:	transparent;
				}
			
DIV.floating	{		position: 		absolute;
				left: 			36px;
				top: 			15px;
				background-color: 	transparent;
				cursor: 		pointer;
				}

IMG.w3c {			border:			0;
				width:			88px;
				height:			31px
				}
			
/*
 * Sidebar Menus
 */

TABLE.navmenu {			border-collapse:	separate;
				padding-right: 		5px;
				padding-left: 		5px;
				padding-bottom: 	5px;
				padding-top: 		5px;
				background-color: 	#F0F0F0;
				color:			#000000;
				/*margin-top:		25px;*/
				width:			120px;
				}
			
.menucell {			border-collapse:	separate;
				border-spacing: 	1px;
	    			border: 		#F0F0F0 1px solid;
				padding-right: 		2px;
				padding-left: 		2px;
				cursor: 		default;
				text-align:		left;
				vertical-align:		middle;
				white-space: 		nowrap;
				padding-bottom:		2px;
				}
			
.menucellover {			border-collapse:	separate;
				border-spacing: 	1px;
				border: 		#346ac2 1px solid;
				padding-right: 		2px;
				padding-left: 		2px;
				cursor: 		pointer;
				text-align:		left;
				background-color: 	#c3d7ff;
				font-weight: 		bold;
				color:			#ffffff;
				white-space: 		nowrap;
				padding-bottom:		2px;
				}

.menucellsel {			border-collapse:	separate;
				border-spacing: 	1px;
	    			border: 		#346ac2 1px dashed;
				padding-right: 		2px;
				padding-left: 		2px;
				cursor: 		default;
				text-align:		left;
				vertical-align:		middle;
				white-space: 		nowrap;
				padding-bottom:		2px;
				}

.menuspacer {			border-collapse:	separate;
				border-spacing: 	1px;
	    			border: 		#F0F0F0 1px solid;
				padding-right: 		2px;
				padding-left: 		2px;
				cursor: 		default;
				vertical-align:		bottom;
				height: 		250px
				}
						
IMG.navmenuitem {		border:			none;
				vertical-align:		middle;
				margin-bottom:		2px;
				margin-right:		4px;
				}
			
A.navmenuitem {			color: 			black;
				text-decoration: 	none;
				background-color:	transparent;
				font-weight: 		bold;
				font-size: 		10pt;
				}
    
A.navmenuitem:hover {		font-weight: 		bold;
				}	
			
.menucell DIV {			border-top: 		1px #d0d0d0 solid;
				}		
		
/*
 * Error page styles
 */
 
H1.errorpage {			color:			#FF0000;
				background-color:	transparent;
				} 

P.errorhaiku {			font-weight:		bold;
				font-style:		italic;
				font-size:		12pt;
				color:			#003399;
				background-color:	transparent;
				}

P.errorbanneduser {		padding-left: 		40px;
				color: 			#ff0000;
				background-color: 	transparent;
				}

P.errorserver {			color:			#c0c0c0;
				font-style:		italic;
				font-size:		8pt;
				}

/*
 * "We've Moved" page styles
 */
 
 
BODY.mooved {			background-image:	url('/images/cow_bg2.jpg');
				background-repeat: 	no-repeat;
				background-position: 	center center;
				}

BODY.mooved H1 {		text-align:		center;
				}

BODY.mooved P {			font-size:		12pt;
				text-align:		center;
				font-weight:		bold;
				}

BODY.mooved P A {		font-size:		24pt;
				text-decoration:	none;
				}

BODY.mooved P A:hover {		text-decoration:	underline;
				}

BODY.mooved P.invisible {	color:		#ffffff;
				visibility: 	hidden;
				}			

/*
 * Feedback page
 */
 
TABLE.feedback {		border-spacing:		1px;
				border:			white 1px solid;
				margin-left:		0px;
				font-size:		10pt;
				margin-bottom:		20px;
				}

TABLE.feedback TD.leftlabel {	background-color:	#5874AD;
				color:			#FFFFFF;
				text-align:		left;
				vertical-align:		top;
				padding:		6px;
				white-space:		nowrap;
				font-weight:		bold;
				}

TABLE.feedback TD {		background-color:	#F6F6F6;
				color:			black;
				vertical-align:		top;
				padding:		6px;
				white-space:		nowrap;
				}
		

TABLE.feedback TD .forminput {	background-color:	#FCFCFC;
				color:			black;
				}	

TABLE.feedback TD .formerror {	background-color:	#FFFFCC;
				color:			black;
				}