/*
div { background: #ffaaff; }
div div { background: #aaaaff; }
div div div { background: #aaffaa; }
div div div div { background: #ffffaa; }
div div div div div { background: #ffccaa; }
div div div div div div { background: #ffaaaa; }
*/

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
}

header, section, footer, aside, nav, article, figure { 
	display: block; 
	margin: 0px;
	padding: 0px;
}

a, li, ul, nav, div, header, span, h1, img, body {
	margin: 0px;
	padding: 0px;
}

h1 {
	color: #003366;
	font-size: 2.2em;
	-webkit-margin-after: 0px;
	-webkit-margin-before: 0px;
	margin: 20px 0px;
}

h2 {
	color: #003366;
	font-size: 1.5em;
}

em {
	font-weight: bold;
	font-style: normal;
}

a {
	text-decoration: none;
	color: #336699;
}

p a {
	text-decoration: underline;
}

a.toplink, a.toplink:visited, a.toplink:active {
	color: #ffffff;
	z-index: -1;
}

a.blockLink {
	font-weight: bold;
}

ol {
	padding-left: 25px;
}

ul {
	padding: 0px;
	-webkit-padding-before: 0px;
	-webkit-padding-start: 0px;
	-webkit-margin-after: 0px;
}

ul.bulleted li {
	list-style-type: square;
	margin-left: 20px;
}

ul ul {
	margin-left: 40px;
}

#sidebar h2 {
	padding-left: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
}

#sidebar label,
#sidebar ul li {
	color: black;
}

#sidebar ul li,
li {
	list-style-type: none;
	padding-bottom: 10px;
}

label {
	font-weight: bold;
}

p { line-height: 1.25em; }

hr {
	background-color: #999999;
	width: 80%;
	height: 1px;
	border: 0px;
	clear: right;
}

dt {
	float: left;
	width: 250px;
}

dt, dd {
	padding: 5px 10px;
}

/*
dt:nth-of-type(2),
dd:nth-of-type(2),
dt:nth-of-type(4),
dd:nth-of-type(4),
dt:nth-of-type(6),
dd:nth-of-type(6),
dt:nth-of-type(8),
dd:nth-of-type(8),
dt:nth-of-type(10),
dd:nth-of-type(10),
dt:nth-of-type(12),
dd:nth-of-type(12),
dt:nth-of-type(14),
dd:nth-of-type(14),
dt:nth-of-type(16),
dd:nth-of-type(16),
dt:nth-of-type(18),
dd:nth-of-type(18)
{
	background-color: #eeeeee;
}
*/

th {
	text-align: left;
}

th a {
	text-decoration: underline;
}

aside {
	clear: right;
	float: right;
	margin: 10px 15px 10px 15px; 
	max-width: 250px;
}

aside h2 {
	margin: 5px 0px;
	font-size: 1.2em;
}

aside p {
	margin: 5px 0px;
}

.thin_box {
	padding: 10px;
	border: 1px solid #003366;
	border-radius: 4px;
	box-shadow: 5px 5px 8px #ccc;
}

aside.small p {
	font-size: 1em;
}

aside,
.thick_box {
	display: inline-block;
	padding: 10px;
	border: 3px double #003366; /* #6699cc; */
}

aside h3,
.thick_box h3 {
	margin: 0px;
}

.alert { color: #ff0000; }

.hide { display: none; }

.spaced li { margin-bottom: 10px; }

.unspaced li { margin-bottom: 0px; }


.two_column {
	display: inline-block;
	margin-right: 5%;
	max-width: 40%;
	float: left;
}

.three_column {
	display: inline-block;
	margin-right: 5%;
	min-width: 25%;
	max-width: 30%;
	float: left;
}

.three_column:last-of-type {
	float: none;
}

.four_column {
	display: inline-block;
	margin-right: 5%;
	min-width: 20%;
	float: left;
}

.no_float {
	float: none;
}

.clear_right {
	clear: right;
}

.clear_left {
	clear: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*
#event .left {
	margin: 10px;
}

#event .right {
	margin: 10px;
}
*/

img.left {
	margin-right: 20px;
	margin-bottom: 20px;
}

img.right {
	margin-left: 20px;
	margin-bottom: 20px;
}

input[type=submit],
.scores li a,
a.button {
	display: inline-block;
	color: #eeeeee;
	background-color: #003366;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.0em;
	white-space: nowrap;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #003366;
	margin: 15px 15px;
}

/*
#home .button:first-of-type {
	margin-left: 7px;
}
*/

