/* Body Elements */
body {
background-color:#9cf;
color:#336;
margin-top:30px;
margin-bottom:60px;
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
}

#container {
width:755px;
margin:0 auto;
}

#menu { width:188px; height:332px; padding-top:218px; padding-right:40px; float:left; background-repeat:no-repeat; text-align:right; padding-bottom: 30px; }

#menu ul {
list-style-type:none;
}

#menu li {
padding-bottom:10px;
}

.logo1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:3em;
}

.logo2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:3em;
color:#fff;
}

#content {
float:right;
padding:15px;
width:497px;
}

#footer { clear:both; background-repeat:no-repeat; background-position:325px 0; width:745px; height:21px; padding:5px 10px 0 0; margin:0 auto; color:#336; font-size:0.8em; text-align:right; border-top: 1px solid #336; }

/* Text Effects */
a {
text-decoration:none;
}

#footer a {
color:#717171;
}

a:hover {
text-decoration:underline;
}

h1 { color:#933; font-size:1.5em; padding-bottom: 10px; border-bottom: 2px solid #933; }

h2 {
color:#bbb;
font-size:1.25em;
}

h3 {
color:#999;
font-size:1.25em;
font-weight:normal;
margin-bottom:5px;
}

/* Element Effects */
input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:350px;
color: #030;
background: #fff;
}

input:hover, select:hover, textarea:hover {
background: #fff;
}

form {
width:350px;
margin:0 auto;
}

blockquote {
width:90%;
margin:0 auto;
margin-bottom:20px;
border-color:#999;
border-width:1px;
border-style:solid;
background-color:#333;
padding:0px 15px 0px 15px;
}

hr {
width:98%;
height:0;
border:0;
}

img{
border:0px;
}

img.avatar { float:left; padding-right:5px; }
.alignleft {float:left;}
.alignright {float:right;}
#rightcol img { width: 120px; float:left; margin:5px; padding: 4px; border: solid 1px #ccc; }