/* layout.css */

#layout {
  width: 816px;
  min-width: 816px;
  max-width: 1200px;
  margin: 0 96px;
  padding: 0;
  background-color: #ffffff;
  text-align: left;
}

div.corner {
  width: auto;
  height: 20px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

div.corner.tl {
  background-image: url(/images/corner_tl_bg.gif);
  background-position: top left;
}

div.corner.tr {
  background-image: url(/images/corner_tr_bg.gif);
  background-position: top right;
}

div.corner.bl {
  background-image: url(/images/corner_bl_bg.gif);
  background-position: bottom left;
}

div.corner.br {
  background-image: url(/images/corner_br_bg.gif);
  background-position: bottom right;
}

div.corner.top {
  width: auto;
  height: 19px;
  margin: 0 20px;
  border-top: 1px solid #cde8b8;
}

div.corner.sides {
  width: auto;
  height: auto;
  margin: 0;
  border-left: 1px solid #cde8b8;
  border-right: 1px solid #cde8b8;
}

div.corner.bottom {
  width: auto;
  height: 19px;
  margin: 0 20px;
  border-bottom: 1px solid #cde8b8;
}

div.documents {
	margin: 0 0 35px 0;
}

#header {
  position: relative;
  width: auto;
  margin: 0 0 22px 0;
  padding: 4px 150px 0 0;
}

#header h1, #header h1 a {
  display: block;
  width: auto;
  height: 64px;
  margin: 0;
}

#header h1 a {
  text-indent: -9999px;
  background-image: url(/images/serving_up_style_logo_bg.gif);
  background-position: 30px 0;
  background-repeat: no-repeat;
}

form#login, #loggedin {
  position: absolute;
  right: 30px;
  margin: 0;
  padding: 0;
}

form#login {
  top: 0;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 65px;
}

#loggedin {
  bottom: 0;
  font-size: 10px;
  width: 180px;
  text-align: right;
}

form#login div#login-fields {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 47px;
  margin: 0;
  padding: 0;
}

form#login label, form#login input {
  height: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 10px;
  margin-bottom: 5px;
}

form#login label {
  float: left;
  width: 50px;
  height: 12px;
  padding-right: 6px;
  padding-left: 6px;
  text-align: right;
  color: #939598;
}

form#login input {
  float: left;
  display: inline;
  width: 82px;
  height: 12px;
  padding-right: 3px;
  padding-left: 3px;
  background-color: #e9f5d4;
  border-width: 0;
  border-style: none;
}

form#login input#login-submit {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding-top: 2px;
  width: 88px;
  height: 18px;
  background-color: transparent;
  background-image: url(/images/login_submit_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #ffffff;
  cursor: pointer;
}



#navigation {
  clear: both;
  width: auto;
  height: 36px;
  background-color: #7ac142;
  background-image: url(/images/navigation_right_bg.gif);
  background-position: top right;
  background-repeat: no-repeat;
  margin: 0 30px 18px 30px;
  padding: 0 10px 0 0;
}

#navigation ul {
  width: auto;
  height: 36px;
  background-image: url(/images/navigation_left_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0 0 0 10px;
}

#navigation ul li {
  float: left;
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#navigation ul li a {
  display: block;
  width: auto;
  height: 16px;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
}

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:focus, #navigation ul li a:hover, #navigation ul li a:active {
  color: #ffffff;
  text-decoration: none;
}

#navigation ul li a:focus, #navigation ul li a:hover, #navigation ul li a:active {
  background-color: #007c85;
}

#sidebar {
  float: right;
  width: 210px;
  height: auto;
  margin: 0 30px 20px 0;
  padding: 20px 0 0 0;
  background-image: url(/images/sidebar_top_bg.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#sidebar-inner {
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0 0 20px 0;
  background-image: url(/images/sidebar_bottom_bg.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

#sidebar-top {
  display: block;
  width: 166px;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0 22px;
  color: #939598;
}

#sidebar-top dl {
  width: 166px;
  margin: 0;
  padding: 0;
}

#sidebar-top dl dt {
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 15px 0;
}

#sidebar-top dl dd {
  width: 166px;
  margin: 0;
  padding: 0;
  font-size: 15px;
}

#sidebar-top dl dd.with-image {
  background-repeat: no-repeat;
  background-position: top left;
}

#sidebar-top dl dd.with-image a {
  display: block;
  width: 166px;
}

#sidebar-top dl dd.with-image a span {
  display: none;
}

