body
{
color:black;
text-align:center;
font-family:serif;
background-color:#999;
width:100%
z-index:0;
}
li, ul
{
margin-left:0px;
list-style:none;
}
a
{
text-decoration:none;
}

/*Banner image*/

#header
{
position:relative;
top:0px;
margin:auto;
width:788px;
height:190px;
background-image:url('./bannerhome.jpg');
background-repeat:no-repeat;
background-position:center;
margin-bottom:10px;
border:10px outset #EEE;
}
/*border-bottom-color:#333333;
border-bottom-width:3px;
border-bottom-style:groove;
}

#header:hover
{
border:10px inset #CCC;
}*/

/*header links*/

#toplinks
{
position:relative;
top:0px;
z-index:1;
width:800px;
height:25px;
padding-top:6px;
padding-bottom:2px;
margin:auto;
text-align:center;
background:#FFF;
border-color:#666;
border-width:10px;
border-style:outset;
border-top-color:#CC0000;
border-top-width:5px;
border-top-style:outset;
border-right-color:#CC0000;
border-right-width:5px;
border-right-style:outset;

}

#toplinks a
{
color:#000;
//background-color:#FFF;
margin:5px;
font-weight:bold;
font-variant:small-caps;
font-size:20px;
}

#toplinks a:hover
{
color:#CC0000;
//text-shadow:#000 2px 1px 3px;
}

#toplinks a.this
{
color:#CC0000;
//text-shadow:#000 2px 1px 3px;
}

#toplinks ul, li
{
list-style:none;
display:inline;
}

#toplinks a.this:hover
{
color:#FF1111;
}

#menu
{
position:absolute;
text-align:left;
top:33px;
right:440px;
z-index:1;
visibility: hidden;
height:auto;
width:80px;
margin: 0;
padding: 0;
background:#FFF;
border-right:3px solid #333;
border-bottom:6px groove #333;
border-left:3px solid #333;
}

#menu a
{
float:right;
display: block;
font-size:18px;
white-space: nowrap;
color: #000;
}

#menu a:hover
{	
color: #CC0000;
}

/*main - div box surrounding 'body' of page*/
#main
{
z-index:0;
position:relative;
text-align:left;
top:8px;
width:788px;
height:920px;
margin:auto;
background-color:#FFF;
overflow:hidden;
border:10px outset #EEE;
}

/*These boxes are all along the left side*/
#sidebar
{
float:left;
display:block;
padding:0px;
left:0px;
width:180px;
height:90%;
margin-top:40px;
margin-left:25px;
background-image:url('./venus-small.jpg');
background-repeat:no-repeat;
background-position:top right;
border-color:#CCC;
border-width:5px;
border-style:outset;
border-bottom-width:15px;
border-left-width:8px;
}

#side_content
{
//position:relative;
float: right;
padding:10px;
left:40px;
width:160px;
text-align:right;
font-size:20px;
/*border-color:#666;
border-width:5px;
border-style:groove;
background-color:#FFF;*/

}

#login
{
//position:relative;
float: right;
top:10px;
text-align:right;
font-size:20px;
margin-top:20px;
}

#modify
{
float: right;
top:45px;
background-color:white;
font-size:15px;
border-top-color:#CC0000;
border-top-width:5px;
border-top-style:groove;
border-bottom-color:#CC0000;
border-bottom-width:15px;
border-bottom-style:groove;
height:100px;
margin-top:20px;

}

#credits
{
float: right;
top:65px;
}

/*Stuff- i.e., the dynamic stuff - will include works_content, links, etc*/

#stuff
{
z-index:1;
float:right;
margin-right:20px;
margin-top:20px;
width:500px;
height:auto;
padding:10px;
padding-bottom:50px;
text-align:left;
font-size:15px;
background-color:#FFF;
}

#works_content
{
float:right;
//top:100px;
width:500px;
text-align:left;
font-size:15px;
background-color:none;
//margin-right:40px;
}

#news
{
float:right;
margin-top:15px;
width:500px;
text-align:left;
overflow:hidden;
}

#news li, #webpages li
{
display:block;
list-style:none;
padding:5px;
font-family:times;
white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#works_content iframe
{
width:500px;
height:220px;
border:none;
background-color:FFAAAA;
}

#works_content ul
{
height:250px;
overflow:auto;
margin-bottom:10px;
margin-top:5px;
padding-top:5px;
padding-bottom:5px;
/*border-color:#666;
border-width:5px;
border-style:groove;*/
list-style-type:none;
background-color:#FFF;
border-color:#666;
border-width:5px;
border-style:groove;
}

#works_content ul:hover
{
background-color:#FFCCCC;
}

#works_content a, #news a, #webpages a
{
padding:3px;
width:200px;
color:#000000;
font-weight:bold;
font-variant:small-caps;
border: 2px solid #CC0000;
}

#works_content a:hover, #news a:hover, #webpages a:hover
{
padding:3px;
color:#FFF;
background-color:#CC0000;
font-weight:bold;
font-variant:small-caps;
}

#news ul, #webpages ul
{
margin:0px;
margin-top:5px;
padding:1px;
}

#news .rssdesc
{
padding:5px;
margin-bottom:5px;
}

#webpages
{
float:right;
margin-top:15px;
width:500px;
text-align:left;
font-size:15px;
}

#webpages li
{
list-style:none;
padding:6px;
font-family:times;
}
/*#webpages a
{
color:#CC0000;
font-weight:bold;
font-variant:small-caps;
}*/

#bottom_bar
{
position:relative;
top:10px;
bottom:10px;
clear: both;
width:800px;
height:25px;
padding-top:6px;
padding-bottom:2px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
text-align:center;
background-color:white;
border-color:#666;
border-width:10px;
border-style:outset;
border-top-color:#CC0000;
border-top-width:5px;
border-top-style:outset;
border-right-color:#CC0000;
border-right-width:5px;
border-right-style:outset;
}

.button, button
{
border: 2px solid #000;
background-color:#FFF;
color:#CC0000;
font-weight:bold;
font-variant:small-caps;
font-family:times;
font-size:17px;
}

.button:hover, button:hover
{
border: 2px solid #CC0000;
background-color:#CC0000;
color:#FFF;
font-weight:bold;
font-variant:small-caps;
font-family:times;
}

.input {
border: 2px solid #000;
background-color:#FFF;
color:#000000;
font-weight:bold;
font-variant:small-caps;
font-family:times;
font-size:17px;
width:85px;
}

.input:hover {
border: 2px solid #CC0000;
background-color: #FFCCCC;
color:#CC0000;
}