/*
 * General Page Styles
 */
html {
	overflow-y: scroll; /* This line is used to always show the scroll bar in firefox */
}

body {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #81807B;
  margin-top: 0;
}

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

a {
  color: #1B5067;
}

a:hover {
  color: #E31B23;
}

a img {
  border: none;
}

.red {
  font-weight: bold;
  color: #E42232;
}

.hidden 
{
    display: none;
}

p {
    margin-top: 0;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

h1 {
  font-family: Verdana, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  color: #18435E;
}

h2 {
  font-family: Georgia, serif;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -1px;
  color: #A4B320;
  margin: 10px 0 0 0;
  padding: 0;
  
}

h3 {
  font-size: 16px;
  font-weight: bold;
  color: #125D93;
}

FORM DT {
   clear:both;
   width:33%;
   float:left;
   text-align:left;
   font-weight: bold;
}
form dt label {
    vertical-align: middle;
    padding-top: 6px;
}
form dl.smallform dt {
    width: 13%;
}

FORM DD {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}

hr {
  border: none;
  padding: 5px;
  border-bottom: 1px solid #aaa;
}

/*
 * Top Menu
 */
ul#topmenu {
  list-style: none;
  float: right;
  margin: 0;
}

ul#topmenu li {
  display: block;
  float: left;
  margin-right: 10px;
}

/*
 * Sidebar Menu
 */
ul#leftbar 
{
    font-size: 12px;
    line-height: 20px;
    width: 170px;
    height: 600px;
    list-style: none;
    margin: 20px 20px 0 0;
    float: left;
    padding: 0;    
}
ul#leftbar a { text-decoration: none; }
ul#leftbar li.title { background: none; padding: 0; font-weight: bold; }
ul#leftbar li 
{
    background: url(../images/arr_off.gif) no-repeat;
    padding-left: 20px;
    padding-top: 4px;
    border-bottom: thin solid #909090;
    padding-bottom: 4px;
}
ul#leftbar li.current 
{
    background: url(../images/arr_on.gif) no-repeat;
}
ul#leftbar li ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#leftbar li ul li  
{
    background: none; 
    padding: 0 0 0 10px; 
    margin-left: 0px; 
    border: none; 
    background: url(../images/bullet_blue.gif) no-repeat top left;
}

/*
 * Logo
 */
h1#logo {
  text-indent: -9999px;
  outline: none;
  background: url(../images/logo_lhsf.gif) no-repeat;
  height: 66px;
  width: 511px;
  margin-top: 15px;
}

#date {
    display: block; 
    font-family: georgia; 
    font-size: 25px; 
    color: rgb(18, 93, 147); 
    text-align: center;
}

#location {
    display: block; 
    color: rgb(18, 93, 147); 
    font-family: georgia; 
    text-align: center; 
    text-transform: uppercase; 
    font-size: 13px; 
    margin-top: 5px;
    margin-bottom: 5px;
}

#deadline {
    display: block; 
    color: rgb(18, 93, 147); 
    text-align: center; 
    font-size: 17px;
    font-family: Georgia;
    margin-bottom: 5px;
}
#times {
    display: block;
    color: rgb(18,93, 147);
    text-align: center;
    font-size: 14px;
    font-family: Georgia;
    margin-bottom: 5px;
    font-style: italic;
}
#blacktie {
    display: block;
    color: rgb(18, 93, 147);
    text-align: center;
    font-size: 12px;
    font-family: Georgia;
    text-transform: uppercase;
}

hr#title_divider {
    border-bottom: none;
    color: White;
    border-left: none;
    background: none;
    border-right: none;
    width: 222px;
    margin-bottom: 15px;
    margin-top: 5px;
    border-top: 1px solid rgb(253, 187, 47); 
    padding: 0;
}

#theform.login {
    padding-left: 0px !important;
    padding-top: 0px !important;
    margin-left: 129px !important;
}
#theform.login h3 {
    font-family: Georgia;
    padding-left: 27px;
    font-weight: bold;
    margin-top: 0px !important;
    font-size: 14px;
}
#theform.login dl {
    margin-left: 36px;
}
.editrsvp {
    margin-left: 50px;
}
.submitrsvp {
    margin-left: 48px;
}
textarea {
    font-family: Arial;
    font-size: 12px;
    overflow: hidden;
    width: 146px;
    min-height: 50px;
}
.nomargintop { margin-top: 0px; }

.rsvpinfo {
    font-size: 12px;
}

/*
 * Right sidebar
 */
ul#sidebar {
  width: 155px;
  list-style: none;
  float: left;
  margin: 0px 10px 35px 0px;
  padding: 0 10px;
  min-height: 400px;
}

img.rsvptitle { margin-top: 2px; }

