@charset "UTF-8";
/* CSS Document */
body {background-color:#ebecf6; margin:0; font-family:Arial, Helvetica, sans-serif; background-image:url('images/body.png'); background-repeat:repeat-y; background-position: center 50%; padding-right:2px; padding-left:0; padding-top:0; padding-bottom:0}
#header {margin-left:auto; margin-right:auto; height:300px; width:924px; background-image:url('images/headerbackground.png'); background-repeat:no-repeat; clear:both; text-align:right;}
#header img {width:130px;}
#connect {margin-right:23px; text-align:right; vertical-align:bottom; padding-top:225px;}


#topnav {margin-left:auto; margin-right:auto; text-align:left; height:40px; width:924px; background-image:url('images/connect.png'); background-repeat:repeat-x; padding-top:2px; clear:both; margin-top:0; vertical-align:top; z-index:1;}

#iemenu {display:none}

#text { vertical-align:baseline;}

#body {width:924px; margin-left:auto; margin-right:auto; padding-bottom:5em; clear:both;}
#leftside {width:150px; float:left; text-align:center; padding-left:2px; margin-top:0; padding-top:0; clear:none; vertical-align:top; margin-top:100px; height:200px; z-index:0;}
#leftnav {display:none;}
#content {width:754px; float:right; clear:none; background-image:url('images/background.png'); background-repeat:no-repeat; padding-left:12px; padding-right:6px; z-index:1}

#footer {height:150px; width:924px; margin-left:auto; margin-right:auto; background-image:url('images/footerbackground.png'); background-repeat:repeat-x; text-align:center;color:#e6be00; font-weight:bold; clear:both; margin-bottom:0; padding-bottom:0}
#footer br {font-size:6px;}
#header p {padding-bottom:0; margin-bottom:0;}
img {text-decoration:none; border:0px none;}
a {text-decoration:none; font-weight:bold; color:#023a67}
a:hover {color:#e6be00;}
#footer a:hover {color:#ffffff;}
h1 {color:#260751}
h2 {color:#260751}
h3 {color:#260751}
h4 {color:#260751}
#content img {border-width:1px; border-color:#000000; border-style:solid;}
#names {width:50%; float:left; text-align:left;}
#titles {width:50%; float:right; text-align:left;}
#names p {border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:solid;}
#titles p {border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:solid; font-weight:bold; color:#023a67;}

/* This is for the hovering menu thing    */
#menu {
width: 100%;
font-size:24px;
text-align:center;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 132px;
float: left;
}

#menu a, #menu h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding-top:8px;
padding-bottom:4px;
}

#menu h2 {
color: #260751;
}

#menu a {
color: #260751;
background-image:url('images/connect.png');
text-decoration: none
}

#menu a:hover {
color: #e6be00;
background-image:url('images/connect.png');
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->{  }
#twitter {float:right; clear:none; width:200px;}