/********** All Pages **********/
body {
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2   { font-size: 18pt; text-align: center;
	line-height: 22pt;
	margin-top: 0px; /* margin 0 required to not product a gap in layout */
	padding-top: 10px;
}
h3   { font-size: 16pt; text-align: center;
	margin-bottom: 5px;
}
h4   { font-size: 14pt; text-align: center; }
h5   { font-size: 12pt; text-align: center; }
h6   { font-size: 10pt; text-align: center; }

p { line-height: 1.25em; }

th   { text-align: left; }
td { vertical-align: top; }

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

img.left {
	float:left;
	margin:10px 10px 10px 0px;
}

img.right {
	float:right;
	margin:10px 0px 10px 10px;
}

ul.nobullets { list-style-type: none; }

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

#layout {
	/* width: 880px; causes wrapping issues in IE */
	background-color: #ffffff;
	background-image: url(images/Hex.gif);
	background-repeat: repeat-y;
	font-family: sans-serif;
	font-size: 14px;
	vertical-align: top;
	padding: 0px;
	/* margin: 0px; nullifies the align="center" */
	border: 0px;
}

div,
#layout h1,
#layout tr,
#layout td,
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}
#layout h1#logo_home {
	text-align: right;
}

#logo_home,
#logo_home img,
#logo,
#transitionImage {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}

#logo,
#logo_home {
	width: 880px;
	height: 100px;
}

#logo_home {
	background-image: url(images/StrategiconLogo.gif);
	color: #ffffff;
}

#logo {
	background-image: url(images/StrategiconLogo_Basic.gif);
}

#infoLine {
	width: 880px;
}

#transitionImage {
	background-image: url(images/HexTransition.gif);
	width: 151px; height: 20px;
	vertical-align: top;
	padding-left: 10px;
	float: left;
}

#venue {
	color: #333333;
	font-family: serif;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
	padding: 2px 100px 0px 0px;
}

#bulkdata {
	clear: left;
}

#leftBar {
	font-family: Verdana;
	line-height: 12px;
	width:151px;
	background: #ffffff;
	background-image: url(images/Hex.gif);
	margin: 0px 10px 0px 0px;
	float: left;
}

#leftBar ul {
	padding: 0px;
	margin: 0px;
}

#leftBar #menuMaster li,
#leftBar #menuMaster ul li {
	list-style-type: none;
	margin: 0px;
}

#leftBar #menuMaster li {
	padding: 3px 3px 3px 10px;
}

#leftBar #menuMaster ul li {
	padding: 6px 3px 0px 0px;
}

#leftBar #menuMaster a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#leftBar div {
	margin:10px;
	font-size: 13px;
}

#leftBar form#login {
	margin: 10px 0px 0px 10px;
	font-size:12px;
}

#leftBar form#login input {
	margin-bottom: 3px;
}

#leftBar #menuMaster div.subtext {
	margin-top:0px;
	margin-bottom:15px;
}

#leftBar #menuMaster div.subtext a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

#leftBar #leftInfo {
	margin-left: 10px;
}

#leftBar #leftInfo li {
	list-style-type: none;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

#leftBar #leftInfo .dates {
	color: #ff3333;
	font-weight: bold;
}

#leftBar #leftInfo .dates li {
	font-size:1.1em;
	line-height:1.5em;
}

.logo img {
	float: left;
	margin: 0px;
	padding: 0px;
}

#bannerArea {
}

#bannerBar { /* Firefox 1.5.0.6 does not like all inclusive border defs */
	margin: 5px 10px 5px 160px;
	width: 700px;
	border: 1px solid #000000;
    height: 98px; /* 78px; */
	padding: 5px 0px 5px 0px;
}

#bannerBar2 {
	font-size: 12px;
	width: 380px;
	border: 0px;
	height: 100px;
	float: right;
}

#bannerBar div,
#bannerBar2 div {
	font-weight: normal;
	text-align: center;
	padding: 4px;
	float: left;
}

#bannerBar div {
	width: 205px;
	line-height:1.4em;
	margin: 5px 8px;
}

#bannerBar2 div {
	margin: 13px 1px 13px 1px;
	line-height: 1.6em;
}

.conName {
	font-size: 18px;
	font-weight: bold;
}

#bannerBar div.nextCon,
#bannerBar2 div.nextCon {
	font-weight: bold;
	font-size: larger;
	line-height:1.2em;
	border: 3px double #000000;
}

#bannerBar div.nextCon {
	margin: 1px 8px 5px 8px;
}

