/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#fff;background:#000;font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#666;font-family:Georgia,'Times New Roman',serif;}
h1 {font-size:2em;line-height:1;margin:1.5em 0 0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;}
a {color:#8a8a8a;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.quieter {color:#333;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* grid.css */
.container {width:700px;margin:36px auto;}
.nav {text-align:right;margin:0 39px 0 0;
	font-weight:bold;font-size:1.2em;}
#faq #nav_faq,
#app #nav_app,
#test #nav_test,
#nav_bar {color:#555;}
.clear {clear:both;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* design */
.bg_text {background:#000 url('../images/experiment_bigtext_08.jpg') no-repeat top left;}
.bg_topline {background:#2C2C2C url('../images/line-top.gif') no-repeat top left;}
.bg_bottomline {background:#2C2C2C url('../images/line-bottom.gif') no-repeat bottom right;}
.page {margin:0 39px 40px;padding:40px;}

#app sup {color:#AB5959;}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: .5ex;
}

sub {
	top: .5ex;
}

/*  splash
----------------------------------------------------------------------*/

#index .container {}
.indent {margin-left:100px;}
.close {font-variant:normal;font-size:.6em;}
.fltrt {float:right;margin:6px 40px 0 0;}
.fltlft {float:left;}
.squash {margin-bottom:0;}
.sans {font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.splash_top {
	display:block;
	color:#fff;
	margin:0 39px;
	padding:40px;
	font-variant:small-caps;
	font-size:1.8em;
	line-height:1.8;
}
.splash_middle {
	display:block;
	margin:0 39px;
	padding:40px;
	color:#fff;
	background-color:#454545;
	text-align:right;
	font-size:1.7em;
	line-height:1.6;
}
.splash_bottom {
	display:block;
	margin:0 39px 40px 39px;
	padding:20px 0 30px 60px;
	font-variant:small-caps;
	font-size:1.8em;
	color:#999;
}
.splash_enter_top {text-align:center;margin-bottom:10px;line-height:1;}

/*  faq
----------------------------------------------------------------------*/

#faq_head_bg {background:#2C2C2C url('../images/faq_abbrev.jpg') no-repeat top left;margin-top:18px;padding-top:115px;}
h1 span.subh { font-size: 60%; }
.page p {padding:0 .5em;font-size:1.1em;}
.page ol li {margin:1em;}
.page li p { padding-left: 0; margin-bottom: .4em; }
.right { text-align: right; }
.instructions li {margin-bottom:.4em;}


	/* faq table */
	#faq table {border:1px solid #555;margin-bottom:.5em;}
	#faq  table th {
		padding: 0 0.5em;
		text-align: left;
		font-weight:bold;
		color:#999;
		vertical-align:bottom;
	}
	#faq table .nobr {white-space:nowrap;}
	#faq table td {
		padding:0.5em;
		text-align: left;
		vertical-align:top;
		border-top:1px solid #555;
		height: 6.5em;
	}
	#faq table span.minor, #faq p.minor, label.minor, p.minor {font-size: 90%;}
	#faq .alt {background-color:#333;}


/*  testimonials
----------------------------------------------------------------------*/

#test .page p { margin-top: 3em;   padding-right: 4em; }
#test .page .r { text-align: right; padding-left: 4em; padding-right: 0; }
#test .page .c { text-align: center; padding-left: 2em; padding-right: 2em; }



/* app
----------------------------------------------------------------------*/

#app_head_bg {background:#2C2C2C url('../images/app_apply.jpg') no-repeat top left;}
.section_head {margin-bottom:10px;border-bottom:1px solid #666;/*margin-left:160px;*/}
.indent2 {margin-left:15px;}
.snug {line-height:1.3;}
.snug2 {margin-bottom:.8em;margin-top:1.2em;}

#leadFollow, #state, #country {width:206px;}
#level, #applyingFor {width:300px;}

table.interests {width:365px;margin-bottom:1em;}
table.interests th {font-weight:normal;text-align:center;}
table.interests th {padding:4px 0;margin:0;}
table.interests td {padding:2px 0 6px;padding-left:5px;margin:0;}
table.interests td.vert {padding:4px 0;padding-left:5px;}
table.interests tr.alt {background-color:#333;}

table.accomodations {border:1px solid #555;margin-bottom:.5em;width:500px;margin-left:26px;}
table.accomodations th {font-weight:bold;color:#999;vertical-align:bottom;}
table.accomodations td {border-top:1px solid #555;text-align:center;}
table.accomodations td.alt {background-color:#333;}

form {padding-top:115px;margin-top:18px;}
form label, .interests, .key {
	float:left;
	width:150px;
	text-align:right;
	padding-right:10px;
	margin:.2em 0;
	line-height:1.3;
}

.key {font-size: 90%;padding:10px 10px 0 0;}
label.nocol {width:500px;text-align:left;margin-left:20px;}

.apply {
	display:block;
	padding:.1em 0;
	width:180px;
	border:1px outset #ccc;
	color: #ccc;
	background-color:#666;
	text-align:center;
	margin:40px auto 0;
	cursor:pointer;
}
#app input.apply {
	margin-left:160px;
	color:#ccc;
}
.apply:hover {
    background-color: #555;  
}
#app input.apply:hover {
    color: #fff;
}
.app_comment {
	margin-left:155px;
	width:300px;
        margin-bottom: 0;
}

.interests {font-weight:normal;font-size:1.2em;}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {cursor: default;list-style: none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview {display: none;}
.hoverbox a:hover .preview {
	display: block;
	position: absolute;
/*	top: -33px;
	left: -45px;*/
	top: -47px;
	left: -60px;
	z-index: 1;
}
.hoverbox img {
	width: 60px;
	height: 45px;
}
.hoverboxli {
	display: inline;
	float: left;
	padding:6px;
/*	padding: 5px;
*/	position: relative;
}
.hoverbox .preview {
	width: 200px;
	height: 150px;
}

/* thanks
----------------------------------------------------------------------*/

.thanksPage {
	text-align:center;
	padding:18em 0;
	margin-bottom:0;
}


/* forms.css
----------------------------------------------------------------------*/

label {font-weight:normal;font-size:1.2em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select, .button {margin:.2em 0;border:1px solid #666;background-color:#666;color:#111;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #ccc;}
input.text, input.title {width:200px;padding:2px;}
input.title {font-size:1.5em;}
textarea {width:360px;height:100px;padding:2px;font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.1em;}
textarea.full {width:500px;margin-bottom:1em;margin-left:20px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}