/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

acronym, abbr{
	border-bottom-color: #999;
}

h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	/* color: #0643b5; */
	margin: 0px;
	padding: 0px;
	color: #006699;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 115%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Arial,sans-serif;
	font-size: 100%;
	/* color: #0099ff; */
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

blockquote{
	background: #FFF url(images/blockquote-bg.jpg) top left no-repeat;
	padding: 15px;
	border: 1px solid #999;
	/*width: 80%;*/
}

div.transcript{
}

div.transcript blockquote{
	width: ;
}

img{
	border: 0;
}

table td{
	vertical-align: top;
}

ul{
	list-style-type: disc;
}

ul ul{
	list-style-type: circle;
}

ul ul ul{
	list-style-type: none;
}

.feature hr{
	width: 100%;
	background-color: #069;
	color: #069;
	border: 0;
	height: 2px;
}

#search label{
	font-family: Arial,sans-serif;
	font-size: x-small;
	color: white;
}

dfn{
	font-style: normal;
}

.hidden { display: none; }

div.spacer { clear: both; }

.left {
	float: left;
	text-align: left;
	width: 65%;
}

.right {
	float: right;
	text-align: right;
	width: 33%;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(images/b.jpg);
	background-position: left top;
	background-color: #9DC1DE;
}

#header {
	height: 56px;
}

#navBar{
    float:left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #0643B5;
	/*background-color:#bde0f0;*/
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: medium;
	color: white;
}

#headlines{
    float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
	width: 78%;
}

@media print{
	#content{ width: 100%; }
	.pdfbox{ display: none; }
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 5px 10px 0 0;
	text-align:right;
}


/************* #globalNav styles **************/

#globalNav{
	padding: 2px 10px 0px 0px;
	color: #006699;
	text-align:right;
	font-size: 90%;
}

@media print{
	#globalNav{ display: none; }
	#siteName{ text-align: left; }
}

#globalNav img{
	display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 0px 0 0;
	/* color: cccccc; */
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	/* background-color: #eeeeee; */
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/************** .feature styles ***************/

.feature{
	padding: 10px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	text-align: left;
}

/*
.feature img{
	float: right;
	padding: 10px 10px 0px 0px;
}
*/

.feature ol{
	line-height: 1.4;
}

.feature ol li{
	margin-bottom: 5px;
}


.feature ul{
	line-height: 1.4;
}

.feature ul li{
	margin-bottom: 5px;
}

.imgright{
	float: right;
	padding: 10px;
}

.whiteimgright{
	float: right;
	padding: 10px;
	background-color:#FFFFFF;
}

.imgleft{
	float: left;
	padding: 10px;
}

.modified{
	font-size: smaller;
	float: right;
}

.whiteheading{
	color: white;
	font-weight:bold;
}

.newheading{
	/*color:#945C5C;*/
	color:#911e57;
	/*color: #006699;*/
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:14px;
	padding: 2px 2px 2px 0px;
	margin:0px;
	font-weight:bold;
	/*text-decoration:underline;*/
	/*border-bottom:2px dotted #EEEEEE;*/
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	/* border-top:  1px solid #cccccc; */
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #999999;
	padding: 5px;
}

#siteInfo img{
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#search form{
	margin: 0px;
	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited{
	display: block;
}
#navBar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li{
	border-bottom: 1px solid #0643b5;
}

/* fix for browsers that don't need the hack */
html>body #navBar li{
	border-bottom: none;
}

@media print{
	#navBar{ display: none;	}
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: static;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #68A0E7;
	font-size: small;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks li, .relatedLinks li, #subLinks li {
	width: 100%;	/*	 fixes a line height bug in IE, no effect on other browsers */
	padding: 0;
	margin: 0;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #68A0E7;
	padding: 2px 0px 2px 10px;
	color: white;
}

#sectionLinks a:hover{
	color: #0643b5;
	background-color: white;
	text-decoration: none;
}

/********** #subLinks styles ****************/
#subLinks{
	/* border-bottom: 1px solid #0643b5; */
 	font-size: 80%;
	background: #FFF;
}

