@charset "UTF-8";
/* CSS Document */

html, body {

text-align:center;
margin:0px;
padding:0px;
height:100%;
background:url(images/bg_tile.gif) repeat;

}

#container {
width:981px;
height:100%;
display:block;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
}

#title {
width:336px;
height:60px;
display:block;
background-image:url(images/title.gif);
background-repeat:no-repeat;
position:relative;
top:35px;
left:40px;
}

li {
line-height:150%;
}

#container #banner {
width:468px;
height:60px;
position:absolute;
top:30px;
left:450px;
}

#content {
margin-top:70px;
}

.top {
height:13px;
background:url(images/content_top.gif) no-repeat;

}

.middle {
background:url(images/content_middle.gif) repeat-y;
}

.last {
height:11px;
background:url(images/content_bottom.gif) no-repeat;

}

.footer {
margin-top:-10px;
padding-top:0px;
}

.footer a {
text-decoration:none;
color:#99FFFF;
margin-right:15px;
font-size:14px;
}

.footer a:hover {
text-decoration:underline;

}

#left_column {
width:630px;
float:left;
display:block;
margin-left:35px;
font-family:Arial, helvetica, sans-serif;
font-size:14px;
color:#003366;
}

h1 {
font-family: Century Gothic, lucida grande, arial, helvetica;
font-size:28px;
font-weight:500;
margin:0px;
padding:0px;
border-bottom:#003366 thin solid;
width:630px;
margin-top:15px;
}

h2 {
margin-bottom:3px;
margin-top:13px;
font-family: arial, helvetica;
font-weight:bold;
font-size:16px;
text-decoration:underline;
color:#003399;

}

.groups p, .home p {
margin-top:0px;
padding-top:0px;
line-height:135%;
}

p {
margin-top:3px;
padding-top:0px;
}

#right_column {
width:250px;
height:auto;
float:right;
display:block;
margin-right:40px;
margin-top:15px;
text-align:center;
}


#nav {
width:981px;
height:46px;
background-color: #0c4b6f;
display:block;
text-align:left;
position:relative;
top:50px;
background:url(images/navbar_tile.gif) repeat;
}

#nav ul {
text-align:left;
position:relative;
}

#nav li{
text-decoration:none;
display:inline;
margin-left:43px;

}

#home {
width:45px;
height:46px;
background-image:url(images/home.gif);
background-repeat:no-repeat;
float:left;
}

#home a{
width:45px;
height:46px;
background-image:url(images/home.gif);
background-repeat:no-repeat;
float:left;
}

 
#home a:hover {
background-image:url(images/home_over.gif);
float:left;
z-index:2;
}

.home li#home a, .home li#home a:hover {
background-image:url(images/home_over.gif);
width:45px;
height:46px;
z-index:180;
float:left;
}

#groups {
width:122px;
height:46px;
background-image:url(images/groups.gif);
background-repeat:no-repeat;
float:left;
}

#groups a{
width:122px;
height:46px;
background-image:url(images/groups.gif);
background-repeat:no-repeat;
float:left;
}

 
#groups a:hover {
background-image:url(images/groups_over.gif);
float:left;
z-index:2;
}

.groups li#groups a, .groups li#groups a:hover {
background-image:url(images/groups_over.gif);
width:122px;
height:46px;
z-index:180;
float:left;
}

#vocab {
width:174px;
height:46px;
background-image:url(images/vocab.gif);
background-repeat:no-repeat;
float:left;
}

#vocab a{
width:174px;
height:46px;
background-image:url(images/vocab.gif);
background-repeat:no-repeat;
float:left;
}

 
#vocab a:hover {
background-image:url(images/vocab_over.gif);
float:left;
z-index:2;
}

.vocab li#vocab a, .vocab li#vocab a:hover {
background-image:url(images/vocab_over.gif);
width:174px;
height:46px;
z-index:180;
float:left;
}

#nav #nav_left {
width:19px;
height:46px;
display:block;
position:absolute;
top:0px;
left:0px;
background:url(images/bar_left.gif) left top no-repeat;

}

#nav #nav_right {
width:18px;
height:46px;
background:url(images/bar_right.gif) no-repeat right top;
display:block;
position:absolute;
right:0px;
top:0px;

}