/*
Title: PRISM Stem Challenge
Author: w3admin@usg.edu
*/

/* Reset -- clear out all default spacing
-------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
	margin: 0;
	padding: 0;
}
/* =LAYOUT
-------------------------------------------------------------------------*/
body {
	font: 78%/145% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*Layout center fix for IE 5.x */
	background-color: #fff;
}
strong, em {
    font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#container {
	margin: 0 auto;
	width: 768px;
	text-align: left; /*Reset text alignment from IE 5.x layout center fix */
}
#main {
	float: right;
	margin: 0;
	padding: 3px 6px 13px 15px;
	width: 566px;
}
#navigation {
	float:left;
	padding: 0 0 20px 6px;
	width:175px;
}
#footer {
	border-top: 1px solid #e9e9e9;
	clear: both;
	padding-top: 5px;
	margin: 0 6px 10px;
	color: #919191;	
	font-size: .9em;
	line-height: 1.3em;
}

/* =HEADER
-------------------------------------------------------------------------*/
#header {
	position: relative;
	margin-bottom: 10px;
}
#header .imgRight {
	position: absolute;
	top: 6px;
	left: 310px;
	border: none;
}
#header img {
	border: 0;
}
#header #banner {
	margin-top: 10px;
}

#main p {
	margin-bottom: 10px;
}

/* =NAVIGATION
-------------------------------------------------------------------------*/
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom:1px solid #e9e9e9;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#navigation ul a {
	color: #333;
	display: block;
	line-height: 120%;
	padding: 5px 2px 5px 10px;
	text-decoration: none;
}
#navigation a:hover {
	background-color: #f1f1f1;
	color: #7d1d13;
}
#navigation #active a {
	background: transparent url(/stemconference/images/nav_arrow.png) no-repeat 160px center;
	font-weight: bold;
	color: #7d1d13;
}

#navigation #active a:hover {
	background: transparent url(/stemconference/images/nav_arrow.png) no-repeat 160px center;
}

/* =LINKS
-------------------------------------------------------------------------*/
a:hover {
	text-decoration: none;
}

/* =HEADERS
-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	color: #7d1d13;
	line-height: 1.4em;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: 5px;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 5px;
}

.red{
	color: #7d1d13;
}

/* =LISTS
-------------------------------------------------------------------------*/
ul li, ol li {
	margin-bottom: .5em;
}
ol.i {
	list-style-type: lower-roman;
}
ol.I {
	list-style-type: upper-roman;
}
ol.a {
	list-style-type: lower-alpha;
}
ol.A {
	list-style-type: upper-alpha;
}

/* =Tables
-------------------------------------------------------------------------*/

table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding-bottom: 50px;
	width: 100%;
}

td, th {
	padding: 5px;
	width: 50%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

th {
	background: #eee;
	text-align: center;
	font-size: 1.2em;
}

table.nobdr {
	border: none;
}

table.nobdr td, table.nobdr th, table td.nobdr, table th.nobdr {
	border-bottom: none;
	border-right: none;
	background: none;
}

td.nowrap {
	white-space: nowrap;
}

/* Tab Navigation
================================================*/
ul#tabnav { /* general settings */
text-align: left; 
margin: 1em 0 1em 0;
font-size: 1em;
font-weight: normal;
border-bottom: 1px solid #999; 
list-style-type: none;
padding: 3px 10px 2px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav #activeTab { /* settings for selected tab */
border-bottom: 1px solid #fff; 
background: #fff url(/stemconference/images/tab_active.png) repeat-x; 
}

ul#tabnav #activeTab a { /* settings for selected tab link */
background: #fff url(/stemconference/images/tab_active.png) repeat-x; 
color: #000;
font-weight: bold;
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; 
border: 1px solid #999;
background: #d9d9d9 url(/stemconference/images/tab_bg.png) repeat-x;
color: #555;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff url(/stemconference/images/tab_active.png) repeat-x; 
color:  #000;
}

/* CONTACT FORM
================================================*/
form#myform, form#proposal_form { 
width: 100%;
}
        
form#myform div, form#proposal_form div{ 
clear: both; 
padding: 0.5em 0 0 0; 
}
        
form#myform label,form#proposal_form label { 
float: left; 
width: 28%; 
text-align: right; 
}

form#myform input, form#myform textarea , form#proposal_form input, form#proposal_form textarea{ 
float: right; 
border: 1px solid #ccc;
width: 70%; 
text-align: left; 
}
        
form#myform textarea, form#proposal_form textarea { 
height: 8em; 
}
        
form#myform #mySubmit, form#proposal_form #mySubmit {  
width: 150px; 
text-align: center; 
}

form#myform fieldset , form#proposal_form fieldset{ 
margin-top: 1em;
padding: 1em 2em 2em 1em;
border: 1px solid #ccc;
background-color: #f0f0f0;
}

form#myform legend, form#proposal_form legend {
font-weight: bold;
font-size: 1em;
color: #333;
}

form#proposal_form hr,form#proposal_form br{
	float: none;
	clear: both;
	margin-top: 10px;
}

form#proposal_form div.checkboxes label{
	float: right; 
	width: 95%; 
	text-align: left; 	
}

form#proposal_form div.checkboxes input, form#proposal_form div.checkboxes textarea{
	float: left; 
	width: auto; 
	text-align: right; 
	padding: 0px;
}

form#proposal_form select{
	float: left; 
	text-align: right; 
	margin-left: 10px;
}

form#proposal_form input.name{
	width: 42%;
}

form#proposal_form legend span{
	font-weight: normal;
	font-size: .9em;	
}

/* =MISC
-------------------------------------------------------------------------*/
.redtxt, .required {
	color: #7d1d13;
}
.centertxt {
	text-align: center;
}
.box {
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	padding: 5px;
}

.imgContainer {
	float: right;
	width: 206px;
	text-align: center;
	margin: 0 0 5px 5px;
	font-size: .9em;
	font-weight: bold;
}

.imgContainer img {
	border : 1px solid #d0d0d0;
	padding: 3px;
}

.imgRight {
	float: right;
	border : 1px solid #d0d0d0;
	padding: 3px;
	margin: 0 0 10px 10px;	
}

.noView{
	display: none;
}

/* =Scalable Button (hotel page)
-------------------------------------------------------------------------*/
#button {
	float: left;
	background: url(/stemconference/images/box-right.gif) top right no-repeat;
	margin-bottom: 10px;
}

#btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(/stemconference/images/box-left.gif) top left no-repeat;
}

#btn-inner a {
	display: block;
	margin: 0;
	padding: 0 0 0 17px;
	font: bold 1.2em Arial, sans-serif;
	text-decoration: none;
	background: url(/stemconference/images/box-left.gif) bottom left no-repeat;
}

#btn-inner a:hover {
	text-decoration: underline;
}

#btn-inner em {
	display: block;
	margin: 0;
	padding: 0 20px 5px 0;
	font-style: normal;
	background: url(/stemconference/images/box-right.gif) bottom right no-repeat;
}

/* =Error Messages and Resubmit
-------------------------------------------------------------------------*/
div#error_messages{
	border: 1px solid #7d1d13;
}

div#error_messages h2{
	background-color: #7d1d13;
	color: #fff;
	padding: 3px;
}

div#error_messages h3{
	padding: 5px;
}


div#error_messages ul{
	margin-left: 10px;
	padding-left: 15px;
}	

p#resubmit_messages{
	margin: 10px auto;	
}

/* =Strands Session List
-------------------------------------------------------------------------*/   
                                                                           
.strands_session_list{
	list-style: none; 
	padding:  0; 
	padding-left: 10px;
}