#sidebar-middle {
  display: block;
  width: 166px;
  height: auto;
  min-height: 202px;
  margin: 0 1px 25px 1px;
  padding: 9px 21px;
  color: #000000;
  background-color: #e9f5df;
  background-image: url(/images/sidebar_middle_bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#sidebar-middle a.button {
  display: block;
  width: 166px;
  height: 19px;
  background-image: url(/images/sidebar_middle_button_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0;
  padding: 8px 0;
}

#sidebar-middle a.button:link, #sidebar-middle a.button:visited, #sidebar-middle a.button:focus, #sidebar-middle a.button:hover, #sidebar-middle a.button:active {
  text-decoration: none;
}

#sidebar-middle h3 {
  margin: 0;
}

#sidebar-middle dl {
  margin: 0;
}

#sidebar-middle dl dt {
  margin: 15px 0 3px 0;
  font-size: 125%;
}

#sidebar-middle dl dd {
  margin: 0;
}

#sidebar-middle dl dd dl.split dt, #sidebar-middle dl dd dl.split dd {
  display: inline;
}

#sidebar-middle dl dd dl {
  margin: 10px 0 0 15px;
}

#sidebar-middle dl dd dl dt {
  font-size: 100%;
  margin: 0;
}

#sidebar-middle dl dd dl.split dt {
  width: 66px;
}

#sidebar-middle dl dd dl.split dd {
  width: 90px;
  margin-left: 10px;
}

#sidebar-middle dl dd dl.split.small dt, #sidebar-middle dl dd dl.split.small dd {
  font-size: 90%;
}

#sidebar-bottom {
  display: block;
  width: 166px;
  height: auto;
  margin: 25px 0 0 0;
  padding: 0 22px;
  color: #939598;
}

#sidebar-bottom a {
  display: block;
  width: 166px;
  height: 45px;
  background-image: url(/images/mollys_fund_logo_small.gif);
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 0 5px 0;
}

#sidebar-bottom, #sidebar-bottom h2, #sidebar-bottom address, #sidebar-bottom dl {
  font-size: 10px;
  line-height: 13px;
}

#sidebar-bottom h2, #sidebar-bottom address, #sidebar-bottom dl {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
}

#sidebar-bottom address {
  margin: 0 0 10px 0;
}

#sidebar-bottom dl dt, #sidebar-bottom dl dd {
  float: left;
  margin: 0;
}

#sidebar-bottom dl dt {
  clear: left;
  width: 25%;
  font-weight: normal;
}

#sidebar-bottom dl dd {
  width: 75%;
}

#sidebar-bottom dl dd.address {
  width: 100%;
}

#main {
  position: relative;
  width: auto;
  min-height: 450px;
  background-image: url(/images/main_bg.gif);
  background-position: top left;
  background-repeat: repeat-y;
  margin: 0 0 0 30px;
  padding: 0;
}

#content {
  background-color: #ffffff;
  margin: 0 270px 0 0;
  padding: 0;
  min-height: 450px;
  line-height: 170%
}

#content.with-image {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0;
}

#page-see-whos-participating #content h4 {
  clear: left;
  font-weight: bold;
  font-size: 110%;
  padding: 10px 0 0 0;
}

#page-see-whos-participating #content ul {
  margin: 0;
}

#page-see-whos-participating #content li {
  float: left;
  width: 160px;
  margin: 0;
  padding: 5px 5px;
  list-style-type: none;
  list-style-image: none;
}

#page-see-whos-participating #content ul li a:link, #page-see-whos-participating #content ul li a:visited, #page-see-whos-participating #content ul li a:focus, #page-see-whos-participating #content ul li a:hover, #page-see-whos-participating #content ul li a:active {
  color: #000000;
  text-decoration: none;
}

#page-see-whos-participating #content li.left {
  clear: left;
}

#page-tickets div.ticket, #page-tickets div.order {
  clear: left;
  margin: 10px 0;
  padding: 10px 0;
  width: 514px;
  border-width: 1px 0 0 0;
  border-style: solid none;
  border-color: #e1e1e1;  
  zoom: 1;
}

#page-tickets div.ticket:after, #page-tickets div.order:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: left; 
  visibility: hidden;
}

#page-tickets div.image {
  float: left;
  width: 173px;
  margin: 0 10px 0 0;
}

#page-tickets div.order div.image {
  background-color: #e9f5df;
  width: 133px;
	height: auto;
	text-align: center;
	padding: 10px 20px;
	font-size: 200%;
	line-height: 100%;
	color: #7ac142;
}

