* {margin: 0; padding: 0; border: none; text-decoration: none;}
html {
background: url(../images/background08.jpg)  left;
text-align: left;
font: .9em Arial, Helvetica, sans-serif;
height: 100%;
}
body {
background: url(../images/bkgrnd_top08.jpg) center top repeat-x;
}
p, ul, ol {
margin-top: 8px;
line-height: 130%;
}
li {
margin-top: 5px;
margin-left: 5px;
line-height: 120%;
}
p.small{
font-size: .8em;
color: #cccc66;
}
a{
font-size: .9em;
color: #ffffFF;
border-bottom: 2px dashed #cccc66;
}
ol {list-style-type: decimal; margin-left: 10px;}
ul {list-style-type: circle; margin-left: 10px;}
li {margin-left: 10px;}
a:link {font-size: .85em; border-bottom: 1px dashed #cccc66; }
a:visited {border: none; font-weight: normal;}
code {color: #660066; font-size: 100%;}
blockquote, .box {
border-left: 5px solid #660066;
background:  #cccc66;
background-position:  0;
margin: 10px 0;
padding: 0 10px 0 20px;
font-style: italic;
color: #330066;
}
blockquote h1 {
font-size: 1.2em;
font-style: italic;
color: #330066;
border-bottom: 2px solid #660066;
}
#container {
width: 900px;
margin: 0px 0px 0px 0px;
text-align: left;
background: url(../images/header08.jpg) left top no-repeat;
height: 100%;
}
#header {
height: 123px;
position: relative;
}
#content
{
width: 370px;
padding: 10px;
margin-left: 275px;
margin-top: 0px;
background: transparent;
text-align: left;
color: #cccc66;
}
#content2
{
width: 590px;
padding: 10px;
margin-left: 280px;
margin-top: 0px;
background: transparent;
text-align: left;
color: #cccc66;
}
#content3
{
width: 620px;
padding: 10px;
margin-left: 280px;
margin-top: 0px;
background: transparent;
text-align: left;
color: #cccc66;
}
.contentvideo
{
float: right;
width: 350px;
margin-left: 20px;
margin-top: 0px;
background: transparent;
font-weight: bold;
text-align: center;
color: #cccc66;
}
#content2 div {
padding: 10px;
}
#content div {
padding: 10px;
}
#content p, #content li {text-align: left;}
#column a:link, #column a:visited {
color: #666600;
border-color: #999933;
}
#content a:link, #content a:visited {
color: #999933;
border-color: #58803a;
}
#content2 a:link, #content2 a:visited {
font-size: 1em;
color: #CC66FF;
border-bottom: 1px dashed #cccc66;
}
#sidebar {
float: right;
width: 190px;
margin-top: 10px;
margin-right: 0px;
padding: 10px;
text-align: center;
color: #cccc66;
height: 100%;
border-left: 2px solid #cccc66;
}
#sidebar a{
font-size: .9em;
color: #CC66FF;
border-bottom: 1px dashed #cccc66;
}
#sidebar .quote{
margin-right: 5px;
font-size: 1.2em;
font-family: Times-New Roman, Times, serif;
font-style: italic;
line-height: 125%;
color: #CC66FF;
padding-bottom: 5px;
border-bottom: 2px solid #cccc66;
}
#sidebar .item{
margin-top: 15px;
font-size: 1em;
line-height: 120%;
color: #CC66FF;
}
#column {
float: left;
width: 220px;
margin-left: 10px;
padding-left: 20px;
padding-top: 90px;
text-align: left;
}
#column a{
color: #660066;
font-size: 1em;
}
#column div {
margin-top: 10px;
margin-right: 15px;
float: right;
padding: 0;
}
#column div div {
margin-top: 65px;
margin-left: 30px;
padding: 0 10px;
}

