/*
 * WEBjuju Copyright 2002-2007
 * Jay Johnston
 */
body { margin: 0px 15px 1em 15px; padding:0px; font: 78%/155% Tahoma, Arial, sans-serif; background:url('images/bgfade1.jpg') #E3E3E3 repeat-x; color: #333333; }
h1 { font-size: 150%; }
h2 { font-size: 125%; }
img { border: none; }

#all { background:white; border-left:1px solid #AAA; border-bottom:1px solid #AAA; border-right:1px solid #AAA; min-width: 750px; max-width: 1000px; margin-left: auto; margin-right: auto; height: 1%; }
    * html #all {
            border-right: 750px solid #FFF;
            }

    * html #allholder {
            display: inline-block;
            position: relative;
            margin-right: -750px;
            } 
#login { float:right; line-height:77px; margin-right:30px; }
#logo #web { margin: 5px 0px 5px 15px; vertical-align: top; }
#logo #juju { margin: 5px 15px 5px 0px; vertical-align: top; }
#logo h1 { font-family: MANLIKE, Verdana, Arial, sans-serif; font-size:40px; font-weight:bold; display:inline; color:#990F07; vertical-align:middle; display:none; }

/*- Menu Tabs courtesy http://exploding-boy.com/images/cssmenus/menus.html graphics by WEBjuju */ 
#tabs { float:left; width:100%; background: url("images/databittop.jpg") no-repeat bottom right; font-size:93%; line-height:normal; }
#tabs ul { margin: 0px 1px 0px 1px; padding:0px 0px 0px 65px; list-style:none; }
#tabs li { display:inline; margin:0; padding:0; font-weight:bold; }
#tabs a { float:left; background:url("images/tabjujuL.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("images/tabjujuR.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#330066; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
#tabs a:hover, #tabs #on { background-position:0% -42px; }
#tabs a:hover span, #tabs #on span { color:#FFFFCC; }
#tabs a:hover span, #tabs #on span { background-position:100% -42px; }
/* end menu tabs */

#databit { background: url("images/databitbg.jpg") repeat-x bottom left; margin:0px; }
#databit h1 { float:left; padding:80px 10px 10px 10px; margin:0 0 0 25px; }
#blackfade { background: url("images/blackfade.jpg") repeat-x top left; margin:0px; }
#blackfade #surf { margin-right: 10px; }
#blackfade p { margin: 0px; padding: 20px; }

#hr { background: url("images/hr.jpg") repeat-x bottom left; margin:5px; height:5px; }
#copyright { text-align:center; font-size: 75%; margin:0 0 10px 0; }

#mp0 { margin:0px; padding:0px; }
#cb { clear:both; }

	#main {
		padding: 25px;
	}
	#mainmenu {
		float: right;
		width: 200px;
	}
	#mainmenu ul {
		background: url('images/mainmenubg.jpg') top left no-repeat;
		list-style: none;
	}
	#mainmenu ul li {
		margin-left: 15px;
		padding-left: 15px;
		background: transparent url('images/squarejuju.jpg') 0px 10px no-repeat;
	}
	div.hL {
		background: #FFFFFF url('images/hL.gif') no-repeat left top; 
		padding-left: 4px; 
		text-align:center;
		margin: 0px;
	}
	.hR {
		background: #FFFFFF url('images/hR.gif') no-repeat right top;
	}