/* INDIANA SCIENCE CSS*/

/*General ===========================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
:focus {
	outline: 0;
}
body {
	background: #000000 url(/images/web_bg.jpg) top center repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:150%;
	list-style:none;
}
/*White Text Large*/
h1 {
	color:#FFF;
	font-size:220%;
	font-weight:bold;
	margin:5px 0px 10px 0;
}
/*Orange Text with White Underline*/
h2 {
	font-size:200%;
	color:#f29416;
	margin:10px 0;
	padding-bottom:5px;
	border-bottom:solid 1px #FFF;
}
/*White Text Medium* (usually followed by an H5 tag)*/
h3 {
	font-size:180%;
	color:#FFF;
	margin:25px 0 5px;
}
/*White Text w/ White Underline*/
h4 {
	text-decoration:underline;
	font-size:150%;
	color:#FFF;
	font-weight:bold;
	margin-bottom:5px;
}
/*Grey Text Sub Header with Orange Underline*/
h5 {
	font-size:140%;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #F29416;
}
a {
	color:#9CF;
	text-decoration:none;
	border-bottom:1px dotted;
	font-weight:bold;
}
a:hover {
	color:#39F;
	text-decoration:none;
	border-bottom:1px solid;
}
p {
	margin-bottom:10px;
	font-weight:bold;
}
/*END General========================================================================================*/

/*Content Wrappers ==================================================================================*/
#wrapper-all {
	width:1024px;
	margin:0 auto;
	background-color:#000;
}
#wrapper-header {
	background:url(/images/header_bg.jpg) top center repeat-x;
	height:250px;
	text-align:center;
}
#wrapper-content {
	float:left;
	margin-top:10px;
	padding:20px;
	background:url(../images/content_bg.png) repeat-y;
	width:984px;
	min-height:450px;
}
#wrapper-footer {
	text-align:center;
}
#wrapper-footer img {
	margin:0px 15px;
}
#wrapper-footer a {
	border-bottom:none;
}
/*END Content Wrappers ==============================================================================*/

/*Main Column =======================================================================================*/
#mainColumn {
	width:654px;
	float:left;
}
/*END Main Column ===================================================================================*/

/*Side Column =======================================================================================*/
#sideColumn {
	float:right;
	width:300px;
	text-align:left;
	margin-left:30px;
}
.news_entry {
	margin-bottom:5px;
	padding:10px;
}
.news_entry a {
	border-bottom:none;
	text-decoration:none;
}
.news_entry:hover {
	background-color:#333;
}
#news_title {
	color:#FFF;
	font-size:22px;
	margin-bottom:5px;
	font-weight:bold;
}
#news_desc {
	font-weight:600;
	line-height:150%;
	font-size:14px;
	color:#999;
}
/*END Side Column ===================================================================================*/

/*News Carousel =====================================================================================*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 300px; /*Width of Carousel Viewer itself*/
	height: 450px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*END News Carousel ====================================================================================*/

/*Image/List Layout =================================================================================*/
#breadcrumbs {
	float:right;
	margin-right:20px;
	color:#FFF;
	text-align:right;
	line-height:1.7;
}
#figure1{
	float:right;
	font-weight:normal;
	font-size:11px;
	color:#FFF;
	text-align:center;
	padding-left:20px;
	padding-bottom:20px;
}
#listItems {
	margin-left:20px;
	list-style-type:disc;
	font-weight:bold;
	color:#F29416;
}
#listItems li {
	margin-top:12px;
}
#listItems #answer {
	color:#999;
	display:block;
}
#EditImage {
	margin:0 0 20px 140px;
	clear:both;
}
#EditImage img {
	border:2px solid #f29416;
}
.newsImage {
	float:right;
	padding:10px;
	margin:10px;
	font-weight:normal;
	font-size:11px;
	color:#FFF;
	text-align:center;
	width:350px;
}
.newsImage img {
	border:2px solid #f29416;
}
/*END Image/List Layout =============================================================================*/

