html {
	width: 1024px;
	padding: 0 35px 55px 35px;
	margin: 0;
	background-color: #00385F;
}

body {
	color: #444;
	font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
	font-size: 0.7em;
}

a {
	text-decoration: none;
	color: #3494be;
}

a:hover {

}

#login, #login a {
	color: #00385f;
}
	#app-login, #app-login a {
		color: #fff;
	}

#login a:hover {
	border-bottom: 1px dotted #fff;
}
	#app-login a:hover {
		border-bottom: 1px dotted #fff;
	}

.shadow {
	/* shadow trick from alistapart.com/articles/cssdropshadows */
	float:left;
	background: url(../images/dropshadow.png) no-repeat bottom right !important;
	background: url(../images/dropshadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.shadow div, .ev-shadow div, .su-shadow img {
	margin: -6px 6px 6px -6px;
}

#nav {
	width: 170px;
	height: 350px;
	background: url(../images/sblogo.png);
	background-color: #3494be;
	padding: 0;
	border: 1px solid #666;
}

#logo {
	margin: 36px 0 0 2px;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	margin: 22px 0 0 10px;
}

#nav ul li a {
	font-size: 1.2em;
	font-family: "DIN Light", "Myriad Pro", "Eras Medium ITC", "Lucida Grande";
	color: #ddf;
	text-transform: lowercase;
	font-weight: lighter;
	line-height: 1.5;
}

#nav ul li#selected a {
	color: #00385F;
	font-weight: bold;
}

#notice {

}

#notice a {

}

#notice a:hover {

}

#main {
	width: 870px;
	margin: 0 0 0 80px;
	padding-top: 50px;
	z-index: -1;
}

#midbox {
	background-color: #fff;
	min-height: 760px;
}

.generic, #midbox > .form {
	width: 500px;
	margin-left: 210px;
}

#other-nav {

}

.page {

}

.events_wrap {
	margin-top: 10px;
	padding-top: 25px;
}

.content > p:first-child {
	padding-top: 10px;
}

.page {
	font-size: 1.2em;
	line-height: 1.5;
}

.title {
	font-size: 1.2em;
	font-variant: small-caps;
}

.column {
//	width: 224px;
	width: 244px;
	min-height: 360px;
	background: url(../images/columnbg.png) repeat-x #e6e6e6;
	margin-top: 5px;  /* for Safari users, adds gap between column images and big img*/
}

.columntext {
	padding: 10px;
}

.columnindent {
	padding-left: 12px;
	margin-top: 3px;
}

.column a {
//	font-family: "DIN Light", "Myriad Pro", "Eras Medium ITC", "Lucida Grande";
//	font-size: 1.1em;
	text-transform: lowercase;
}

.column#left {
	position: absolute;
		top: 469px;
		left: 232px;
}

.column#middle {
	position: absolute;
		top: 469px;
		left: 485px;
}

.column#right {
	position: absolute;
		top: 469px;
		left: 738px;
}

#edit {
	text-align: right;
	margin-right: 10px;
	position: relative;
		bottom: -50px;
}

#midbox > .title {
	padding-top: 0.5em;
}

#midbox > .form {
	margin-top: 10px;
	padding-top: 10px;
}

.subtitle {
	font-weight: bold;
}

.event {
	margin-top: 1em;
}

#login {
	text-align: right;
}
	#app-login {
		text-align: right;
	}

#login-text {
	float: left;
	margin-top: 3px;
//	margin: 3px 0 0 370px;
}
	#app-login-text {
		float: left;
		margin-top: 3px;
//		margin: 3px 0 0 370px;
	}

#search {
	display: inline-block;
	margin-right: 5px;
}

#search-field {
	margin-right: 20px;
}

#search-raquo {
	margin-top: -20px;
}

#other-nav {
	text-align: right;
	padding: 5px;
}

#legal {
	float: left;
	padding: 5px;
}

#legal, #other-nav, #other-nav a {
	color: #9c8c52;
	font-size: 0.9em;
}

#other-nav a:hover {
	border-bottom: 1px dotted #9c8c52;
}

#register-link {

}

#upcoming-events, #mission {
	float: left;
	width: 150px;
	height: 400px;
	background: url(../images/ev-bg.png) repeat-x #b6b6b6;
	padding: 10px;
	border: 1px solid #999;
	margin-left: -5px;
}

.su-shadow #upcoming-events, .app-su-shadow #upcoming-events {
	height: 125px;
	overflow: hidden;
}

.ev-shadow #upcoming-events {
	overflow: hidden;
}

#mission {
	height: 200px;
}

.ev-shadow, .su-shadow, .pr-sh, .im-sh, .mb-sh, .f-shadow, .app-su-shadow, .app-f-shadow {
        float:left;
        background: url(../images/dropshadow.png) no-repeat bottom right !important;
        background: url(../images/dropshadow.gif) no-repeat bottom right;
}

.pr-sh, .im-sh, .mb-sh {
	margin: 5px 3px 6px 0 !important;
	min-width: 250px;
	min-height: 360px;
}

.ev-shadow {
        margin: 366px 6px 6px -172px !important;
}

#events, #more-events {
	margin-left: 10px;
}

.su-shadow {
        margin: 790px 6px 6px -178px !important;
}
	.app-su-shadow {
        margin: 590px 6px 6px -178px !important;
	}

.su-shadow#home {
	margin-top: 590px !important;
}

.f-shadow {
        margin: 945px 6px 6px -178px;
}
	.app-f-shadow {
        margin: 745px 6px 6px -178px;
	}

.f-shadow#homef {
	margin-top: 745px !important;
}

#support {
	border: 1px solid #999;
	margin-left: -5px;
}

.clear {
	clear: both;
}

#footer {
	width: 870px;
	margin: -45px auto 0 auto;
}

.generic-f {
	position: relative;
		top: 50px;
}

.event-title, .event-abstract, .event-content, .event-past_description {font-size:1.2em;}

/* ==============================
APPSYSTEM STUFF: APPLICANT-SIDE
============================== */

.app-form, #app-show {
	padding: 10px;
	margin-top: 10px;
	border-top: 1px solid #999;
}

.app-form > form {
	border-top: 1px solid #ccc;
}

.label {
	min-width: 10em;
	font-variant: small-caps;
	display: inline-block;
}

#app-show > .label {
	color: #396;
}

.prompt {
	font-variant: small-caps;
	margin-top: 1em;
}

/* ==============================
APPSYSTEM STUFF: REVIEWER-SIDE
============================== */

#table_header, .applicant_line, .email_line, .doc_line {
	font-size: 0.8em;
}

.odd {
	background-color: #ccc;
}

#controls {
	font-size: 0.8em;
	border-top: 1px solid #999;
}

.high_priority_accept, .high_priority_accept a, .admitted {
	color: #099;
}

.low_priority_accept, .low_priority_accept a {
	color: #060;
}

.waitlist, .waitlist a, .waitlisted {
	color: #770;
}

.reject, .reject a, .rejected {
	color: #900;
}

#counter {
	font-size: 0.9em;
	margin: 0.8em 0;
	padding: 5px;
	background-color: #069;
	color: #fff;
}

/* ==============================
PHOTO GALLERY STUFF
============================== */

.photo_credit {
	text-transform: uppercase;
	color: #666;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: center;
}