#bannerBar2 div.nextCon {
	margin-top: 10px;
}

#bannerBar2 div.nextCon {
	line-height: 1.2em;
}

#footer {
	width: 971px; /* 880px; */
	height: 20px;
	background-color: #dddddd;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}

#hotelImg { border:1px solid #000000; }

#hotelImg { margin-top: 5px;
    width: 100px;
}

.facebookButton {
    background: #ffffff; /* #ddddff; */
    border: 3px outset #6699cc; /* #ddddff; */
}
    
.facebookButton a { color: #003366; }

/***** Defined Colors *****/
#orcconColor    { color: #FF0000; }
#gamexColor     { color: #006600; }
#gatewayColor   { color: #330099; }

#right-col {
	width: 150px;
	margin-right: 3px;
	margin-bottom: 5px; /* 10px; */
	float: right;
}
#right-col .button {
	margin-bottom: 5px;
}
#mainContent {
	margin-left: 151px; /* Prevents div from expanding when left column ends. */
	padding-right: 10px;
	padding-left: 10px;
}

/*************************/

.highlight {
	font-weight: bold;
	font-style: italic;
}

.center { text-align: center; }

.spaced li {
	margin-bottom: 10px;
	line-height:1.25em;
}

.left {
	float: left;
	margin-right: 15px;
}

.right {
	float: right;
	margin-left: 15px;
}

.required, .red { color: #dd0000; }

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

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

/*************************/
/* Home */

#main {
}

.sponsors_button {
	font-weight: bold;
	font-size: 1.4em;
}

a.create_button {
	font-size: 2.0em;
	font-weight: bold;
	width: 300px;
	margin-left: 205px;
}

a.con_reg_button {
	font-size: 1.5em;
	font-weight: bold;
	width: 300px;
	margin-left: 205px;
}

.announce {
	font-size: 18px;
}

.special {
	margin-top: 20px 5px;
	/*margin-left: 3px; *//* 103px; */
	/* background-color:#00ff99; */
	width: 800px; /* 700px; *//* 500px; */
	/* height: 260px; *//* 140px; */ /* 133px; */
}

.special div.event {
	text-align: center;
	width: 385px; /* 334px; *//* 700 / 2 - (5 * 2) - (3 * 2) */ /* 220px; */
	margin: 0px 2px 5px 2px;  /* 15px; */
    max-height: auto;
    min-height: 250px; /* 300px; */
	/* height: 260px; *//* 200px; */ /* 130px; */ /* 150 - (3 * 2) */ /* 103px; */
	/* border: 3px #bbbbbb ridge; */
	float: left;
    background-color: #ffffff; /* #ddeeff; */
    border: 1px #6699cc solid; /* 3px #bbbbbb ridge; */
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.special div.event a { color:#003366; }

.special h3 {
    background: #6699cc;
    color: #ffffff; /* #330099; *//* #dd0000; */
	padding: 7px 0px; /* 0px; */
	margin: 0px 0px 10px 0px; /* 10px 0px 10px 0px; */
	line-height: 1.0em;
	/* color: #dd0000; */
	font-size: 2.0em;
}

.special div.event div {
	margin: 0px 0px 15px 0px;
}

.special div.event img {
    width: 80px; /* 50px; */
    /* margin-bottom: 10px; */
    margin: 10px 0px;
}

.special .guest {
	font-size: 1.5em;
	/* line-height: 1.5em; */
	/* margin-top: 10px; */
}

.special a.button {
	width: 150px;
    margin-top:5px;
	/* margin-left: 89px; */ /* (334 - 150 - (3 * 2)) / 2 */ /* 32px; */
	margin: 15px auto;
	font-weight: bold;
}

#feedsBox {
    clear: both;
    width: 780px; /* 784px; */
	margin-right: 5px;
    /* padding: 10px 5px; */
}

#newsBox {
	border-radius: 5px;
	-moz-border-radius: 5px;
    margin-right: 10px;
    width: 387px; /* 482px; */
    min-height: 355px;
}

#newsBox h3 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
    font-size: 190%; /* 180%; */
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 7px;
}

#newsBox h4.title { font-size: 110%; /* 130%; */
}
/*
#newsbox h3 {
    margin-top: 50px; /* 100px; */
	margin-bottom: 5px;
}
*/
#twitterButton {
    margin: 0px 10px 10px 0px;
}
 
#twitterBox {
    float: right;
}

#newsBox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #6699cc;
}
 
#newsBox h3 {
    background: #6699cc;
    color: #ffffff;
}   

#newsBox h4 { background: #ffffff;
}
    
