body {
color: #000;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 95%;
margin: 0;
padding: 0;
width: 100%;
background: #a9daef url(images/bg.gif) top left repeat-x;
text-align: center;
}

html {
text-align: center;
}

a {
color: #000;
text-decoration: underline;
font-size: 1em;
font-weight: bold;
}

a:visited {
color: #1384b4;
}

a:hover {
color: #1384b4;
}

a:active {
color: #1384b4;
outline: none;
}

a img  {
border: none;
}

a:active img {
outline: none;
}

a.pageanchor, a:hover.pageanchor {
font-weight:normal;
text-decoration: none;
color: #000;
}

a.current {
color: #000;
text-decoration: underline;
}

h1 {
font-size: 1.4em;
font-weight: normal;
text-align: left;
}

h2 {
margin-bottom: 0;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

h3 {
font-size: 1.1em;
font-weight: normal;
text-align: left;
}

h4 {font-size: 1.1em;
font-weight: normal;
}

p {text-align: left;
line-height: 1.5em;
font-size: 1.05em;
}

/* text decoration */
.short {
margin-top: 0;
}

.indent {
text-indent: 1em;
}

.ital {
font-style: italic;
}

.right {
text-align: right;
}

.bold {
font-weight: bold;
}

.small {
font-size: 0.9em;
}

.large {
margin-top: 0;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix { height: 1%;}

#wrapper {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
background: url(images/topbg.gif) top left no-repeat;
}

#container {
position: relative;
margin: 0;
padding: 0 0 30px 0;
width: 100%;
min-height: 866px;
height: 100%;
background: url(images/bottombg.gif) bottom right no-repeat;
}

#paper {
position: relative;
margin: 30px auto 0px auto;
padding: 0;
width: 777px;
min-height: 500px;
background: #fbfbf7 url(images/pagebg.gif) top left no-repeat;
}

#mainnav {
position: absolute;
top: 124px;
right: 0;
padding: 0;
width: 229px;
}

#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#mainnav ul li {
display: block;
margin: 0;
padding: 0;
}

#mainnav ul li a {
display: block;
background-image: url(images/navtext2.gif);
height: 25px;
text-indent:-9999px;
overflow: hidden;
}

#mainnav ul li a.dates {
width: 229px;
background-position: 0px 0px;
}

#mainnav ul li a.apply {
width: 229px;
background-position: 0px -25px;
}

#mainnav ul li a.awardees {
width: 229px;
background-position: 0px -50px;
}

#mainnav ul li a.sujob {
width: 229px;
background-position: 0px -75px;
}

#mainnav ul li a.donate {
width: 229px;
background-position: 0px -100px;
}

#mainnav ul li a.contact {
width: 229px;
background-position: 0px -125px;
}

#mainnav ul li a:hover.dates, #mainnav ul li a.datescurrent {
width: 229px;
background-position: -229px 0px;
}

#mainnav ul li a:hover.apply, #mainnav ul li a.applycurrent {
width: 229px;
background-position: -229px -25px;
}

#mainnav ul li a:hover.awardees, #mainnav ul li a.awardeescurrent {
width: 229px;
background-position: -229px -50px;
}

#mainnav ul li a:hover.sujob, #mainnav ul li a.sujobcurrent {
width: 229px;
background-position: -229px -75px;
}

#mainnav ul li a:hover.donate, #mainnav ul li a.donatecurrent {
width: 229px;
background-position: -229px -100px;
}

#mainnav ul li a:hover.contact, #mainnav ul li a.contactcurrent {
width: 229px;
background-position: -229px -125px;
}

#content {
margin: 0;
padding: 0 70px 100px 50px;
width: 657px;
min-height: 400px;
background: url(images/pagebottom.gif) bottom right no-repeat;
}

#contentbio {
margin: 0;
padding: 0 30px 100px 50px;
width: 697px;
min-height: 400px;
font-size: 0.9em;
background: url(images/pagebottom.gif) bottom right no-repeat;
}

#contentbio img {
border-top: 1px solid #e3e1db;
border-right: 3px solid #e3e1db;
border-bottom: 3px solid #e3e1db;
border-left: 1px solid #e3e1db;
}

img.photo {
border-top: 1px solid #e3e1db;
border-right: 3px solid #e3e1db;
border-bottom: 3px solid #e3e1db;
border-left: 1px solid #e3e1db;
}

div.picright {
float: right;
margin: 20px 0 20px 20px;
padding: 0;
font-size: 0.8em;
}

div.picleft {
float: left;
margin: 20px 20px 20px 0;
padding: 0;
font-size: 0.8em;
}

#content a.rsvp {
display: block;
height: 16px;
width: 345px;
text-indent: -9999px;
overflow: hidden;
background: url(images/rsvp.gif) top left no-repeat;
background-position: 0px 0px;
}

#content a:hover.rsvp {
width: 345px;
background-position: 0px -16px;
}

#content ul {
list-style: none;
margin: 10px 0;
padding: 0;
}


ul.apply li {
list-style-type: square;
margin: 5px 30px;
padding: 0;
}

div.quote {
margin: 10px 0 10px -10px;
padding: 20px 30px;
font-size: 1.1em;
width: 600px;
border-top: 1px solid #e3e1db;
border-right: 3px solid #e3e1db;
border-bottom: 3px solid #e3e1db;
border-left: 1px solid #e3e1db;
background: #faf7ed;
}

#footer {
clear: both;
position: absolute;
bottom: 0;
left: 0;
width: 734px;
min-height: 60px;
padding: 0 20px 10px 20px;
text-align: center;
}