input[type=submit],
a.small {
	font-size: 1em;
}

a.button:hover {
	color: #003366;
	background-color: #ffffcc;
}

.required {
	color: #cc0000;
}

#layout {
	position: absolute;
	top: 0px;
	min-width: 750px; /* Setting a width makes the menu items resize. */
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
/*
background-image: url(images/Hex.gif);
	background-position-y: 3px;
	background-repeat: repeat-y;
*/
}

header #logo {
/*
	display: inline-block;
*/
        display: block;
	margin: 5px 0px 0px 5px;
	height: 100px;
}

header #conDates {
/*
	display: inline-block;
*/
	font-size: 0.9em;
	position: absolute;
	top: 0px;
	left: 400px; /* 510px; */
	height: 100px;
	width: 470px;
}

header #conDates div {
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 10px 0px;
	width: 150px;
/*
	min-width: 150px;
*/
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
}

header #conDates div em {
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
}

header #conDates div.nextCon {
    font-weight: bold;
    border: 5px double #666666;
    padding: 6px 0px; /* Adjust for added border */
}

#orccon em, .orcconColor    { color: #FF0000; }
#gamex em, .gamexColor     { color: #006600; }
#gateway em, .gatewayColor   { color: #330099; }

#venueAddress {
	color: #333333;
	padding-left: 170px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-family: serif;
	font-size: 0.7em;
}

#sidebar {
	width: 128px;
	float: left;
	font-size: 0.8em;
	background-color: #eeeeee;
	padding: 10px 12px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
/*
	margin-right: 15px;
*/
	margin-bottom: 15px;
}

#sidebar input {
	max-width: 100px; /* Keeps input from being too wide in Firefox. */
	margin: 0px 0px 5px 0px;
}


.un_em,
#sidebar .thin_box a {
	font-size: 0.8em;
	text-decoration: underline;
}

#sidebar h2 {
	font-size: 1.2em;
	color: #cc0000;
}

#sidebar li {
	padding-bottom: 10px;
}

#sidebar img.hotel {
	width: 120px;
	margin-top: 5px;
	border: 1px solid #000000;
}

#sidebar a#twitter img {
	width: 23px;
	height: 23px;
	display: inline-block;
	border: 0px;
	margin: 18px; /* 0px 10px 10px 0px; */
}

#sidebar a#facebook img {
	display: inline-block;
	border: 0px;
	float: left;
	height: 23px;
	padding: 0px 10px 0px 0px;
	margin: 18px 0px 0px 0px;
}

#mainContent {
	padding: 15px 15px 15px 168px;
	min-height: 600px;
}

#mainContent.no_right_margin {
	padding-right: 0px;
}

/*
#mainContent div:nth-of_type(2),
#mainContent div:nth-child(2) {
	padding-left: 15px;
}

div#shopping {
	margin-left: 15px;
}

#mainContent .main_no_wrap {
	margin-left: 168px;
}

#mainContent .main_no_wrap_no_margin {
	margin-left: 153px;
}

#mainContent .main_no_wrap_no_margin>h1,
#mainContent .main_no_wrap_no_margin>p,
#mainContent .main_no_wrap_no_margin>a.button {
	margin-left: 15px;
}
*/

#breadcrumb {
}

footer {
	background-color: #dddddd;
	font-size: 0.7em;
	text-align: center;
	padding: 5px 0px;
	width: 100%;
	margin-top: 5px;
}

footer span {
	margin-left: 20px;
}

/* Begin Page Specific Styles */
/* Home Page */
#homeBanner {
	position: relative;
	left: 0px;
/*
	left: 139px;
*/
	width: 815px;
	height: 100px;
}

#homeBanner img {
	margin: 0px 15px 0px 0px;
}

#request_game {
	font-size: 0.9em;
	margin-left: 15px;
	margin-right: 15px;
/*
	margin-bottom: 15px;
*/
}

.announce {
	font-size: 1.3em;
	line-height: 1.5em;
}

.announce.home {
	max-width: 830px;
}

.sections { /* Keep from wrapping the left column */
/*
	margin-left: 5px;
	margin-left: 143px;
	margin-left: 153px;
*/
/*	min-width: 825px; *//* Setting a width makes controls the sections. */
}

.special {
	float: left;
	min-height: 300px;
	margin: 0px;
}

.special section {
	float: left;
	width: 393px;
	height: 600px;
	/* min-height: 350px; */
	text-align: center;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #003366 solid; /* 1px #6699cc solid; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 5px 5px 8px #ccc;
}

