body
{
background: #7e90a1 url(bg1.png) repeat-x;
color: #dddddd;
}
a:hover
{
color:#b00;
}
a
{
color: #222;
}
a.button
{
color:#000;
}
a.topbar
{
color:#fff;
}
a.topbar:hover
{
color:#b00;
}
a.nav
{
color:#ddd;
}
a.nav:hover
{
color:#b00;
}
@font-face
{
font-family: mathbb;
src: url("fonts/jsMath-bbold10.ttf");
}
table.vis,th.vis,td.vis
{
border:1px solid #ddd;
border-collapse:collapse;
color:#000;
padding:5px;
margin-left:auto;
margin-right:auto;
}
td.subhead
{
border: 1px solid #bbb;
border-collapse: collapse;
padding: 5px;
color:#b44;
font-weight:bold;
}
h1
{
color:#000;
position:absolute;
left:-1000px;
}
img.social
{
width:20px;
height:20px;
border:1px solid #000;
}
img.social:hover
{
opacity:.8;
filter:alpha(opacity=80);
border: 1px solid #bbb;
}

.smallmenu
{
display:inline;
font-size:10px;
height:20px;
}
.menuitem
{
display:inline;
height:50px;
}
.menuitem:hover .show
{
display:block;
position:absolute;
border-radius:5px;
margin-top:-1px;
margin-left:10px;
padding:10px;
background:#111833;
opacity:.97;
filter:alpha(opacity=97);
width:300px;
height:120px;
text-indent:0px;
z-index:10;
}
.show:hover
{
display:block;
position:static;
}
.applet
{
z-index:0;
position:relative;
}
.show
{
display:none;
}
.menuitem div:hover
{
display: block;
}

.banner
{
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:12px;
width:800px;
display:box-inline;
}
.body
{
width:810px;
border:0;
margin-left:auto;
margin-right:auto;
}
.bottom
{
width:790px;
display:block;
position:static;
bottom:0px;
}
.button
{
background-color: #ffffff;
color: #000000;
border-radius: 0px 0px 10px 10px;
height:20px;
width:100px;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
display:inline;
padding:.4em 2em .4em 2em;
}
.center
{
text-indent:0px;
margin-left:auto;
margin-right:auto;
margin-top:6px;
text-align:center;
}

.content
{
max-width:780px;
min-width: 300px;
min-height:600px;
text-indent:15px;
border:1px solid #000;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
background-color:#eef0ff;
color:#000000;
border-radius:10px;
overflow:auto;
}
.featured
{
background-color:#bbbbbb;
width:780px;
margin-left:auto;
margin-right:auto;
padding:5px;
border-radius:10px;
border:2px solid #000;
}
.headerleft
{
width:232px;
float:left;
margin:0px;
padding:0px;
overflow:hidden;
text-indent:-10000px;
}
.hidden
{
position:absolute;
right:0px;
top:0px;
opacity:0;
filter:alpha(opacity=0);
}
.main
{
background-color: #d2f0ff;
color: #000000;
}

.leftcol
{
width:380px;
display:inline-block;
}
.leftnarrow
{
width:200px;
float:left;
}
.rightcol
{
width:380px;
display:inline-block;
/*position:relative;*/
/*float:right;*/
}
.socialouter
{
position:fixed;
width:0px;
top:200px;
left:50%;
}
.socialbar
{
text-indent:0;
width:25px;
min-height:60px;
background-color:#fa2;
border:1px solid #000;
border-radius:0px 10px 10px 0px;
position:relative;
right:-400px;
padding-top:5px;
padding-bottom:5px;
}
.topbar
{
color: #ffffff;
height:22px;
max-width:800px;
min-width:300px;
margin:0px auto 0px;
font-size:12px;
}
.topnav
{
background-color: #000;
color: #ffffff;
min-height:40px;
max-width:800px;
min-width:300px;
margin-left:auto;
margin-right:auto;
margin-top:3px;
margin-bottom:10px;
padding-top:0px;
font-size:14px;
text-indent:5px;
border-radius: 10px;
}
.words
{
margin:20px 5px 5px 5px;
color:#000;
}

#header #imageheader {
width: 232px;
height: 100%;
text-indent: -10000px;
}