.column {
float: left;
width: 170px;
margin-left: 5px;
margin-bottom: 10px;
padding-right: 10px;
padding-top: 50px;

text-align: left;
}
.conferenceart{
width: 560px;
background: url(../images/conferenceart.jpg) right top no-repeat;
padding: 0px;
}
.conference{
width: 325px;
margin-left: -20px;
text-align: left;
color: #cccc66;
}
.headshot2{
float: left;
width:100px;
margin-right: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
font-size: .95em;
color: #CC66FF;
}
.conference2{
width: 320px;
margin-left: -20px;
text-align: left;
color: #cccc66;
}
.grace-title {
font-size: 1.5em;
color: #CC66FF;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.gold{
color: #cccc66;
font-size: 1.25em;
line-height: 120%;
}
.goldbold{
color: #cccc66;
font-weight: bold;
font-size: 1.45em;
line-height: 120%;
}
.web{
font-size: .9em;
line-height: 120%;
}
.bold {
font-weight: bold;
}
.boldit {
font-weight: bold;
font-style: italic;
}
.bold2 {
font-weight: bold;
font-size: 1.2em;
color: #e5be36;
}
.bold3 {
font-weight: bold;
font-style: italic;
color: #CC66FF;
}
.bold4 {
font-weight: bold;
text-decoration: underline;
color: #CC66FF;
}
.italic {
font-style: italic;
}
.quote1 {
color: #CC66FF;
font: italic bold 1.1em "Times New Roman", "Georgia", sans-serif;
padding-top: 10px;
}
.bullet {font: bold;
}
.bullet ul {list-style-type: disc; margin-left: -5px; color: #CC66FF;}
.quote2 {
color: #e5be36;
font: italic bold .9em "Times New Roman", "Georgia", sans-serif;
}
.title {
color: #cccc66;
margin: 0 -20px;
font:  bold 1.2em "Arial", "Helvetica", sans-serif;
padding: 5px 10px 10px 20px;
}
.menu-hori {
margin: 0px;
padding-top: 5px;
padding-right: 95px;
padding-bottom: 5px;
padding-left: 50px;
color: #cccc66;
background: #663399;
}
#footer, #footer a {
clear: both;
width: 300px;
margin-left: 30px;
text-align: left;
font-size: .9em;
color: #cccc66;
}
#footer a:link, #footer a:visited {
font-size: .85em;
color: #cccc66;
border: none;
font-weight: bold;
}
#footer a:hover {color: #666600;}
#column h2, #column h3 {color: #666600;}
#column ul.menu {padding-bottom: 10px;}
#column ul.menu li {
display: inline;
margin:0;
list-style: none;
}
#container #column ul.menu li a {
width: 170px;
display: block;
margin: 3px 0;
background: #b3c46c;
border-bottom: 1px solid #99ab3c;
padding: .2em .2em;
color: #365921;
position: relative;
font-weight: normal;
}
#container #column ul.menu li a:hover {
color: #000;
}
h1 {
color: #CC66FF;
font: italic bold 1.2em "Times New Roman", "Georgia", sans-serif;
padding-top: 5px;
}
#content h2 {
background: url(images/title_bkgrnd.gif) left top no-repeat;
color: #cccc66;
margin: 0 -20px;
font: italic normal 1.6em "Times New Roman", "Georgia", sans-serif;
border-top: 5px solid #660066;
padding: 5px 10px 10px 15px;
}
#content2 h2 {
color: #CC66FF;
margin: 0 -20px;
font:  bold 1.6em "Arial", "Helvetica", sans-serif;
padding: 5px 10px 5px 20px;
}
#sidebar h2 {
color: #CC66FF;
margin-top: 5px;
font:  bold 1.6em "Arial", "Helvetica", sans-serif;
}
h3 {
padding-top: 5px;
font: italic bold 1.6em "Times New Roman", "Georgia", sans-serif;
}
#content h3 {
font-size: 2em;
color: #cccc66;
border-bottom: 3px solid #666600;
margin-bottom: 20px;
}
#content2 h3 {
font-size: 2em;
color: #e5be36;
border-bottom: 3px solid #666600;
margin-bottom: 10px;
}
h4 {
font-size: 1.25em;
color: #CC66FF;
border-bottom: 1px solid #666600;
margin-top: 20px;
margin-bottom: 10px;
}
h5 {
margin-left: 0px;
margin-top: 6px;
font: italic bold 1.5em "Times New Roman", "Georgia", sans-serif;
text-align: left;
color: #cccc66;
}
#content h4 {
font-size: 1.5em;
color: #CC66FF;
border-bottom: 1px solid #666600;
margin-top: 20px;
margin-bottom: 10px;
}
#content2 h4 {
font-size: 1.5em;
color: #9933CC;
border-bottom: 1px solid #666600;
margin-top: 10px;
margin-bottom: 5px;
}
#content2 h5 {
margin-bottom: 10px;
margin-top: 10px;
height: 29px;
font: italic bold 1.4em "Times New Roman", "Georgia", sans-serif;
text-align: center;
line-height: 150%;
background: url(../images/headline.jpg) left top no-repeat;
color: #660066;
}
#content img {
align: left;
}