.special section h2 {
	background-color: #003366; /* #6699cc; */
	color: #ffffcc;
	font-weight: normal;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	line-height: 1.0em;
	font-size: 2.0em;
}

.special section .button {
	margin-right: 30px;
	margin-left: 30px;
}

.special .guest {
	margin-top: 30px;
	float: left;
	width: 195px;
}

.special .guest .img_wrapper {
	width: 120px;
	height: 120px;
	padding: 0px;
	margin: 0px auto 10px auto;
	overflow: hidden;
}

.special #guests img {
	width: 120px;
	margin: 0px;
}

.special #guests .guest_name {
	display: inline-block;
	width: 120px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
}

.special #event img {
	width: 160px; /* 80px; */
	float: left;
	margin: 0px 15px 20px 15px;
}

.special #event .button {
	margin-top: 25px;
} 

.special #twitterBox {
} 

.special #twitterBox h2 {
}

.special #twitterBox h2 iframe {
	margin-top: 5px;
	float: right;
} 

.special #news {
	height: 89%;
	overflow: auto;
}

/* Event Colors */
#event_colors {
	min-width: 830px;
}

#event_colors span {
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
}

.board,
.Board td { background: #ccddff; } /* Blue   */
.card,
.Card td  { background: #ddddff; } /* Blue  */
.coll,
.Coll td  { background: #ccffcc; } /* Green  */
.larp,
.LARP td  { background: #ffddaa; } /* Orange */
.mini,
.Mini td  { background: #eeccff; } /* Purple */
.party,
.Party td  { background: #ccccff; } /* Orange */
.rpg,
.RPG td   { background: #ffbbbb; } /* Red    */
.sem,
.Sem td   { background: #cccccc; }  /* Silver */
.vid,
.Vid td   { background: #ffffaa; } /* Yellow */
.war,
.War td   { background: #eedddd; }  /* Blue */

/* Guests Page */
#guest img {
	float: left;
	width: 215px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#guest .guest_special {
	margin-bottom: 20px;
	margin-left: 10px;
}

/* Registration Page */
#reg_info aside {
	margin-right: 8%;
}

#reg_info h2 {
	white-space: nowrap;
}

#reg_info ul.two_column {
	min-width: 345px;
}

#reg_info ul li span {
	float: right;
	padding-left: 10px;
}

#reg_info .reg_fees {
	min-height: 120px;
}

#reg_info .three_column li {
	white-space: nowrap;
}

/* Events Page */
.button {
        background: #e0e0f0;
        color: #000000;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        line-height: 1.0em;
        white-space: nowrap;
        display: inline-block;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        border: 3px outset #e0e0f0;
}

span.button { /* See Event Search */
        font-size: 0.8em;
        padding: 3px 5px 5px 3px;
}

#search_options {
	margin-bottom: 20px;
}

#search_options input[type="checkbox"] {
	margin-left: 0px;
}

#search_options div {
	float: left;
	margin-right: 30px;
}

#search_options div:first-of-type {
	float: none;
}

#search_options div:last-of-type {
	float: none;
	clear: left;
}

#search_options label {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
}

#search_options div:first-of-type label {
	display: inline;
	margin-right: 50px;
}

#event_search .results {
	min-width: 830px;
}

#event_search .results em {
	font-weight: normal;
	font-style: italic;
}

#event_search .results span {
	display: block;
}

#event_search .results .button {
	float: right;
}

#descBox {
	width: 500px;
	background: #ffffff;
	padding: 10px;
	visibility: hidden;
	border: 2px outset #cccccc;
	/* display: none; */
	position: absolute;
	z-index: 1;
}

/* Event Request Page */
#request_event label {
	display: inline-block;
	min-width: 120px;
}

#request_event input[type="submit"] {
	margin-top: 10px;
}

/* Events Needing GM Page */
#event_for_gm span {
	display: inline-block;
	min-width: 100px;
}

#event_for_gm span+span {
	font-weight: bold;
}

#event_for_gm span+span+span {
	font-weight: normal;
	font-style: italic;
}

/* Library Page */
#library {
	max-width: 1210px;
}

#library img {
	float: right;
	margin: 0px 15px 15px 15px;
	width: 590px;
}

#library h2 a span {
	font-size: 50%;
}

/* Painting Contest Page */
#painting_contest {
	margin-right: 15px;
}

#painting_contest div {
	max-width: 350px;
	float: right;
}

