/* CSS Document */


/**********************
   MAIN PAGE LAYOUT 
***********************/

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
	background-color: #000;
	background-image: url(../images/star-background.png);
	background-repeat: repeat-x;
	border: none;
}

#container {
	display: block;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -180px;
	color: #fff;
	background-position: top;
	background-image: url(../images/star-planet-back3-small.png);
	background-repeat: no-repeat;
}

.footer {
	text-align: center;
	background-position: center;
	background-image: url(../images/sabre-red1024-small.png);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 320px;
	z-index: 25;
	margin-top: -220px;
}

.header {
	position: relative;
	background-position: center;
	background-image: url(../images/sabre-green1024-small.png);
	background-repeat: no-repeat;
	padding-top: 20em;
	z-index: 25;
}

#contentbox {
	position: relative;
	display: block;
	text-align: left;
	background-image: url(../images/content-back-small.png);
	background-repeat: repeat-x repeat-y;
	border: 1px #FFF solid;
	width: 44em;
	margin-top: -1.5em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-left: 4em;
	padding-right: 4em;
	z-index: 10;
}

#contentbox p {
	font-size: 1.2em;
}

#contentbox p.welcome {
	font-weight: bold;	
}

@-moz-document url-prefix() { #contentbox { margin-top: -13.5em; } }

#contentbox a, a:visited {
	color: #0F0;
	text-decoration: none;
}

#contentbox a:hover {
	text-decoration: underline;
	color: #F00;
}

.emphasize {
	color: #FF9;
	font-variant:small-caps;
	font-weight:bold;
}

#flashcontent {
	height: 600px;
}


/**********************
   HOME PAGE LAYOUT 
***********************/

#homecontainer {
	height: 80%;
	width: 100%;
	overflow: visible;
}
#homecontainer[id] {
	display: table;
	position: static;
}
#insidecontainer {
	width: 100%;
	text-algn: center;
}
#insidecontainer[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}

#player {
	position: relative;
	top: -50%;
	text-align: left;
}
#player {
	height: 576px;
	width: 720px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#player[id] {
	position: static;
}

/***************************************************
   FONT DECLARATIONS FOR CUSTOM SITEWIDE FONTS 
*****************************************************/

@font-face {
    font-family: 'Jedi';
    src: url('../font/star_jedi_rounded-webfont.eot');
    src: url('../font/star_jedi_rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/star_jedi_rounded-webfont.woff') format('woff'),
         url('../font/star_jedi_rounded-webfont.ttf') format('truetype'),
         url('../font/star_jedi_rounded-webfont.svg#Jedi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('../font/myriadwebpro-webfont.eot');
    src: url('../font/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadwebpro-webfont.woff') format('woff'),
         url('../font/myriadwebpro-webfont.ttf') format('truetype'),
         url('../font/myriadwebpro-webfont.svg#Myriad') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*************************
    MENU FORMATTING  
**************************/

.menudiv {
	position: relative;
	z-index: 50;
}

.menu {
	display:table;           
	padding:0;
	margin-left: 42%;
	margin-right: auto;
	margin-top: -11.1em;
	white-space:nowrap;
	list-style-type:none;
	font-family: 'Myriad', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
}

.menu li {
	display:table-cell;
}

.menu a {
	display:block;
	color:#000; 
	text-decoration:none;
	text-align: center;
	margin-right: 1.2em;
}

.menu a:hover {
	text-decoration: overline underline;
}

/*****************************
    HOME MENU FORMATTING  
******************************/

.homemenudiv {
	position: relative;
	z-index: 5;
	float: right;	
}
.homemenu {
	display:table;
	margin-left: 40%;
	white-space:nowrap;
	list-style-type:none;
	font-family: 'Myriad', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
}

.homemenu li {
	display:table-cell;
}

.homemenu a {
	display:block;
	color:#FFF; 
	text-decoration:none;
	text-align: center;
	margin-right: 1.2em;
}

.homemenu a:hover {
	text-decoration: overline underline;
}

/****************************************
   TITLE AND VARIOUS TEXT FORMATTING 
*****************************************/

.title {
	font-family: 'Jedi', arial, sans-serif;
	font-size: 3em;
	text-align: center;
}

.err {
	display: block;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: .3em;
	margin-bottom: .3em;
	color: #FF3;
}

.top-filler {
	margin-top: 5em;
}

.top-filler-plus {
	margin-top: 10em;
}

.bottom-filler {
	margin-bottom: 10em;
}

.help-title {
	font-size: 1.1em;
	margin-top: 2em;
	font-family: 'Myriad', sans-serif;
	color: #FF6;
}

.help-list {
	font-size: 1.1em;
}

.help {
	margin-left: 1em;
	font-size: 1em;
	list-style: katakana;
	color: #FF8487;
}

.help-note {
	color: #FF8487;
}

/********************************************************
  GOOGLE MAP CENTERING AND LIST FORMATTING FOR DIRECTIONS
*********************************************************/

#map {
	text-align: center;
}

#directions-list ul {
	list-style: none;
}

