body  
{  
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;  
    background-image:url('back-square.jpg');
}  
img#stamp
{
height: 1.2em;
}
h1
{
border-bottom: 1px solid;
margin-bottom: 0em;
}

h2
{
padding-top: 0em;
margin-top: 0em;
font-size: 1em;
}

.project .title
{
margin: 0em;
padding: 0em;
margin-bottom: 1em;
font-size: 1.2em;
color: #333;
}

#projects
{
padding: 2em;
width: 80%;
}

#singleproject
{
padding: 2em;
}

.project
{
border-bottom: 1px solid #d8dfea;  
color: #666;
}

.title a:link, .project a:visited
{
font-size: 0.5em;
font-weight: bold;
text-decoration: none;
color: #3b5998;
}

.title a:hover
{
color: #000;
border-bottom: 1px solid #003;
}

#main
{
background: #fefefe;
margin: 2em 5em;
border: 1px solid #d8dfea;  
color: #333333;
padding: 2em;
min-width: 580px;
min-height: 660px;
height: auto;
}

#footer
{
border: 1px solid #d4dae8;
background: #fff;
color: #333;
min-width: 580px;
padding-left: 1em;
padding-right: 1em;
padding-top: 0em;
padding-bottom: 0em;
margin-left: 5em;
margin-right: 5em;
margin-top: 1em;
margin-bottom: 1em;
clear: both;
text-align: center;
}

#msgboard
{
background: #fff;
border-top: 1px solid #d4dae8;
border-left: 1px solid #d4dae8;
border-bottom: 1px solid #d4dae8;
margin-top: 1em;
margin-bottom: 1em;
height: 250px;
overflow: scroll;
overflow-x: hidden;
clear: both;
}
.msgline
{
border-bottom: 1px solid #d4dae8;
}

#signbook
{
padding-left: 2em;
padding-right: 2em;
width: 500px;
float: left;
clear: left;
}
#contact
{
float: right;
width: 160px;
height: 100px;
text-align: right;
}

#contact a:link, a:visited
{
color: #333;
text-decoration: none;
}

#slidedown_contact
{
width: 200px;
}
#slidedown_contact ul, #pagemenu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#slidedown_contact a
{
display: block;
padding: 3px;
width: 160px;
text-align: center;
background-color: #fff;
border: 1px solid #d4dae8;
border-bottom: 1px solid #eee;
}

#slidedown_contact a:link, #slidedown_contact a:visited
{
color: #333;
text-decoration: none;
}

#slidedown_contact a:hover
{
background-color: #666;
color: #fff;
}

#facebook
{
float: right;
clear: right;
}

#pagemenu a:link,  #pagemenu a:visited
{
font-weight: bold;
color: #666;
text-decoration: none;
}

#pagemenu a:hover
{
color: #333;
border-bottom: 1px double #333;
}

#pagemenu
{
padding: 1em;
padding-left: 2em;
height: auto;
}

#pagemenu ul
{
width: 150px;
border-bottom: 1px solid #eee;
}

#pagemenu li
{
border-top: 1px solid #eee;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#titlelink
{
text-decoration: none;
color: #333;
}

#courselist table
{
border-bottom: 1px solid #eee;
}
#courselist table td
{
border-top: 1px solid #eee;
height: 1em;
}
#co_name { width: 350px; }
#co_in { width: 50px; }
#co_id { width: 50px; }