#painting_contest img {
	float: right;
	margin: 0px 10px 10px 10px;
	width: 300px;
}

#painting_contest ul:first-of-type {
	font-size: 125%;
}

/* Winners List Page */
#winners_lists {
	margin-right: 15px;
}

#winners_lists ul {
	column-count: 3;
}

#winners table {
	width: 100%;
	margin-bottom: 25px;
}

#winners th {
	font-size: 1.5em;
	width: 17%;
	white-space: nowrap;
}

#winners th:first-of-type {
	width: 32%;
}

#winners .game {
	font-weight: bold;
}

/* Shopping Page */
#shopping table {
    border-collapse: collapse;
}

#shopping th, #shopping td {
    padding: 10px 20px;
    border-bottom: 1px solid #aaaaaa;
    text-align: center;
}

#shopping th span {
    display: block;
    padding-top: 10px;
    font-weight: normal;
}

#shopping th span span {
    padding-top: 0px;
    white-space: nowrap;
    font-size: 0.8em;
}

#shopping tbody td span {
    white-space: nowrap;
}

/*
#shopping {
	max-width: 900px;
	margin-right: 15px;
}

#shopping th,
#shopping td {
	padding: 10px 0px 10px 50px;
}
*/

#shopping p:last-of-type,
#dealers p:last-of-type,
#fleamarket p:last-of-type,
#auction p:last-of-type {
	text-align: center;
}

/* Dealers Page */
#dealers ul:last-of-type {
	column-count: 3;
}

#dealers li {
	white-space: nowrap;
}

/* Venue Page */
#venue a:nth-of-type(2) {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}

#venue div+p:first-of-type {
	clear: right;
}

/* Parking Page */
#parking li>span {
	display: inline-block;
	background-color: #dddddd;
	font-weight: bold;
	padding: 3px;
	min-width: 12px;
}

#parking li>span.darker {
	background-color: #999999;
}

#parking li>span.x {
	background-color: red;
	color: white;
}

#parking li>ul {
	margin-top: 10px;
}

/* Staff Page */
#staff div {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

#staff span {
	display: inline-block;
	min-width: 230px;
}

#staff br+span {
	display: inline-block;
	min-width: 0px;
	margin-left: 234px;
}

/* Volunteer Page */
#volunteer label {
	display: inline-block;
	width: 100px;
/*
	min-width: 100px;
*/
	text-align: right;
	vertical-align: top;
}

#volunteer input,
#volunteer textarea {
	margin-bottom: 10px;
}

/*
#volunteer label+span {
	color:#FF0000;
	font-size: 0.9em;
	float: right;
}
*/

/* Departments */
#depts a.un_em {
	float: right;
	margin-bottom: 15px;
}

/* Gaming Groups */
#gaming_groups ul {
	max-width: 1380px; /* 1341px; *//* 940px; */
}

#gaming_groups li {
	float: left;
	height: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#gaming_groups li img {
	max-height: 100px;
	max-width: 300px;
}

/* Our Sponsors */
#sponsors li {
	display: inline-block;
	height: 100px;
	width: 150px;
	margin: 20px 20px;
	text-align: center;
}

#sponsors li.double-wide {
	width: 340px;
}

#sponsors li img {
	max-height: 100px;
	max-width: 150px;
}

#sponsors li.double-wide img {
	max-width: 340px;
}

#sponsors li span {
	display: block;
	font-size: 0.9em;
}

/* New to Gaming */
#new_to_gaming {
	max-width: 800px;
}

#new_to_gaming .highlight {
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
}

/* For Parents */
#for_parents div.right {
	margin: 0px 10px 20px 20px;
}

/* Places to eat */
#eateries th,
#eateries td {
	padding: 5px 5px 5px 0px;
}

#eateries .category {
	padding-top: 30px;
}

/* Game Stores */
#game_stores {
	min-width: 800px;
	max-width: 1150px;
}
#game_stores td {
	padding: 5px 10px 5px 0px;
}

#game_stores th {
	border-top: 1px solid #cccccc;
	padding-top: 30px;
}

#game_stores tr:first-child th {
	border-top: none;
	padding-top: 0px;
}

#game_stores td:nth-of-type(1) {
	width: 32%;
}

#game_stores td:nth-of-type(2) {
	width: 29%;
}

#game_stores td:nth-of-type(3) {
	width: 18%;
	white-space: nowrap;
}

#game_stores td:nth-of-type(4) {
	width: 7%;
}

#game_stores td:nth-of-type(5) {
	width: 14%;
	white-space: nowrap;
}