#page-tickets div.order div.image span {
	display: block;
	font-size: 200%;
	line-height: 100%;
}

#page-tickets div.image img {
  margin: 0;
}

#page-tickets div.detail {
  float: left;
  width: 331px;
}

#page-tickets div.order div.detail dl {
	display: block;
	width: 331px;
	margin: 0;
	font-size: 80%;
	line-height: 150%;
}

#page-tickets div.order div.detail dl dt {
	clear: left;
	float: left;
	width: 126px;
	margin: 0 5px 0 0;
	padding: 0; 
}

#page-tickets div.order div.detail dl dd {
	float: left;
	width: 200px;
	margin: 0;
}

#page-tickets h4 {
  line-height: 100%;
  margin: 0 0 5px 0;
  font-size: 110%;
}

#page-tickets dl.ticketPriceInfo, #page-tickets dl.ticketDateInfo {
  margin: 0 0 5px 0;
  zoom: 1;
}

#page-tickets dl.ticketPriceInfo:after, #page-tickets dl.ticketDateInfo:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: left; 
  visibility: hidden;
}

#page-tickets dl.ticketPriceInfo dt, #page-tickets dl.ticketPriceInfo dd, #page-tickets dl.ticketDateInfo dt, #page-tickets dl.ticketDateInfo dd {
  float: left;  
  padding: 0;
  margin: 0;
  line-height: 100%;
}

#page-tickets dl.ticketPriceInfo dt, #page-tickets dl.ticketDateInfo dt {
  clear: left;
  font-weight: normal;  
  margin-right: 7px;
}

#page-tickets dl.ticketDateInfo dd {
  border-left: 1px solid #666666;
  padding-left: 7px;
}

#page-tickets dl.ticketPriceInfo dt {
  clear: none;
  border-left: 1px solid #666666;
  padding-left: 7px;
  margin-left: 7px;
}

#page-tickets dl.ticketPriceInfo dt.first {
  border-left-width: 0;
  border-left-style: none;
  padding-left: 0;
  margin-left: 0;
}

#page-be-a-sponsor h3, #page-form-a-design-team h3 {
  border-width: 1px 0;
  border-style: solid none;
  border-color: #e1e1e1;
  text-align: center;
  padding: 10px 0;  
}

#page-be-a-sponsor h3 a, #page-form-a-design-team h3 a {
  text-decoration: none;
  color: #7ac142;
  font-weight: bold;
}

#page-tickets #tickets {
	clear: both;
	width: 754px;
  zoom: 1;
}

#page-tickets #tickets h3 {
	margin: 0 0 10px 0;
	position: relative;
}

#page-tickets #tickets h3 span.download {
	position: absolute;
	right: 0;
	background-image: url(/images/download.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0;
}

#page-tickets #tickets h3 span.download a:link, #page-tickets #tickets h3 span.download a:visited, #page-tickets #tickets h3 span.download a:focus, #page-tickets #tickets h3 span.download a:hover, #page-tickets #tickets h3 span.download a:active {
	display: block;
	text-decoration: none;
	padding: 0 0 0 24px;
}

#sponsors {
  width: auto;
  height: auto;
  min-height: 25px;
  border-top: 1px solid #e3e4e5;
  margin: 20px 0 10px 0;
  padding: 11px 0 0 0;
  zoom: 1;
  color: #939598;
}

#sponsors dt {
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
}

#sponsors dd {
  margin: 0;
  padding: 0;
}

#sponsors dd ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}

#sponsors dd ul li {
  float: left;
  width: 89px;
  height: 25px;
  margin: 0 24px 10px 0;
}

#sponsors dd ul li.first {
  clear: left;
}

#sponsors dd ul li.last {
  margin: 0;
}

#sponsors dd ul li a {
  display: block;
  width: 89px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: top left;
}

#sponsors dd ul li a span {
  display: none;
}

#page-tickets form h3 {
	font-size: 200%;
	text-transform: uppercase;
	text-align: center;
	color: #007c85;
}

#footer {
  clear: both;
  color: #7f9869;
  width: 816px;
  min-width: 816px;
  max-width: 1200px;
  padding: 10px 0;
  margin: 0 96px;
  font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
  text-decoration: underline;
  color: #7f9869;
}

#copyright, #legal {
  float: left;
  width: auto;
  height: auto;
  margin-right: 20px;
}

#powered {
  float: right;
  width: 20%;
  height: auto;
  text-align: right;
}

#content:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}