#subLinks a{
	display: block;
	/* border-top: 1px solid #0099ff; */
	/* border-bottom: 1px solid #0643b5; */
	padding-left: 10px;
	/* padding: 2px 0px 2px 10px; */
	color: black;
	background-color: white;
}

#subLinks a:hover{
	color: #0643b5;
	text-decoration: none;
}

#sublinks ul a:link, #sublinks ul a:visited{
	display: block;
}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: static;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited{
    display: block;
	color: white;
}

/************** #advert styles **************/

#advert{
	/* padding: 30px 0px 10px; */
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 4px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

caption{
	font-size: large;
}

#alt{
	background-color: #b9d5fb;
}

.heading{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8caae6;
	padding: 2px;
}

.leftcontent{
	float: left;
	width: 50%;
}
.rightcontent{
	float: right;
	width: 50%;
}

.sidebar{
	float: right;
	padding: 10px;
}

#sidebar .roundbox{
	margin: 0 0 1em 0;
	width: 100%;
	background: #ddf0fe url(images/roundbox.gif) no-repeat bottom right;
}

#sidebar .roundboxhead{
	font-size: 80%;
	margin: 0;
	padding: 0px;
	background: #2c5fb4 url(images/roundboxhead.gif) no-repeat top right;
	border-bottom: 1px solid #2755a2;
}

#sidebar .roundboxhead h2{
	padding: 5px 10px 3px;
	color: #fff;
	background: url(images/roundboxheadh2.gif) no-repeat top left;
}

#sidebar .roundboxbody{
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 10px;
	background: url(images/roundboxbody.gif) no-repeat bottom left;
}

#sidebar .roundboxhead a{
	color: #FFFFFF;
}

#anchorlist{
	margin: 0 0 15px 0;
}

/*.sidebox{
	width: 250px;
	background: #EEE;
	border-bottom: 2px solid #09f;
	float: right;
	clear: both;
	margin: 15px 15px 0 0;
}

.sidebox h3{
	background: #069 url(images/sidebar-bg.gif) no-repeat top right;
	color: #FFF;
	height: 15px;
	padding: 1px 0 0 3px;
	border-bottom: 2px solid #069;
}

.sidebox ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebox p{
	margin: 5px 5px;
}*/

.sidebox{
	float: right;
	width: 225px;
	clear: both;
	margin: 10px;
	background: #FFF url(images/sidebox.jpg) top repeat-x;
	padding: 5px;
	border: 1px solid #999;
	font-size: .9em;
}

.sidebox.yellow{
	background: #FFF url(images/infobox-bg.jpg) top repeat-x;
}

.sidebox h2,
.schedule h2{
	font-size: 1.3em;
}

.sidebox h3, .navbox h3{
	margin: 10px 5px 0 5px;
	font-size: 12px;
	color: #911e57;
}

.pdfbox{
	float: right;
	width: 225px;
	clear: both;
	margin: 10px;
	background: #FFF url(images/pdf-bg.jpg) top repeat-x;
	padding: 5px;
	border: 1px solid #999;
	font-size: .9em;
}

.pdf{
	background: transparent url(images/pdficon-sm.gif) center right no-repeat;
	padding-right: 15px;
}

.doc{
	background: transparent url(images/document.gif) center right no-repeat;
	padding-right: 15px;
}

.ppt, .pps{
	background: transparent url(images/ppt.gif) center right no-repeat;
	padding-right: 15px;
}

.mp3{
	background: transparent url(images/mp3.gif) center right no-repeat;
	padding-right: 16px;
}

.mov, .mpg{
	background: transparent url(images/video.gif) center right no-repeat;
	padding-right: 18px;
}

.xls{
	background: transparent url(images/excel.gif) center right no-repeat;
	padding-right: 15px;
}

.rss{
	background: transparent url(images/rss.gif) center right no-repeat;
	padding-right: 14px;
}

/*.external{
	background: transparent url(images/external.gif) center right no-repeat;
	padding-right: 15px;
}*/

.address{
	padding-left: 25px;
}

