/*  Main Styles  */

body {
font-family:Georgia;
line-height:200%;

}

.live_auction_body {
margin-right:200px;
margin-left:200px;

}
.opusheader {
background-color:#ffffff;
margin:0 50px 0 50px;

}

.opusbody {
background-color:#ffffff;
margin:0 50px 0 50px;

}

.opusfooter {
background-color:#ffffff;
margin:0 50px 0 50px;
text-align:center;
position:relative;

}

.opussponsor {
background-color:#ffffff;
margin:0 50px 0 50px;
text-align:center;

}

#banner {
text-align:center;

}

#social {
margin:5px 0 0 0;
text-align:right;

}

#body_text {
text-align:left;
font-size:22px;

}


/*  Horizontal display for sponsor images  */
#image_container ul {
margin:0 20px 10px 20px;
padding:0;

}

#image_container ul li {
display:inline;
padding:20px;

}

#sponsor_image {
text-align:center;

}

form li {
list-style-type:none;

}

/* Main menu settings */

#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   font-size:22px; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
   border-bottom:1px solid #fff
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:22px;
   line-height:1em;
   background:#1a4d6c;
   text-decoration:none;
   color:#ffffff;
}
#centeredmenu ul li.active a {
   color:#1a4d6c;
   background:#ffffff;
}
#centeredmenu ul li a:hover {
   background:#ffffff; /* Top menu items background colour */
   color:#1a4d6c;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#ffffff; /* Top menu items background colour */
   color:#1a4d6c;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em; /* determines how far below (or overlapping) the sub-menu is from the main nav */
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:18px;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#1a4d6c;
   color:#ffffff;
   line-height:1em; /* overwrite line-height value from top menu */
   border-top:1px solid #ffffff; /* sub menu item horizontal lines */
   /*border-bottom:1px solid #ffffff; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#ffffff; /* Sub menu items background colour */
   color:#1a4d6c;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/****************************************   Wookmark Grid Styles   **********************/

#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;

}

/*  Grid items  */

#tiles li {
/*width: 200px;*/
background-color: #ffffff;
/*border: 1px solid #000000;*/
-moz-box-shadow: 6px 6px 3px #888;
-webkit-box-shadow: 6px 6px 3px #888;
box-shadow: 6px 6px 3px #888;
border:1px solid #000000;


/*--Rounded corners if you like that sort of thing--*/
/*-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;*/

display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 4px;

}

#tiles li:hover {
/*width: 200px;*/
background-color: #52bad5;
/*border: 1px solid #000000;*/
-moz-box-shadow: 6px 6px 3px #888;
-webkit-box-shadow: 6px 6px 3px #888;
box-shadow: 6px 6px 3px #888;
border:1px solid #000000;


/*--Rounded corners if you like that sort of thing--*/
/*-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;*/

display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 4px;

}

#tiles li img {
display: block;
}


/*  Grid item text   */

#tiles li p {
width:192px;
color: #666;
font-size: 12px;
margin:0;
padding:0;
text-align:center;


}


/************************  Page specific styles  **********************/
/*  The Ball  */
#ball_page_body {
text-align:justify;
font-size:18px;
margin:0 0 0 0;

}

#ball_page_body ol {
text-align: left;
font-size: 18px;
}

#ball_page_body p {
text-align:justify;
font-size:18px;
margin:0 0 0 0;
}

/*  Patrons' Party  */
#pp_page_body {
text-align:justify;
font-size:18px;
margin:0 30px 0 30px;

}
/*   Auction   */
.auctionbody {
margin:5px 50px 0 50px;

}

#auction_button a {
padding:10px;
text-align:center;
display:block;
background-color:#777777;
color:#000000;
font-size:22px;


}

#auction_button a:hover {
background-color:#000000;
color:#ffffff;

}

/*   Auction Detail   */
#detail_text {
text-align:justify;
font-size:22px;

}

#detail_text p {
text-align:justify;
font-size:18px;
line-height:1.5;
color: #4F4F4F;
}

#center_text {
text-align:center;
font-size:22px;

}

#detail_text_left {
text-align:left;
font-size:16px;

}

#main_live {
margin-right:250px;
margin-left:250px;

}

#detail_photo {
text-align:center;
background-color:#ffffff;
}

#detail_photo a {
padding:0 10px 0 10px;
}

#preview {
list-style-type: none;
margin: 0;

}

/*  Grid items  */

#preview li {
/*width: 200px;*/
background-color: #ffffff;

/*--Rounded corners if you like that sort of thing--*/
/*-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;*/

  cursor: pointer;
padding: 4px;

}

#preview li img {
display: block;
margin-left: auto;
margin-right: auto;
border: solid 2px #FFF;
}

#preview li img:hover {
border: solid 2px #4f4f4f;
}

/*  Grid item text   */

#preview li p {
width:192px;
color: #666;
font-size: 12px;
margin:0;
padding:0;
text-align:center;


}