#column a:hover {color: #660066;}
#content a:hover {color: #660066;}
#mainmenu {
position: absolute;
left: 295px;
bottom: 1px !important;
bottom: 0;
list-style: none;
}
#mainmenu li {
width: auto;
float: left;
margin-left: 5px;
}
#container #mainmenu li a {
display: block;
border: none;
color: #330066;
padding: 0 9px;
font: italic bold 1.5em "Times New Roman", "Georgia", sans-serif;
}
#container #mainmenu li a span {
display: block;
padding: 5px 0;
border-bottom: 2px dashed #cccc66;
}
#mainmenu li:hover, #mainmenu li.over, #mainmenu .active {
background: url(../images/hover-left.gif) top left no-repeat;
}
#container #mainmenu li:hover a, #container #mainmenu li.over a, #mainmenu .active a {
background: url(../images/hover-right.gif) top right no-repeat;
}
#container #mainmenu li:hover a span, #container #mainmenu li.over a span
{
background: #330066;
}
#container #mainmenu li a:hover {
color: #cccc66;
}
#container #mainmenu .active a span {
background: #330066;
color: #cccc66;
}
.spacer5 {
height: 5px;
}
.spacer {
height: 10px;
}
.spacer25 {
height: 25px;
}
.spacer50 {
height: 50px;
}
.schedule {
margin-top: 100px;
}
.rule {
margin-top: 5px;
border-top: 2px solid #9933cc;
}
.photosleft {
float: left;
width: 210px;
margin-right: 10px;
padding: 0px;
text-align: center;
}
.photosleft2 {
float: left;
width: 250px;
margin: 0 20px 5px 0;
padding: 0px;
text-align: center;
}
.photosrite {
float: left;
width: 255px;
margin: 10px;
padding-left: 5px;
text-align: center;
}
.grace-photos {
float: left;
width: 250px;
margin-top: 10px;
text-align: center;
}
.grace-photos2 {
float: center;
width: 510px;
margin-top: 10px;
text-align: center;
}
.headshot {
float: right;
width: 160px;
margin-left: 10px;
padding-left: 5px;
text-align: center;
}
.photocenter {
float: center;
width: 440px;
margin: 10px; 0px; 0px; 0px;
text-align: center;
}
.photo2 {
float: left;
width: 230px;
height: 185px;
margin: 0px; 0px; 30px; 0px;
font: italic bold .9em "Times New Roman", "Georgia", sans-serif;
text-align: center;
}
.photo3 {
float: right;
width: 350px;
height: 230px;
margin: 0px; 5px; 10px; 10px;
}
.photo2colv {
float: left;
width: 175px;
height: 225px;
margin-left: 35px;
margin-bottom: 10px;
border: 2px solid #666600;
}
.photocontainer {
float: center;
width: 450px;
height: 300px;
margin-bottom:20px;
padding: 10px;
font: italic bold 1em "Times New Roman", "Georgia", sans-serif;
line-height: 130%;
text-align: center;
}
.caption {
float: left;
margin-top: 5px;
font: italic bold 1.25em "Times New Roman", "Georgia", sans-serif;
text-align: center;
}
.caption2 {
margin-top: -5px;
font: italic bold 1.25em "Times New Roman", "Georgia", sans-serif;
text-align: center;
}
/* CSS Document */
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;