#directions-list ul li:before {
	content: "\00BB \0020";
}

/***************************************************
  SCHEDULE 2 COLUMN LAYOUT WITH CENTERED DAY HEADER
*****************************************************/

.schedule-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	display: table;
	font-size: 1.2em;
}

.schedule-container h3 {
	text-align: center;
	font-family: 'Jedi', arial, sans-serif;
	font-size: 1.3em;
	margin-bottom: -.3em;
	margin-top: -.5em;
}

.schedule-left {
	width: 14em;
	text-align: left;
	float: left;
	margin-left: 10%;
}

.schedule-left ul {
	list-style: none;
}

.schedule-left li,
.schedule-right li {
	padding-top: 3px;
}

.schedule-right {
	width: 12em;
	margin-left: 50%;
	text-align: right;
	margin-top: -1em;
}

.schedule-right ul {
	padding-top: 14px;
	list-style: none;
}


/**********************************************
  SPEAKER AND TEACHER IMAGE AND BIO FORMATTING
***********************************************/

.speaker {
	float: left;
	width: 100%;
}

.speaker img {
	padding-top: 1.063em;
	width: 11.7em;
	height: 17.25em;
	float: left;
	margin: 1em;
}

.teacher {
	float: left;
	width: 100%;
}

.teacher img {
	padding-top: 2em;
	float: left;
	margin: 1em;
	height: auto;
	width: auto;
}

.margin {
	margin-right: 1em;
	margin-left: 2em;
	margin-bottom: 1em;
	padding-top: 1em;
	text-align:left;
}

.speaker_first {
	float:left;
	color:#FF9;
	font-size: 5em;
	line-height: .625em;
	padding-top: .1em;
	padding-right: .13em;
	font-family: 'Jedi', arial, sans-serif;
}

.speaker_name {
	font-family: 'Jedi', arial, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	color:#FF9;
	text-decoration:underline;
}

.teacher_name {
	font-family: 'Jedi', arial, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	color:#FF9;
	text-decoration:underline;
}

.class_first {
	float:left;
	color:#FF9;
	font-size: 3.125em;
	line-height: .8em;
	padding-right: .15em;
	padding-top: .05em;
	margin-bottom: -.12em;
	font-family: 'Myriad', sans-serif;
}

.class_name {
	font-family: 'Myriad', sans-serif;
	font-size: 1.125em;
	font-variant:small-caps;
	font-weight:bold;
	color:#FF9;
	text-decoration:underline;
}

.topic-desc {
	padding-bottom: 1.5em;
}


/**************************
  CENTRAL LINK SIGNATURE
***************************/

.signature {
	position: relative;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#FFF;
	margin-left: 20%;
	z-index: 100;
}

.signature a,
.signature a:visited, 
#content a {
	color: #FF6;
	text-decoration: none;
}

.signature a:hover,
#content a:hover {
	text-decoration: underline;
}

#notes {
	display: block;
	width: auto;
	margin: 1em;
	padding: 0;
}

/********************************************************
        PHOTOS HYPERLINK IMAGE CONFIGURATION
*********************************************************/

div.photos {
	position: relative;
	margin:1%;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
	z-index: 100;
}

div.photos img {
	display:inline;
	margin: .1em;
	border: none;
	padding: .2em;
	z-index: 125;
}

span.desc {
	display: block;
	text-align:center;
	font-weight:normal;
	padding-bottom: 1.5em;
	z-index: 125;
}

.expand {
	clear: both;
}

.seperator {
	display: table;
	border-top: .15em white solid;
	width: 100%;
	margin-top: 2.5em;
}