/* ground rules */



* {margin: 0;
padding: 0;}

body {
font: normal 12px arial;
color: #00334e;
background-color: #ffffff;
}

img {
border: 0;
}

.clear {
clear: both;
}

.no-margin {
margin: 0;
padding: 0;
}

.handheld {
display: none;
}


.floatL {
float: left;
}

.floatR {
float: right;
}

a {color: #4a91a7; text-decoration: none; }
a:hover {color: #68b2c7;}





h1
{
font-size: 16px;
color: #00334e;
margin-bottom: 16px;
}

h2 {
font-size: 14px;
color: #00334e;
}

h3 {
font-size: 13px;
color: #00334e;
}

h4 {
font-size: 12px;
color: #00334e;
}

p {line-height: 18px;}
/*building blocks*/

#container {
margin: 23px auto 0 auto; /*top, right, bottom, left*/ 
width: 831px; /*total width of the design*/
text-align: left;
}

#body-left{
float: left;
}

#body-right {
float: left;

}

#footer {
margin-top: 85px;
color: #918f8f;
}

#footer-left {width: 666px;
height: 23px;
padding-top: 25px;
padding-right: 37px;}

#footer-left span {
font: Helvetica, sans-serif;}

#footer-left hr {
height: 0;
border-top: 1px solid #918f8f;
margin-bottom: 2px;
.margin-bottom: 0;
padding-bottom: 0;

}

#footer a {

}

#footer a:hover {

}


/*markup ids*/

#logo {float: left;
width: 157px;
height: 145px; }

#main_caption {
width:363px; height:145px; float: left; }

#date {
width: 111px;
height: 21px;
float: left;
padding: 124px 0 0 195px;}


#navbar {height: 36px; background: url(../imgs/nav_bg.jpg) repeat-x;}

#dna {float: left;
width: 241px;}
#hpmain {float: left;
width: 360px;
margin-right: 0;
.margin-right: 0;
_margin-right: -5px;}

#symposium_top {
background: url(../imgs/symposium_header.jpg) no-repeat;
height: 129px;
color: white;
padding: 0px 14px 0 0px;
word-spacing: 1px;
}

#symposium_top img {margin-bottom: 6px;}

#symposium_top span {padding-left: 10px; display: block;}
#symposium_top p {padding-top: 8px; padding-left: 10px; line-height: 14px;}
#symposium_top a, #gala_bottom a {color: white;}
#gala_bottom{
background: url(../imgs/gala_dinner_header.jpg) no-repeat; 
height: 129px;
color: white;
padding-top: 0;
}

#gala_bottom span {padding-left: 136px; display: block; padding-top: 6px;}

#gala_bottom p {padding: 16px 22px 0 0;  line-height: 14px; text-align: right;}


#venue {float: left;}


#content-left{padding: 21px 157px 0 18px; 
width: 505px;
float: left;}

#content-right {float: left;
padding-top: 45px; }

/*classes*/

.height21 {height: 21px;}
.height10 {height: 10px;}
.height0 {margin-top: 192px;}
.rsvp {}
.paddingL26 {padding-left: 16px;}