ul#sidebar li {
  margin-top: 25px;
}
ul#sidebar li.first {
    margin-top: 5px;
}

/*
 * Take a moment to help us go green.
 */
h2#green {
  background: url(../images/green.jpg) no-repeat;
  height: 130px;
  width: 440px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}


/*
 * Content
 */
p#rsvpintro {
    margin-top: 5px;
}
p#intro 
{
    width: 560px;
    float: right;
}
#content {
  margin: 10px 0 0 10px;
  width: 100%;
}

#content form #theform {
  padding: 0px  4px 0 15px;
  margin: 0px 0 0 10px;
  float: left;
  width: 355px;
}
#content form.wide {
	width: 480px;
}

p#message {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0 0 0;
  width: 150px;
}

.paperbased {
  display: none;
}
.gogreen {
  display: block;
}

.mntl {
    color:#3A6478;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 20px;
    float: left;
    margin-left: 25px;
    margin-top: 20px;
}

/*
 * Footer Menu
 */
ul#footlinks {
  list-style: none;
  padding: 0;
  width: 705px;
  margin: 10px auto;
}
ul#footlinks li {
  float: left;
  margin-right: 38px;
}
ul#footlinks li a {
  font-size: 12px;
  color: #3A6478;
}
ul#footlinks li a:hover 
{
    color: #E31B23;
}
ul#morefooter {
  clear: both;
  list-style: none;
  background: #aba099;
  width: 100%;
  height: 28px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
}
ul#morefooter li a {
  color: white;
  text-decoration: none;
}
ul#morefooter li a:hover {
  color: #FDBB30;
}

ul#morefooter li#left {
  background: white url(../images/foot_left.gif) no-repeat;
  height: 28px;
  width: 16px;
}
ul#morefooter li#right {
  background: white url(../images/foot_rt.gif) no-repeat;
  height: 28px;
  width: 16px;
  float: right;
  margin: 0;
}
ul#morefooter li {
  padding-top: 6px;
  float: left;
  margin-right: 20px;
}

ul#morefooter li.right {
  margin-left: 75px;  
}

#flag {
  vertical-align: middle;
}

.left {
	float: left;
}

.marginright {
	margin-right: 140px;
}

.none {
	display: none;
}
.small {
	width: 70px;
}
.medium {
	width: 120px;
}
.large {
	width: 150px;
}
/*
 * photo gallery
 */
.overlay { 
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -320px;
    z-index: 4;
    background: url(../images/gallery/gallerybg.jpg) no-repeat;
    top: 100px;
    height: 514px;
    width: 638px;
}

#overlay1, #overlay2 {
    background: white url(../images/gallery/gallerybg.jpg) no-repeat bottom right;
    height: 398px;
    margin-left: -328px;
    width: 638px;
}

#gallerycontainer, .player 
{   
    height: 375px;
    width: 514px;
    background: white url(../images/gallery/preload.gif) no-repeat center;
    border: thin solid black;
    z-index: 5;
    overflow: hidden;
    padding: 0;
    margin: 50px auto 0 auto;
}
.player {
    width: 472px;
    height: 290px;
    margin-top: 140px;
}
#overlay1 .player, #overlay2 .player {
    margin-top: 50px;
}
#gallery 
{
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
#gallery li 
{
    position: absolute;
    z-index: 0;
    display: none;
}
#hiddenimage { display: none; }
#gallery li img {
    margin: 0;
    height: 375px;
    width: 514px;
}
#gallery li.current { display: block; }

#overlay3 #imgright 
{
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 8;
    top: 210px;
    left: 564px;
}
#overlay3 #imgleft 
{
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: 210px;
    left: 34px;
}

a.player 
{
    display: block;
    border: 1px solid #ddd;
    z-index: 10;
}

.greyscreen, #greyscreen {
    display: none;
    z-index: 3; 
    filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; 
    height: 100%; 
    width: 100%; 
    background: black; 
    position: fixed; 
    top: 0; 
    left: 0;
}
.close, #close{
    display: none;
    height: 36px;
    width: 36px;
    cursor: pointer;
    background: url(../images/close.png) no-repeat bottom right;
    position: fixed;
    top: 85px;
    z-index: 100;
    width: 638px;
    left: 50%;
    margin-left: -305px;
}
.close, .greyscreen { display: block; }

.blur {
    color: #999;
}

.popup {
    z-index: 99;
    position: fixed;
    background: white;
    left: 50%;
    top: 171px;
    margin-left: -250px;
    width: 500px;
    
    
}

.reporttable th {
    cursor: pointer;
    text-decoration: underline;
}

#renewsession p {
    margin: 100px;
    height: 200px;
    padding: 20px;
    background: white;
    text-align: center;
}