body {
 	font-family: Arial, Helvetica, sans serif;
 	font-size: 13px;
 	background-image: url(../Logos/bg.gif);
 	background-repeat:repeat-y;
}
 h1 {
 	font-size: 120%;
 	font-weight: bold;
 	margin-bottom: 20px;
 	margin-top: 20px;
}
 h2 {
 	font-size: 100%;
 	font-weight: bold;
 	margin-bottom: 0;
 	margin-top: 0;
}
#z1, #z2 {
    font-weight: bold;
    width: 100%;
    padding: 2px;
    }
p	{line-height: 125%}
table {
 	font-size: 100%;
}
img {
	border: 0px;
	}
a img {
	border: 1px solid;
	}
#content {
    position: absolute;
    top: 158px;
    left: 185px;
    padding: 2px;
    min-width: 740px;
    }
#banner {
	position: absolute;
    top:  0px;
    left: 185px;
	padding: 0px 2px 2px 2px;
    height: 145px; 
    min-width: 740px;
    }
#top {
	width: 302px;
    height: 252px;
    float: right;
    padding: 4px;
    margin: 10 -2 10 10; 
    background-color: #E5F4FF;
 	border-bottom: 1px solid #8899FF;
 	border-right: 1px solid #AABBFF;
    }
#jobs {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 175px;
	padding: 3px;
	background-color: #F3F8FF;
	border: 1px solid #E5F4FF;
	visibility: hidden;
	}
#mobile
	{display:none; padding: 2px;} 
sub, sup {line-height: 1;}
h1 sub, h1 sup {font-size:70%;}
p.social {background-color: #E5F4FF; width:100%; margin-top:0px; margin-bottom: 17px; padding: 2px;}
a {
	text-decoration: none;
	color: #0000FF;
	}
a:visited {
    color: #5a3696;
	text-decoration: none;
    }
a:hover {
    background-color: #EEEEFF;
	text-decoration: underline;
	}
 hr {
     margin-top: 0px;
     margin-bottom: 0px;
     border: 0;
     color: #FFFFFF;
     background-color: #FFFFFF;
     height: 1px;
     width: 1px;
  }
#navi {
    position: fixed;
    top: 0px;
    left: 2px;
    background-color: #E5F4FF;
	width: 165px;
	padding: 4px;
	}
#opera {
	height: 1px;
	width: 728px;
	}		
.menu ul {
	list-style-type: none;
	margin: -4;
	padding: 0;
	}
.menu li {
	font-weight: bold;
    display: block;
	width: 160px;
    padding: 4px;
	display: block;
    background-color: #F3F8FF;
	border: 1px solid #E5F4FF;
	}
.menu a:visited {
    color: #0000FF;
    text-decoration: none;
	}
.menu li a:hover {
    color: #FF0000;
    text-decoration: none;
	}
.menu a img {
    border: 0;
    }
.sponsors img{
	margin: 1px;
    }
@media only screen and (max-width: 925px) {
	#content, #banner {
		left: 0px;
		width: 100%;
	    z-index: 10;
	 }
	#content {top: 185px;}
	#mobile {
	display: block;
	position: absolute;
	left: 0px;
	top: 150px;
	box-shadow: 2px 2px 6px #444444; 
	line-height: 100%;
	z-index: 20;}
	#navi {position: absolute; top:185px; width: 165px; box-shadow: 2px 2px 6px #444444; background-color:#E5F4FF; border: 3px solid #D1F0FF; z-index:30; visibility:hidden;}
	#jobs {display:none;}
	#logo {display:none;}
	/* 2 columns for navi
	#navi {width: 335px;}
	.menu ul {-webkit-column-count: 2; -moz-column-count: 2; , column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}*/
	body {background-image: none; line-height: 175%; font-size: 13px;}
}
@media print {
#navi, #banner, #top, #ads-end, #ads, #jobs {
   display: none;
 }
#content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
 }
}