/* CSS Document */

body, html {
		margin:0;
		padding:0;
		background-color: white; 
		background-image: url(fade.jpg); 
		background-repeat:repeat-x;
		font-family:Arial, Helvetica, sans-serif;
	}
	body {
		min-width:650px;
		margin-top:10px;
	}
	#wrap {
		margin:0 auto;
		width:650px;
	}
	#headerbuttons {
	}
	#headerbuttons h1 {
    	padding:5px;
	    margin:0;
    }
	#header {
		background:#ddd;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	
	#fullScreen {
		margin-top:5px;
		text-align:justify;
	}
	#fullScreen h1 {
		padding:0 10px;
		font-size:1.5em;
		text-decoration:underline;
	}
	#fullScreen h2, #main h3, #main p{
		padding:0 10px;
		font-size:.8em;
    }		
	#fullScreen ul li {
		padding:5px;
		font-size:.8em;
		}
	#main {
		margin-top:5px;
		float:right;
		width:476px;
		text-align:justify;
	}
	#main h1 {
		padding:0 10px;
		font-size:1.5em;
		text-decoration:underline;
	}
	#main h2, #main h3, #main p{
		padding:0 10px;
		font-size:.8em;
    }		
	#main ul li {
		padding:5px;
		font-size:.8em;
	}
	#jdimage {
		float:left;
		width:200px;
	}
	#jdinfo {
		float:right;
		width:276px;
	}
	#rcimage {
		float:left;
		width:200px;
	}
	#rcinfo {
		float:right;
		width:276px;
	}	
	#jbimage {
		float:left;
		width:200px;
	}
	#jbinfo {
		float:right;
		width:276px;
	}	
	#dhimage {
		float:left;
		width:200px;
	}
	#dhinfo {
		float:right;
		width:276px;
	}
	#jsimage {
		float:left;
		width:200px;
	}
	#jsinfo {
		float:right;
		width:276px;
	}
	#bbimage {
		float:left;
		width:200px;
	}
	#bbinfo {
		float:right;
		width:276px;
	}
	#kozoimage {
		float:left;
		width:200px;
	}
	#kozoinfo {
		float:right;
		width:276px;
	}	
	#brimage {
		float:left;
		width:200px;
	}
	#brinfo {
		float:right;
		width:276px;
	}		
	
	.displayed {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
		}
	.empname {
		font-size:3em;
		color:#680404;
	}
	#sidebar {
		margin-top:5px;
		float:left;
		width:170px;
	}
	#hprnav {
		font-size:.7em;
		margin:0;
		padding:0;
		list-style-type:none;		
		}
	#hprnav li a {
		display:block;
		background:#680404;
		color:#fff;
		padding:5px;
		_height:1em;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#fff;
		text-decoration:none;
		text-align:center;
		}
	#hprnav li a:hover,
	#hprnav li a:active {
		background:#FFFFFF;
		color:#000000;
		border-bottom:1px dotted #FFFFFF;
		}
    #sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }
	.link {
		font-size:.7em;
		margin:0;
		padding:0;
		display:block;
		background:#680404;
		color:#fff;
		padding:5px;
		_height:1em;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#fff;
		text-decoration:none;
		text-align:center;
		}
	#sidebar a:hover,
	#sidebar a:active {
		background:#FFFFFF;
		color:#000000;
		border-bottom:1px dotted #FFFFFF;
		}
	#footer {
		clear:both;
	}
	#footer p {
		text-align:center;		
		padding:50px;
		margin:0;
		font-size:.7em;
    }
    #topnav2 {
		font-size:.7em;
		margin:0;
		padding:0;
		list-style-type:none;	
		}
	#topnav2 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	
		}
	#topnav2 li a {
		display:inlne;
		background:#680404;
		color:#fff;
		padding:5px;
		_height:1em;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#fff;
		text-decoration:none;
		text-align:center;
		}
	#topnav2 li a:hover,
	#topnav2 li a:active {
		background:#FFFFFF;
		color:#000000;
		border-bottom:1px dotted #FFFFFF;
		}
	#topnavmenu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-image:none;
		}
	#topnavmenu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-image:none;
		}
	#topnavmenu li {
		display:inline;
		}
	#topnavmenu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-image:none;
		}
	#topnavmenu li {
		display:inline;
		padding:5px 20px 5px 20px;
		}
	#topnavmenu a {
		text-decoration:none;
		color:blue;
		}
	#topnavmenu a:hover {
		color:purple;
		}
	#topnavmenu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-image:none;
		}
	#topnavmenu li {
		display:inline;
		}
	#topnavmenu ul li a {
		text-decoration:none;
		margin:4px;
		padding:5px 20px 5px 20px;
		color:blue;
		background:pink;
		}
	#topnavmenu ul li a:hover {
		color:purple;
		background:yellow;
		}
	.hbuttons a {
		display:block;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		color:#white;
		height:19px;
		width:129px;
		float:left;
		display:inline;
		margin-right:1px;
		background-image:url(cssbutton.gif);
		background-repeat:no-repeat;
		padding-top:3px;
		text-align:center;
		background-color:#731b0d;
		color:white;
		}
	.hbuttons a:hover {
		background-image:url(cssbuttonover.gif);
		color:#CCCCCC;
		}