/*Summit Highlights =================================================================================*/
.hmenu {
	color:#FFF;
	padding-bottom:5px;
	margin:0px 25px;	
}
.hmenuActive {
	padding-bottom:5px;
	margin:0px 25px;
	border-bottom: 3px solid #f29416;
}
.hmenu:hover {
	text-decoration:none;
	border-bottom: 3px solid #f29416;
}
#timeline {
	width:180px; 
	font-size:16px;
	float:left;
	height:650px;
	text-align:center;
}
#agendaContent { 
	font-size:18px;
	color:#f29416;
	font-weight:bold;
}
#agendaContent div {
	font-size:14px;
	margin:3px 0 20px 0;
	color:#CCC;
}
#bioImage {
	padding-right:20px;
	float:left;
}
#bioName {
	font-size:20px;
	color:#f29416;
	margin-right:20px;
}
#bioTitle {
	font-size:16px;
	color:#CCC;
	margin-bottom:7px;
	font-weight:bold;
}
/*End Summit Highlights =============================================================================*/

/*Error and Information ALERTS =========================================================================*/
.error {
	width:984px;
	padding:5px;
	margin:10px 10px 0;
	border:2px solid #770202;
	background-color:#e98f8f;
	color:#FFF;
}
.error h4 {
	font-weight:bold;
	color:#c31515;
	margin-left:5px;
}
.information {
	width:984px;
	padding:5px;
	margin:10px 10px 0;
	border:2px solid #98B82D;
	background-color:#FFF280;
}
.information h4 {
	font-weight:bold;
	margin-left:5px;
	color:#98B82D;
}
/*END Error and Information ALERTS =====================================================================*/

/*Pilot Curricular Materials Table =====================================================================*/
.materials {
	border-width: 1px;
	border-style: solid;
	border-color:#FFF;
	width:630px;
	margin:auto;
}
.materials th {
	border-width: 0px;
	text-align:center;
	padding: 2px;
	border-style: double;
	border-color:#666;
	color:#FFF;
	font-size:14px;
	-moz-border-radius: 0px 0px 0px 0px;
}
.materials td {
	border-width: 1px;
	padding: 2px;
	text-align:center;
	border-style: double;
	border-color:#666;
	color:#f29416;
	-moz-border-radius: 0px 0px 0px 0px;
}
/*END Pilot Curricular Materials Table =================================================================*/

/*Matrix CSS ===========================================================================================*/
#matrixHeader{
	width:944px;
	padding:15px 20px 20px;
	margin:auto;
}
#matrix{
	overflow:hidden;
	width:1000px;
	position:relative;
	height:1050px;
	margin:auto;
}
#matrix .section{
	width:10000px;
}
#matrix .section .sub{
	float:left;
	width:1000px;
	height:1050px;
	padding:0;
	margin:0;
	background-image:url(/images/matrixBG.png);
}
#matrix .section .prev {
	position:absolute;
	bottom:45px;
	left:55px;
	padding:5px 10px 0px;
}
#matrix .section .prev2 {
	position:absolute;
	bottom:975px;
	left:55px;
	padding:5px 10px 0px;
}
#matrix .section .prev:hover, #matrix .section .prev2:hover {
	background-color:#0d0d0d;
}
/*END Matrix CSS =======================================================================================*/

/*Matrix Table Summary =================================================================================*/
.matrixTable {
	padding:0 15px 10px;
}
.matrixTable th {
	padding:0 5px;
	border:1px solid #FFF;
	text-align:center;
	color:#FFF;
	font-size:14px;
}
.matrixTable td {
	border:1px solid #666;
	padding:2px;
	text-align:center;
	color:#f29416;
	vertical-align:middle;
	width:150px;
}
.matrixTable #selected {
	border:1px solid #FF0;
}
.matrixTable td:hover {
	background-color:#0d0d0d;
	border:1px solid #f29416;
	cursor:pointer;
}
.matrixTable td #score {
	color:#FFF;
	display:block;
}
.matrixTable td #scoreNA {
	color:#666;
	display:block;
}
.matrixTable td a {
	color:#f29416;
	text-decoration:none;
	display:block;
	line-height:18px;
}
.matrixTable td a:hover {
	color:#f29416;
}
.matrixTable #NA:hover {
	background:none;
	cursor:default;
	border:1px solid #666;
}
.matrixTable #NA2:hover {
	background:#666;
	cursor:default;
	border:1px solid #666;
}
/*END Matrix Table Summary =============================================================================*/