#newsBox a { color: #003366;
}

#news_archive { color: #003366;
}

/* Venue */
#venue_page {
	font-size:1.1em;
}

/***** Parking Page Settings *****/
#parking th { padding-right: 10px; padding-left: 10px; white-space: nowrap; }
#parking td { padding: 3px 7px 2px 8px; vertical-align: top; white-space: nowrap; }
#parking td.center { text-align: center; vertical-align: middle;
                     padding-right: 0px; }

/***** Registration Settings *****/
#reg { text-align: center; }
#reg p { text-align: center; }
#reg table { border: 1px solid #999999; border-collapse: collapse; }
#reg th { border-bottom: 1px solid #999999; padding: 3px; }
#reg td { vertical-align: top; border-bottom: 1px solid #999999; padding: 5px; }
#reg td.quantity { padding: 3px; }
.amount { text-align: right; }

#reg_info p {
	text-align:center;
}

#reg_info table.base {
	width:700px;
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}

#reg_info table.base td {
	padding:0px 20px 0px 20px;
}

#reg_info table.base table td {
	padding:3px;
}

#reg_info h4 {
	margin-bottom: 0px;
}

#reg_info ul {
	list-style-type:none;
}

/***** Event and Event Pre-Reg Page Settings *****/
#event-search {
	text-align: center;
}

#event-search form {
	margin: 0px 10px 10px 5px;
	border: 3px ridge #999999;
}

#event-search form table {
	margin: 10px 10px 0px 10px;
}

#event-search form th { width: 230px; text-align: left; }

#event-search form td {
	padding: 10px;
	vertical-align: top;
}

#event-colors { width: 700px; }
#event-colors span { text-align: center; font-size: 1.5em; padding: 10px; }

#event-search .results { width: 700px; }

#event-search .results td { font-size: 0.9em; vertical-align: top;
                                  padding: 2px; }

.results .button { display: inline; float: right; }

.results .details th { padding: 1px 0px 1px 5px; }

.results .details td { padding: 1px 5px 1px 5px; }

#msgBox,
#descBox { background: #ffffff; width: 355px; font-size: 90%;
           border: 2px outset #cccccc; padding: 10px;
           display: none; position: absolute; z-index: 1; }

#msgBox { left: 350px; top: 675px; }

/* Event Colors */
tr.Board td { background: #ccccff; } /* Blue   */
tr.Coll td  { background: #ccffcc; } /* Green  */ 
tr.LARP td  { background: #ffddaa; } /* Orange */ 
tr.Mini td  { background: #eeccff; } /* Purple */
tr.Vid td  { background: #ffffaa; } /* Yellow */
tr.RPG td   { background: #ffbbbb; } /* Red    */
tr.Sem td   { background: silver; }  /* Silver */

/***** Departments Page Settings *****/
#depts { margin-left:5px; margin-right:25px; }
#depts img { width: 200px; margin-bottom: 20px; }
#depts img.left { float: left; margin-right: 20px; }
#depts img.right { float: right; margin-left: 15px; }

/* Run an Event */

/* Painting Contest */

/* Special Guests */
#guest img { margin: 0px 15px 10px 10px; }

/***** Special Events Page *****/
#special_events { margin-top: 15px; }
#special_events h3  { text-align: left; margin-bottom: 10px; margin-top: 15px; }
#special_events img { margin: 0px 15px 0px 0px; float: left; }
#special_events hr  { width: 100%; margin-top: 20px; }
#special_events td  { vertical-align: top; }

/* Winners */
.scores table,
table#winners,
#winners table { color: #000000; background: #ffffff;
               font-family: Arial, sans-serif; font-size: 12px;
               font-weight: 400; font-style: normal;
               margin-bottom: 20px; border-collapse: collapse;
}

table#winners,
#winners table { border: 1px solid #999999; }

.scores th,
#winners th { background: #cccccc; font-size: 14px; font-weight: bold;
			padding: 3px }

#winners th { text-align: left; border: 0px }

.scores td,
#winners td { padding: 3px; border: 1px solid #999999; }

#winners td { font-weight: normal; text-align: left;
			border-right: 0px; border-left: 0px; }

#winners .game { padding-left: 5px;
				font-weight: bold; vertical-align: middle; }

.scores .blank,
#winners .blank { border-top: 0px; border-right: 0px;
                 border-left: 0px; border-bottom: 0px; }

/* Annual Awards */
.categories {
	padding:0px; margin:0px; font-weight:bold;
}
.categories th {
	padding:10px;
	background-color:#003366;
	color:#eeeeee;
}
.categories td {
	padding:10px 60px 10px 10px;
}
.scores div { font-family: Arial, sans-serif; margin-bottom: 15px; }
.scores a { background: #cccccc; color: #000000; text-decoration: none;
            padding: 3px; border: 3px outset #999999; }
.scores a#selected { background: #666666; color: #ffffff;
            border: 3px inset #999999; }

.scores th { border: 1px solid #cccccc; }

.scores td { font-weight: bold; text-align: center; }

/***** Shopping Page Settings *****/
.shopping th { width: 80px; }
.shopping hr { margin: 0px 20px 0px 0px; }

/* Exhibitors */
#exhibitors table {
	vertical-align:top;
	width:700px;
}
#exhibitors h4 {
	color:#003366;
}
#exhibitors .boxed {
	list-style-type: none;
	border: 1px solid #003366;
 	padding: 0px 10px 0px 0px;
 	margin-bottom: 5px;
}

