/*****************************************************
*      Cascading Style Sheet for www.kucher.org      *
*      Copyright 2006 by Paul R. Kucher IV           *
*      Last Modified: 2006-04-13                     *
*****************************************************/

html, body {
  margin:0;
  padding:0;
  background-color:white;
  background:url('/design/bg.png');
  font-family:Garamond,Times,serif;
  font-size:16px;
  text-align:justify;
}
img {
  border:none;
  padding:1px;
}
p {
  text-align:justify;
  margin:0;
  padding:0 0 10px 0;
}
p a, ul.links a {
  color:black;
  text-decoration:none;
  border-bottom:1px black dotted;
}
p a:hover, ul.links a:hover {
  color:#C30;
  border-bottom:1px #C30 solid;
}
li {
  list-style-type:square;
}
ul.nav {
  margin:0 auto 0 auto;
  padding:0;
  display:block;
  list-style:none;
  font-variant:small-caps;
  width:100px;
}
ul.nav li {
  margin:2px;
  padding:2px;
  display:block;
  text-align:center;
  width:100px;
}
ul.nav li:hover {
  background-color:#DDDDDD;
  border:1px #999999 solid;
  padding:1px;
}
ul.nav a {
  color:black;
  text-decoration:none;
}
ul.nav a:hover {
  color:#C30;
}
p.copyright {
  text-align:center;
  margin:10px 0 0 0;
  font-size:11px;
  padding:5px;
}
h1.title {
  margin:0 0 20px 0;
  font-variant:small-caps;
  font-size:30px;
  width:100%;
  border-bottom:1px #BBBBBB dotted;
}
h2,h3,h2 a, h2 a:hover {
  font-size:16px;
  font-weight:bold;
  font-variant:small-caps;
  color:#C30;
  border:none;
}
h4.semester {
  font-size:16px;
  font-variant:small-caps;
}
div.shell {
  margin:0 auto 0 auto;
  width:640px;
}
div.content {
  margin-left:115px;
  padding:0;
  width:480px;
  min-height:300px;
}
div.top {
  padding:18px 0 0 0;
  margin:0;
  background:url('/design/top.png') no-repeat;
  width:100%;
}
div.center {
  padding:0 20px 0 20px;
  margin:0;
  background:url('/design/center.png') repeat-y;
  width:600px;
}
div.bottom {
  background:url('/design/bottom.png') no-repeat;
  height:22px;
  width:100%;
}
div.nav {
  float:left;
  width:100px;
  text-align:center;
}
div.front_image {
  float:right;
  width:205px;
  padding:5px 0 10px 12px;
  text-align:center;
  font-size:10px;
}
div.warning {
  width:80%;
  margin:10px auto 0 auto;
  padding:10px;
  background-color:red;
  color:white;
  border:1px solid black;
}
p.warning {
  color:red;
  text-align:center;
  padding:10px;
}
ul.button {
  margin:0 auto 0 auto;
  padding:10px 0 0 0;
  text-align:center;
  display:block;
  list-style:none;
  width:100px;
}
ul.button li {
  list-style:none;
}
table.thumbnails {
  margin:0 auto 0 auto;
}
table.thumbnails td {
  padding:1px 3px 1px 3px;
  vertical-align:top;
  text-align:center;
}
table.thumbnails img {
  border:1px solid #BBBBBB;
  padding:5px;
}
table.thumbnails img:hover {
  border:1px solid black;
}
table.thumbnails a {
  border:none;
  text-decoration:none;
  color:black;
}
p.gallery_notice {
  text-align:center;
  font-size:12px;
}
form.contact {
  margin:15px auto 0 auto;
  padding:0;
}
form.contact table {
  width:80%;
  padding:0;
  margin:0 auto 0 auto;
}
form.contact th {
  font-weight:normal;
  text-align:left;
  width:100px;
}
form.contact th.message {
  text-align:center;
}
input.form_field, textarea {
  width:100%;
}
input, textarea {
  font-family:Garamond,Times,serif;
  border:1px solid #BBBBBB;
/*  padding:3px;*/ /*It would be nice to add this but it doesn't work in IE :( */
  margin:2px;
  color:black;
  font-size:14px;
  background-color:white;
}
input:focus,textarea:focus {
  border:1px solid black;
}
input.login
{
  margin:10px auto 0 auto;
}
form#login_form
{
  margin:0px auto 30px auto;
}
form#login_form table
{
  border:1px #999999 solid;
  width:70%;
  margin:0 auto 0 auto;
  padding:20px;
}
form#login_form th
{
  font-weight:normal;
  text-align:left;
  width:80px;
}
p.login {
  float:right;
  text-align:right;
  font-size:12px;
}

table {
  margin:10px 0 10px 0;
  padding:5px;
  width:100%;
  text-align:center;
}

table.td {
  padding:5px;
}

code {
  font-size:10pt;
}