/** Style guide
Font to left of main-white area: #CCCCCC, ~20pts
Selected/hover menu item top-yellow text: #FFFF66, size 20
Selected/hover menu item bottom-text: #FFFFFF, size 15
Unselected menu item top-yellow text: #808033
Unselected menu item bottom-text: #808080
**/

body {
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	background-image: url(../images/stars.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
}

a, a:active, a:link, a:visited {
}

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 1em;
}
p img {
	vertical-align:middle;
}

.sidenote {
	color:#999999;
	font-style:italic;
	font-size:0.9em;
}

table {
	width:100%;
	font-size:0.925em;
	clear:both;
}
th, td {
	padding:0.25em;
	border-color:#bfbfbf;
	text-align:center;
}

table th.title, table td.title {
	width:60%;
}

.clear {
	display:block !important;
	width:100% !important;
	height:1px !important;
	line-height:1px !important;
	font-size:1px !important;
	clear:both !important;
	float:none !important;
	padding:0 !important;
	margin:0 !important;
}

.error {
	color:#aa3333;
	font-weight:bold;
}

ul.menu {
	margin: 0 0 1em;
	padding: 1px 1px 1px;
	overflow:hidden;
}
ul.menu li {
	list-style-type:none;
	float:left;
	clear:none;
	display:block;
	margin-right:1em;
}

#bigcontainer {
	margin: 0 auto;
	overflow:hidden;
	padding: 1px;
	width:883px;
}
#bigcontainer>div {
	position:relative;
	top:0;
	left:0;
	padding:1px;
	overflow:hidden;
}

/*** Main Header ***/
#main-head {
	background-image: url(../images/chestermoon.png);
	background-repeat:no-repeat;
	background-position: 0 30px;
	padding: 60px 1px 1px 240px !important;
	min-height:175px;
}
#main-head h1 {
	float:left;
	clear:none;
	margin: 0 0 26px;
	position:relative;
	top:0;
	left:0;
	height:58px;
	width:443px;
	background-image: url(../images/bannertitle.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#main-head h1 a {
	display:block;
	height:58px;
	width:443px;
}
#main-head h1 span {
	position:absolute;
	top:-9999em;
	left:0;
}

/* main menu */
#main-menu {
	clear:both;
	margin: 0 -1px -1px;
}
#main-menu .menu {
	margin-bottom:0;
}
#main-menu .menu li {
	border: 1px solid #999999;
	border-width: 0 0 0 1px;
	padding: 0 1px 0 12px;
	margin: 0 0 0 0;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	min-width:0;
}
	#main-menu li.home {
		border-width: 0 0 0 0;
		padding: 0 1px 0 1px;
	}
#main-menu a {
	float:left;
	clear:none;
	display:block;
	color:#808080;
	margin: 0 -1px;
	padding: 0 20px 0 0;
	text-decoration:none;
	font-size:15px;
	line-height:17px;
	min-width:0;
}
	#main-menu li.contact a {
		padding: 0 0 0 0;
	}

#main-menu a .highlight {
	display:block;
	color:#808033;
	font-size:20px;
	line-height:22px;
	margin-bottom:-2px;
}

/** here and hover states **/
#main-menu a:hover,
.home #main-menu .home a,
.register #main-menu .register a,
.chesterton #main-menu .chesterton a,
.institute #main-menu .institute a,
.contact #main-menu .contact a {
	color:#ffffff;
}
#main-menu a:hover .highlight,
.home #main-menu .home a .highlight,
.register #main-menu .register a .highlight,
.chesterton #main-menu .chesterton a .highlight,
.institute #main-menu .institute a .highlight,
.contact #main-menu .contact a .highlight {
	color:#ffff66;
}
/** here dialogue baloon spike **/
/* for main here state -- home */
#content {
	background-image: url(../images/here.png);
	background-repeat:no-repeat;
	background-position: 260px 0;
}
.register #content{
	background-position: 350px 0;
}
.chesterton #content{
	background-position: 475px 0;
}
.institute #content{
	background-position: 640px 0;
}
.contact #content {
	background-position: 780px 0;
}