/* Non-gamer */

/* Links and Lists */
.mail_box {
	float: left;
	width: 320px;
	margin-right: 5%;
}

/*
form div {
	float: left;
	width: 250px;
	height: 150px;
}
*/

.mail_box form label {
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 10px;
}

.mail_box form input[type=checkbox] {
	margin-left: 10px;
}

.mail_box form input[type=text] {
	float: right;
	margin-right: 10px;
/*
	min-width: 70px;
	width: 70px;
*/
}

/* Volunteer */
#volunteer label {
	padding-right: 10px;
}

/* Logged In Page */
#logged_in li:nth-of-type(5) {
	padding-bottom: 30px;
}

/* Order Page */
#reg th,
#reg td {
	padding-right: 10px;
	vertical-align: top;
	line-height: 1.5em;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #aaaaaa;
}

#reg .quantity {
	white-space: nowrap;
}

#reg tr td:last-of-type {
	min-width: 60px;
}

#reg tr:last-of-type th,
#reg tr:last-of-type td {
	text-align: right;
}

#reg input:nth-of-type(2) {
	margin-left: 13px;
}

/* Run Event */
#run_event aside {
	max-width: 300px;
	float: left;
}

#run_event .thin_box {
	max-width: 500px;
}

#run_event h2 {
	clear:left;
}

#run_event form {
	max-width: 800px;
}

#run_event form div {
	min-width: 405px;
	margin-bottom: 10px;
}

#run_event li label {
	display: inline-block;
	line-height: 1.5em;
	min-width: 50px;
}

#run_event li label:first-of-type {
	width: 125px;
}

#run_event li:nth-of-type(5) label,
#run_event li:last-of-type label {
	vertical-align: top;
}

#run_event li div {
	display: inline-block;
}

span.note {
	font-size: 12px;
}

textarea + span.note {
	display: block;
}

/* Special Events Page */
#special_events {
	margin: 20px 10px;
}

#special_events div {
	overflow: auto;
	margin-bottom: 40px;
}

#special_events img {
	width: 180px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

#special_events h3 {
	margin-top: 0px;
}

/* Winners Lists */
ul.horiz li {
	display: inline-block;
	margin-right: 30px;
}

.scores li {
	display: inline-block;
	position: relative;
}

.scores li a {
	font-size: 1em;
	margin: 5px 3px;
}

.scores li a#selected {
	color: #003366;
	background-color: #ffffcc;
}

.scores th,
.scores td,
table.categories th,
table.categories td {
	padding: 5px;
}

.scores #butler td:nth-of-type(2),
.scores #butler td:nth-of-type(3),
.scores td:first-of-type,
table.categories td {
	text-align: center;
}

.scores #butler td:first-of-type {
	text-align: left;
}

.scores th:first-of-type {
	width:60px;
}

.scores #butler th:first-of-type,
.scores th:nth-of-type(2) {
	width:200px;
}

.scores #butler th:nth-of-type(2),
.scores #butler th:nth-of-type(3) {
	width:80px;
}

.scores #butler th:first-of-type(4),
.scores th:first-of-type(3) {
	width:110px;
}

/* Error Messages */
.error,
#warning_msg,
#error_msg {
	display: none;
}

/*
.error.active
{
	max-width: 52%;
}
*/

.error.active,
div#warning_msg.active,
div#error_msg.active {
	display: inline-block;
	margin-top: 10px;
	border: 5px double #dd0000;
	padding: 10px;
	background-color: #ffeeee;
	font-size: 150%;
	font-weight: bold;
}

div#warning_msg.active {
	border: 5px double #dddd00;
	background-color: #ffffee;
}

/* Tooltips */
.tooltip {
    outline:none;
    color: #000066;
    background-color: #eeeeee;
    text-align: center;
    font-size: 75%;
    display: inline-block;
    width: 2%; /* 18px; */
    border: 1px solid #999999;
    border-radius: 100%; /* 9px; */
    -moz-border-radius: 100%;
}
.tooltip strong {
    line-height: 30px;
}
.tooltip:hover {
    text-decoration: none;
}
.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -25px;
    margin-left: 8px;
    width: 300px;
    line-height: 16px;
    text-align: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}
.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

.tooltip ul {
	margin-left: 0px;
	margin-bottom: 0px;
}

.tooltip li:last-of-type {
	padding-bottom: 0px;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

#con_books {
	column-count: 3;
}

#forms {
	column-count: 2;
}

ul#gaming_grps {
	column-count: 2;
}