/* Flea Market */
#fleamarket .hours {
    font-size:1.5em;
    line-height:1.5em;
    text-align:center;
}

/* Auction */

/* Volunteer */
.photocaption {
	font-size: 0.7em;
}

/* Staff */
td.row1          { background-color: #C4C4FF; padding: 5px; }
td.row2          { background-color: #9797FF; padding: 5px; }

/***** Photo Album Settings *****/
#album { color: #464244;
         font-family: Verdana, Arial, sans-serif; font-size: 14px; }
#album a { color: #464244; font-size: 14px; text-decoration: none; }
#album a:hover { color: #000000; text-decoration: underline; }
#album p a { text-decoration: underline; }
#album .folder { margin-bottom: 5px; border: 0px; }
#album table.images td { padding: 15px; }
#album table.images { background-color: #eeeeee; border: 0px; }
#album .image { background-color: #ffffff;
                padding: 5px; border: 3px outset #666666; margin-bottom: 5px; }

/* Advertising */

/* About Us */

/* Downloads */

/* New to Gaming */

/* Parents */

/* Places to Eat */
#mapEat { width: 700px; height: 500px; margin: 10px 0px 10px 0px; }
#eateries { font-size: 13px; }
#eateries th.category { font-size: 15px; text-decoration: underline; padding-top: 10px; }
#eateries td { font-size: 12px; margin: 5px; }
/* Local Game Stores */
table#list {
    font-family:Verdana;
    font-size:10.0pt;
        border-collapse:collapse;
}
#list td {
	padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    padding-left:0px;
    vertical-align:top;
    border: 0px 0px 1px 0px;
        border-bottom: 1px solid black;
}
#list th {
    padding-top: 30px;
}

/* Non-gamer */

/* Lists and links */

/* Sponsors */
#sponsors { text-align: center;
}
#sponsors td { width: 300px; vertical-align: middle; padding: 5px;
}
#sponsors img { border: 0px;
}
#sponsors span { margin-top:3px; font-size: 70%; display: block;
}

/* Supporting Gaming Groups */
#gaming_groups { text-align: center;
}
#gaming_groups td { padding: 5px;
}
#gaming_groups img { border: 0px;
}

/* News Page */
#news { padding: 0px 10px; font-size: 130%; }
#news .title { font-weight: bold; text-align: left; margin-bottom: 5px; }
#news .date { font-weight: normal; float: right; margin-bottom: 5px; }

#news td.title { font-size: 18px; font-weight: bold; text-align: left;
                 margin-bottom: 5px; }
#news td.date { font-size: 16px; text-align: right; vertical-align: top;
                margin-bottom: 5px; }

/* Admin */
.admin table,
table.admin {
	width:700px;
	border-collapse: collapse;
	border-color:#111111;
}
.admin th,
.admin td {
	padding:3px;
}

/* Messaging */

.error { border: 3px red solid; padding: 10px; font-weight: bold;
}
    
.update { border: 3px black solid; padding: 10px; font-weight: bold;
}

#left_info span, #left_info ul { padding-left: 5px; }

/* Blank page formatting */
#blank_formatting { background: #ffffff; font-family: sans-serif;
                    padding: 10px; margin: 0px; }

#blank_formatting #news { width: 645px; }
#blank_formatting #news .date { text-align: right; }

#blank_formatting form { margin: 0px 0px 15px 0px; padding: 10px; }

#blank_formatting #events table.search form th,
#blank_formatting #event-search form th { width: 25%; }

#blank_formatting #events table.search div th,
#blank_formatting #event-search div th { width: 0%; }