/* corners */
.has-crnr {
	position:relative;
	top:0;
	left:0;
}
.has-crnr * {
	z-index:200;
}
.has-crnr .crnr {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1 !important;
}
.crnr.tl {
}
.crnr.tr {
	left:auto;
	right:0;
}
.crnr.bl {
	top:auto;
	bottom:0;
}
.crnr.br {
	top:auto;
	left:auto;
	bottom:0;
	right:0;
}
#main-col .crnr {
	width:39px;
	height:39px;
	background-image: url(../images/tl-curve.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#main-col .crnr.tr {
	background-image: url(../images/tr-curve.png);
}
#main-col .crnr.bl {
	background-image: url(../images/bl-curve.png);
}
#main-col .crnr.br {
	background-image: url(../images/br-curve.png);
}

/* content */
#content {
	min-height:400px;
	width: 958px;
	margin: -52px auto 2em;
	padding-top:20px !important;
	overflow:hidden;
	font-size:0.8em;
}
/** columns **/
.column {
	float:left;
	overflow:hidden;
}
.column .section {
	padding:1px;
	margin: 0.5em 0 1em;
}
/*** left column ***/
#left-col {
	width:195px;
	margin-top:45px;
	padding: 0 5px 0 25px;
	overflow:hidden;
	line-height:1.4em;
	color:#cccccc;
	font-size:15px;
	line-height:17px;
}
#left-col h2 {
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin: 25px 0 0 0;
}
#left-col a {
	color:#cccccc;
}
#left-col .fine-print {
	font-size:12px;
}
#left-col .fine-print a {
	display:block;
}

/** main column (in 2-column layout; see center+right columns for 3 column layout) **/
#main-col {
	width: 585px;
	padding: 30px;
	background-color:#ffffff;
}

/** misc **/

span.more-detail {
	display:none;
	position:absolute;
	top:85%;
	right:25%;
	width:15em;
	min-height:5em;
	padding:10px;
	background-color:#ffffff;
	border: 1px solid #dddddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
	z-index:2000 !important;
}
a:hover span.more-detail {
	display:block;
}
	a:hover span.more-detail:empty {
		display:none;
	}
/** things that contain .more-detail */
.has-detail {
	position:relative;
	top:0;
	left:0;
}


/* form stuff */
label {
	padding-right:10px;
}
.explicit label {
	padding-left:5px;
}
label:hover {
	cursor:pointer;
	text-decoration:underline;
}
input {
	margin-right:3px;
}
.explicit input {
	margin-right:10px;
}
#content input[type="text"], #content input.text, textarea {
	padding:0.275em;
	border: 1px solid #a5acb2;
}
#content input.text:focus,
#content input[type="text"]:focus,
#content textarea:focus {
	font-weight:bold;
	color:#555555;
	background-color:#ebfbfb;
}
textarea {
	display:block;
	overflow:auto;
	clear:both;
	width:100%;
	min-height:12em;
	margin: 0.5em auto 0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
	textarea.shorter {
		min-height:4em;
	}
	textarea.medium {
		min-height:6.5em;
	}
fieldset.explicit {
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding: 0 10px 20px;
	margin-top:10px;
}

.super-group {
	overflow:hidden;
}
.labelinput {
	padding-bottom:1em;
	margin: 1em 0 -1em;
}
.submit-box {
	padding-top:2em;
	text-align:right;
}
#content input[type="submit"], #content input.submit,
#content input[type="button"], #content input.button {
	cursor:pointer;
}

/* registration display */
#numadults, #tablenum {
	width:2em;
}
#table1, #table2, #ind-guests {
	display:none;
}

/* input field custom widths */



/* footer */
#footer {
	padding: 2em 10px 10px !important;
	font-size:0.75em;
	clear:both;
	float:none;
}
#footer a {
	color:#808080;
	text-decoration:none;
}
#footer a:hover {
	color:#cccccc;
}
#footer ul.menu {
	padding: 0 30px !important;
	margin: 0 auto 1.25em;
	display:block;
	text-transform:uppercase;
}
#footer ul.menu li {
	display:inline !important;
	clear:none !important;
	margin: 0 2em;
}
#footer ul.submenu, #footer ul.submenu li {
	display:none !important;
}
#copyright {
	text-align:right;
	width:930px;
	margin: 0 auto 0.5em;
}
#copyright a {
	color:#2c5e8f;
	font-weight:normal;
}