.stdTable{
	border-collapse: collapse;
	margin-bottom: 15px;
}

.stdTable, .stdTable td, .stdTable th{
	border: 1px solid #333;
}

.stdTable td{
	padding: 3px 5px;
	text-align: left;
}

.stdTable th{
	background-color: #C6DBF4;
}

.stdTable th.alt{
	text-align: left;
	padding-left: 5px;
}

.stdTable .alt,
.stdTable.zebra tr:nth-child(even) td,
.stdTable.zebra tfoot td{
	background-color: #F6F6F6;
}

.stdTable caption{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.infoBox{
	clear: both;
	width: 85%;
	background: #FFF url(images/infobox-bg.jpg) top repeat-x;
	color: #000000;
	border: 1px solid #999;
	padding: 7px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.infoBox p{
	margin: 2px 0 7px 0;
	padding: 0;
}

.centerBlock{
	margin: 0 auto;
}

.menuline{
	margin-top: 0;
	padding-top: 0;
}

.navbox{
	float: right;
	width: 225px;
	background: #FFF url(images/blockquote-bg.jpg) top repeat-x;
	border: 1px solid #999;
	margin: 0 15px 10px 15px;
	padding: 0px;
	font-size: .9em;
	clear: both;
}

.navbox p{
	margin: 0 10px;
}

.navbox h3{
	margin: 10px 10px 0 10px;
}

.navbox.downloads{
	background: #FFF url(images/download-bg.jpg) top repeat-x;
}

.navbox.downloads h2{
	background-color: #FF4500;
	color: #FFF;
}

.navbox.downloads li{
	padding-bottom: 2px;
}

.navbox.downloads li.allForms{
	padding-top: 15px;
	padding-bottom: 0;
	font-weight: bold;
}

.navbox.green{
	background: #FFF url(images/blockquote-bg-green.jpg) top repeat-x;
}

.navbox.green h2{
	background-color: #093;
}

.navbox.red{
	background: #FFF url(images/blockquote-bg-red.jpg) top repeat-x;
}

.navbox.red h2{
	background-color: #900;
}

.navbox.yellow{
	background: #FFF url(images/blockquote-bg-yellow.jpg) top repeat-x;
}

.navbox.yellow h2{
	background-color: #F60;
}
	

.navbox h2, .archiveBox h2{
	background-color: #069;
	color: #FFF;
	line-height: 1.5em;
	padding-left: 5px;
}

.navbox h2 a{
	color: #FFF;
}

.navbox ul li{
	margin-bottom: 1px;
}

.navbox ul li ul{
	padding-left: 25px;
}

a:hover h2{
	text-decoration: underline;
}

.photoGallery{

}

.photoGallery ul{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 0 30px 0;
}

.photoGallery li{
	float: left;
	margin-bottom: 0;
}

.photoGallery li a{
	display: block;
	margin: 2px 3px;
	padding: 4px;
	background: #F9F9F9;
	border: 1px solid #D0D0D0;
}

.photogallery li a img{

}

.photoGallery li a:hover{
	background: #CDF;
	border: 1px solid #069;
}

.galleryImg{
	text-align: center;
}

.galleryImg img{
	margin: 0 auto 10px auto;
	display: block;
	padding: 4px;
	background: #F9F9F9;
	border: 1px solid #D0D0D0;
}

.feature p.bibCitation, .feature .bibCitation{
	padding-left: 2em;
	text-indent: -2em;
}

.pdfButton, .downloadButton{
	float: right;
	width: 225px;
	background: #e5f7ff url(images/pdfbutton.gif) center right no-repeat;
	border: 1px solid #999;
	margin: 0 15px 10px 15px;
	padding: 5px 0;
	clear: both;
}

.powerpoint{
	background: #e5f7ff url(images/pptbutton.gif) center right no-repeat;
}

.pdfButton a h2,
.pdfButton h2 a{
	color: #069;
	text-align: center;
	line-height: 120%;
	padding-right: 45px;
}

.pdfButton h2 a{
	display: block;
}

.pdfButton a h3{
	color: #069;
	margin: 0;
	font-size: 12px;
	text-align: center;
	padding-right: 45px;
}

.pdfButton a:hover h2,
.pdfButton a:hover h3,
.pdfButton h2 a:hover{
	text-decoration: none;
	color: #08b;
}

.newh .feature h2{
	margin-bottom: 5px;
}

.newh .feature h3{
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 13px;
	color: #911e57;
}

.newh .feature h4{
	font-weight: bold;
	color: #911e57;
	margin: 0;
	padding: 0;
}

.newh .feature p{
	margin-top: 0;
	margin-bottom: 15px;
}

.archiveBox{
	border-top: 2px solid #069;
	padding: 10px;
	display: block;
	background: #FFF url(images/blockquote-bg.jpg) top left no-repeat;
	width: 95%;
}

.sticky{
	background-color: #FDF601;
	font-weight: bold;
	font-size: 125%;
	border: 1px solid #999;
	margin: 20px 5px;
	padding: 10px;
	width: 250px;
}

.highlight{
	background-color: #FDF601;
}

.schedule{
	float: right;
	width: 250px;
	clear: both;
	margin: 10px;
	padding: 5px;
	border: 1px solid #999;
	font-size: .9em;
	background: #FFF url(images/infobox-bg.jpg) top repeat-x;
}

.schedule table{
	border-collapse: collapse;
	font-size: 95%;
	width: 100%;
	margin-bottom: 5px;
}
.schedule table td{
	padding: 3px 6px 4px 1px;
	border-bottom: 1px dotted #999;
}
.schedule table tr.last td,
.schedule table tr:last-child td{
	border: none;
}
.schedule table th{
	font-weight: bold;
}

.schedule acronym{
	border: none;
}

.schedule p{
	font-size: 95%;
}


/*CAREER CENTER STYLES*/

.jobInfo{
	border-collapse: collapse;
	margin-bottom: 15px;
}
.jobInfo td{
	border-bottom: 1px solid #ddd;
	padding: 4px 10px 4px 0;
}
.jobInfo td:first-child{
	width: 185px;
}
.jobInfo tr.last td{
	border-bottom: none;
}

.errorBox{
	width: 85%;
	margin: 0 auto;
	padding: 10px 10px 10px 35px;
	background: url(images/errorbox.jpg) top left no-repeat;
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.errorBox p{
}

.error{
	font-weight: bold;
	color: #c00;
}

form#ltfsignup p.error{
	margin-left: 127px;
}

form#ltfsignup :target{
	border: 2px solid #c00;
}

img.feature-theatre{
	float: right; 
	position: relative; 
	margin: 10px; 
	margin-right: 25px;
}

form#ltfsignup ol{
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
}
form#ltfsignup label,
form#ltfsignup span.labellike{
	display: inline-block;
	width: 125px;
	text-align: right;
}
form#ltfsignup label.nopad{
	width: auto;
}
form#ltfsignup input#title,
form#ltfsignup input#district,
form#ltfsignup input#address1,
form#ltfsignup input#address2{
	width: 292px;
}
form#ltfsignup input#address2{
	margin-left: 129px;
}
form#ltfsignup input#work{
	margin-left: 130px;
}
form#ltfsignup input#state{
	width: 25px;
}
form#ltfsignup input#zip{
	width: 45px;
}
form#ltfsignup input#address1,
form#ltfsignup input#phone,
form#ltfsignup li#addressType{
	margin-top: 20px;
}
form#ltfsignup input#submit{
	margin-left: 128px;
	margin-top: 10px;
}

.keystone img{
	float: right; 
	clear: right; 
	margin: 0 0 10px 10px;
}

a.stemregister:link,
a.stemregister:visited{
	display: block;
	width: 125px;
	margin: 0 auto;
	text-align: center;
	background-color: #069;
	font-size: 16px;
	color: #fff;
	padding: 5px 7px;
	margin-bottom: 15px;
	margin-top: -5px;;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

a.stemregister:hover,
a.stemregister:active{
	background-color: #08b;
	text-decoration: none;
}