/*Matrix Score Sheet ===================================================================================*/
.matrixScores {
	width:800px;
	margin:25px auto;
	border-collapse:collapse;
}
.matrixScores th {
	padding:10px;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	text-align:left;
	color:#FFF;
	font-size:14px;
}
.matrixScores td {
	border-bottom:1px solid #666;
	padding:5px 0 5px 25px;
	text-align:left;
	color:#999;
}
.matrixScores #scoreSubtitle {
	border-bottom:2px solid #f29416;
	padding:5px;
	text-align:left;
	color:#f29416;
	font-size:14px;
}
.matrixScores #subtotal {
	text-align:left;
	color:#f29416;
}
.matrixScores #grandTotal {
	padding:5px 0 5px 25px;
	text-align:left;
	color:#f29416;
	font-size:14px;
	border-top:2px solid #f29416;
	border-bottom:2px solid #f29416;
}
/*END Matrix Score Sheet ===============================================================================*/

/*Pilot History ========================================================================================*/
.myButtonLink {
	display: block;
	width: 400px;
	height: 50px;
	background: url('/images/pilotHistory.png') bottom;
	text-indent: -99999px;
	border-bottom:none;
}
.myButtonLink:hover {
	background-position: 0 0;
	border-bottom:none;
}
/* Orange Text and slightly bigger font */
#textHighlight {
	color:#f29416;
	font-weight:bold;
	font-size:14px;
}
/*END Pilot History ====================================================================================*/

/*Management Table =====================================================================================*/
.manage {
	width:100%;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
.manage th, .manage td {
	padding:9px 7px;
	border-bottom:1px solid #666;
}
.manage th {
	font-size:16px;
	padding:6px 7px;
	color:#db7022;
	border-bottom:2px solid #db7022;
	font-weight:bold;
	background-color:#333;
}
.manage #tableColumnLabels:hover {
	background-color:#333;
}
.manage td a {
	border-bottom:none;
	font-weight:bold;
}
.manage tr:hover {
	background-color:#333;
}
#subbutton {
	font-size:14px;
	font-weight:bold;
	border:2px solid #f29416;
	background-color:#db7022;
	padding:4px 15px;
	color:#FFF;
	text-decoration:none;
}
#subbutton:hover {
	background-color:#f29416;
	border:2px solid #666;
}
/*END Management Table =================================================================================*/

/*Forms ================================================================================================*/
#form {
	padding:15px;
	border:solid 3px #666;
	background:#333;
}
#form h3 {
	color:#db7022;
	font-size:17px;
	margin:15px 0px;
	border-bottom:solid 1px #f29416;
	padding-bottom:5px;
}
#form label{
	font-weight:bold;
	text-align:right;
	width:130px;
	float:left;
	margin:-2px 10px 0 0;
	font-size:13px;
	color:#FF3;
	display:block;
}
#form label.contact{
	float:none;
}
#form .small{
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
	margin:-3px 0 0 -10px;
}
#form input{
	font-size:12px;
	padding:5px 10px;
	border:solid 1px #f29416;
	margin:0 50px 20px 0;
	display:block;
	background-color:#252222;
	color:#FFF;
}
#form #resourceFileName, #form #imageFileName{
	font-size:14px;
	font-weight:bold;
	padding:0px;
	border:none;
	margin:0;
	display:inline;
	background-color:#333;
	color:#FFF;
}
#form input[type="checkbox"]{
	margin:0 10px 0 0;
	display:inline;
}
#form #checkboxLabel{
	font-weight:bold;
	text-align:left;
	width:500px;
	float:left;
	margin:0 0 10px 140px;
	font-size:13px;
	color:#FF3;
}
#form #checkboxLabel2{
	font-weight:bold;
	text-align:left;
	width:500px;
	float:left;
	margin:8px 0 10px 0;
	font-size:13px;
	color:#FF3;
}
#form textarea{
	font-size:12px;
	padding:5px 10px;
	border:solid 1px #f29416;
	margin-bottom:15px;
	background-color:#252222;
	color:#FFF;
}
#form button {
	font-size:14px;
	font-weight:bold;
	border:2px solid #f29416;
	background-color:#db7022;
	padding:4px 15px;
	color:#FFF;
}
#form button:hover {
	background-color:#f29416;
	border:2px solid #666;
}
#form #button {
	border-top:solid 1px #f29416;
	padding-top:15px;
	margin-bottom:5px;
}
/*END Forms ============================================================================================*/

/*Login Area ===========================================================================================*/
#loginLinks {
	float:right; 
	margin:0 10px 0 0;
	line-height:150%;
}
#loginLinks a {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted;
	font-weight:bold;
}
#loginLinks a:hover {
	color:#CCC;
	text-decoration:none;
	border-bottom:1px solid;
}
/*END Login Area ===================================================================================*/
