/* Color Scheme  */
/* 
	Blue			#212163;				
	Beige border:	#dcdfd0;				
	Beige Type:		#9c9f90;;				

	Lt Beige:		#d6d5c3;	214 213 195	
	Dk Beige:		#69685b;				
	Lt Blue-grey:	#d3d3de;	211 211 222 
	Title Text:		#6c6f60

	TU Natl beige:		#dcdfd0;		220 223 208 
	TU Natl lt beige:	#ecefe0;		220 223 208 
	TU Natl dark beige:	#cccfc0;		220 223 208 
*/

/*
	h1 - Column Title
	h2 - Topic Title
	h3 - Topic Subtitle
*/





/* ------------------------------- Default Elements ------------------------------- */



body {
	text-align: center;
	margin: 0px;
	border: none;
	padding: 0px;
	background: #212163;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	word-spacing: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	}
table tr td {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	word-spacing: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	vertical-align: top;
	}
/*	
*/
p {
	margin: 0px; 
	padding: 0px 10px 1.3em 1.8em; 
	text-indent: 0; 
	}
ul {
	color: #181898;
	margin: 0 0 0 17px;
	padding: 0;
	text-indent: 0; 
	list-style-image: url(images/linkmark_LI.gif);
	}
ol {
	margin: 0 0 0 24px;
	padding: 0;
	text-indent: 0; 
	list-style-type:decimal;
	}
li {
	padding: 0 4 0.6em 0;
	text-indent: 0; 
	}
li.weblink {
	padding: 0 4 2px 0;
	margin: 0 0 0 8px;
	}
	
img {
	border:0;
	}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
a           {color: #181898; }   
a:link      { text-decoration: none;}
a:visited   { text-decoration: none;}
a:hover     { text-decoration: underline;}
a:active    { text-decoration: none;}
input {
	font-size: 8pt;
	}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
h1 {
	margin: 16px 16px 12px 12px;
	border: 0;
	padding: 1 12; 
	color: white;
	background-color: #9fa8c4;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing:  normal;
	word-spacing: normal;
	}
h2 {
	margin: 12px 0 0 0;
	border: 0;
	padding: 2px 0 8px 0;
	color: #6c6f60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	}
h3 {
	margin: 0;
	margin: -6px 0 4px 0;
	padding: 0 0 4px 0;
	border-top: 0;
	color: #6c6f60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	}
h4 {
	margin: 0;
	margin: -18px 0 8px 0;
	padding: 0 0 4px 0;
	border-top: 0;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	}

	
	
	
/*---------------------------------------------------------------------- classes

*/



.mainText {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
.info {
	padding: 0; 
	margin: 0; 
	font-size: 8pt;
	color: #69685b;
	}
.footnote {
	font-size: 7pt;
	}
.booktitle {
	padding: .7em 0 1px 0; 
	padding: .7em 0 1px 2em; 
	font-style:italic;
	}
.bookauthor {
	padding: 0 0 1px 1.5em; 
	padding: 0 0 1px 5em; 
	font-style:normal;
	}
.pullquote {
	float: right;
	width: 250px;
	margin: -12px 0 0 12px;
	border-left: 1px solid #dcdfd0;
	border-right: 4px solid #dcdfd0;
	border-top: 1px solid #dcdfd0;
	border-bottom: 4px solid #dcdfd0;
	padding: 15px 15px 15px 15px;
	font: italic 9pt Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	}
.button {
	color: Black;
	background-color: #e4e2d4;
	height: 22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	}
.buttonWide {
	color: Black;
	background-color: #e4e2d4;
	height: 22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	width:145;
	}
.buttonNarrow {
	color: Black;
	background-color: #e4e2d4;
	height: 22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	width:55;
	}
.picture {
	border: none;
	float: right;	
	width: 150;
	font-size: 7pt;
	text-align:center;
	margin: 4px 0 4px 12px;
	}
.picture img {
	float: right;
	border: none;
	width: 150;
	}
.heading {font-family: Verdana, Arial, sans-serif; font-size: 7pt; text-decoration: underline; padding: 4;}
.entry {border-top: solid 1px #ecefe0; padding: 4;}




/* ------------------------------- First Page Sections ------------------------------- */


#page1wholePage {
	position:relative;
	width:880px;
	background-color:#212163;
	margin-left:auto; margin-right:auto;
}

#page1main {
	position: absolute;
	width: 880px;
	top: 72; left: 0;
	float: left;
	background: #212163 url(Images/EDTUFrontPage.gif) no-repeat;
	text-align: left;
	PADDING-LEFT: 150px; 
	PADDING-TOP: 66px; 
	PADDING-bottom: 280px;
	color: white; 
	}

#page1Footer {
	position:relative;
	width:880px;
	top:460; left:0;
	position: relative;
	clear: both;
	margin: 0;
	border:0;
	padding:0;
	padding: 0 12 0 12;
	background: #212163;
	color: #b4b2a4; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align:center;
	}
#page1Footer p {margin:0; padding: 0; }






/* ------------------------------- Main Page Sections ------------------------------- */



/*----------------------------------------------------------------------WholePage 
*/	

#WholePage {
	position: relative;
	width: 880px;
	border: none;
	padding: 0px;
	background: white;
	background: #212163;	
	margin-left:auto; margin-right:auto;
	/* 
	width:880px;
	*/ 
}


/*----------------------------------------------------------------------Banner 
*/

#Banner {
	width: 880px;
	position:absolute;
	top:0px;
	margin: 0px;
	border:none;
	padding:0px;
	height: 57px;
	font-size: 7pt;
}
#Banner #ImageLeft {POSITION: absolute; LEFT: 0px; TOP: 0px;}
#Banner #ImageRight {POSITION: absolute; right: -1px; TOP: 0px;}
#Banner #URHere {POSITION: absolute; LEFT: 15px; TOP: 57px;}
#Banner #Login {POSITION: absolute; right: 15px; TOP: 57px; text-align:right;}


/*----------------------------------------------------------------------TopNav 
*/

#TopNav {
	width:880px;
	position: absolute;
	top:57px;
	left:0;
	height: 18px; 
	margin: 0px;
	border: none;
	padding: 0px;
	background: url(Images/TopNav.gif) repeat-x;
	font-size: 7pt;	
	
	text-align: left;
	} 
#TopNav #navLeft {POSITION: absolute; LEFT: 0px; TOP: 0px; border:none;font-weight:bold;}
#TopNav #navRight {POSITION: absolute; right: -1px; TOP: 0px; border:none;font-weight:normal;}
#TopNav div {
	height:17px; 
	margin:0px; 
	border-top: none; 
	border-left: solid 1px white; 
	border-right: solid 1px #8c8f80;
	float:left;
	}
#TopNav div.stubLeft {width:28px; border-left: none; }
#TopNav div.stubRight {border-right: none;}
#TopNav div.hot {}
#TopNav a {color: #181898;}
#TopNav a:hover {color: #181898; text-decoration: underline;}
	
	



/*----------------------------------------------------------------------Main 
*/

#Main {
	width: 880px;
	position: relative;
	top: 75px;
	margin: 0px;
	border: none;
	padding: 0px;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	}


/*----------------------------------------------------------------------Footer 
*/

#Footer {
	width: 880px;
	position: relative;
	top: 75px;
	clear: both;
	margin: 0px;
	border:none;
	padding: 0px 12px;
	background: #212163;
	color: #b4b2a4; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align:center;
	}
#Footer p {margin:0; padding: 0; }



/*----------------------------------------------------------------------Popup 
*/
#Popup {
	position: absolute; 
	top: 100; 
	left: 300; 
	width: 350;
	z-index: 9; 
	text-align: center; 
	border: outset 1px;
	padding: 20;
	color: Black;
	background-color: white; 
	background-color: #e4e2d4;
	}



/*----------------------------------------------------------------------SidebarRight 
*/
.SidebarRight {
	width: 200px;
	margin: 0; 
	border:0;
	padding: 0 8px 12px 8px; 
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.3em;
	text-indent: 0; 
	text-align:left;
	}
.SidebarRight h1 {margin: 16px 0 0 0;}
.SidebarRight h2 {margin: 0 0 12 0; border: 0; padding: 0;}
.SidebarRight h4 {
	margin: 0 0 12 0;
	border: 0; 
	padding: 0;
	text-indent: 0; 
	font-size: 1.0em;
	font-variant: normal;
	text-transform: uppercase;
	}
.SidebarRight .item  {
	float: none;
	width: 100%;
	margin: 0;
	border: 0; 
	padding:0;
	padding: 12 6 20px 6;
	font-size:7.5pt;
}
.SidebarRight .boxout {
	float: none;
	width: 200px;
	margin: 0 0 12px 0;
	border: 0; 
	border-right: solid 2px #cccfc0;
	border-bottom: solid 1px #cccfc0;
	padding: 8 4 8 4;
	font-size:7.5pt;
	background: white;
	}
.SidebarRight .ad  {
	width: 200px;
	margin: 0;
	border: 0; 
	border-left: solid 2px #cccfc0;
	border-left: solid 1px #cccfc0;
	padding: 8 0 20 8;
	font-size: 7.5pt;
	background: white; 
	text-align: center;
	}
.SidebarRight .ad p {margin: 3 0; padding:0; text-align: left;}
.SidebarRight .TUlogo {
	FLOAT: left; 
	font-size: 7.5pt;
	margin: 8 4 12 12;
	margin: 4 12 4 4;
	}
.SidebarRight .TUlogo img {
	FLOAT: left; 
	margin: 3 16 8px 0;
	}
.SidebarRight p {margin: 0; padding: 0 0 1.3em 0; text-indent: 0;}
.SidebarRight .indent {margin: 0; padding: 0 12px 1.3em 0;}
.SidebarRight .picture {
	border: none;
	width: 170;
	font-size: 7pt;
	FLOAT: left; 
	}


/*----------------------------------------------------------------------Highlight 
*/

.Highlight {
	width: 170px;
	margin: 0px; 
	border:none;
	padding: 0px 8px 12px 8px; 
	background-color:#ecefe0;
	vertical-align: top;
	font-size: 8pt;
	line-height: 1.3em;
	text-indent: 0; 
	text-align: left;
	}
.Highlight h1 {margin: 16px 0 12px 0;}
.Highlight h2 {
	margin: 0 0 12 0;
	border: 0; 
	padding: 0;
	text-indent: 0; 
	font-size: 1.0em;
	font-variant: normal;
	text-transform: uppercase;
	}
.Highlight p {margin: 0; padding: 0 0 1.3em 2; text-indent: 0; font: 7.5pt}
.boxout  {
	float: none;
	width: 168;
	margin: 12px 0 0 0;
	border: none; 
	border-right: solid 2px #cccfc0;
	border-bottom: solid 1px #cccfc0;
	background: white;
	padding:6px;
	}
.Highlight .TUlogo {
	FLOAT: left; 
	margin: 3 16 8px 0;
	}
.Highlight .TUlogo img {FLOAT: left; margin: 3 16 8px 0;}
.Highlight .picture {
	width: 100%;
	font-size: 7pt;
	margin:0;
	}
.Highlight .picture img {
	float:none;
	cursor:pointer;
	}
.Highlight .picture li {
	text-align: left;
	clear: both;
	}


/*----------------------------------------------------------------------Narrow 
*/

.Narrow {
	margin: 0;
	border:0;
	padding: 0 12px 12px 12px; 
	font-size: 8pt;
	line-height: 1.3em;
	text-indent: 0; 
	text-align: left;
	}
.Narrow h1 {margin: 16px 0 12px 0;}
.Narrow h2 {margin: 16px 0 12px 0;}
.Narrow .item  {
	float: none;
	width: 100%;
	margin: 0;
	border: 0; 
	padding:0;
	padding: 12 6 20px 6;
	vertical-align: top;
	}
.Narrow .boxout {
	float: right;
	background: white;
	margin: 12px;
	width: 230px;
	}
.Narrow .picture {
	border: none;
	float: right;
	width: 150;
	font-size: 7pt;
	text-align:center;
	margin: 16px 0 4px 12px;
	}
.Narrow .picture img {
	float: right;
	border: none;
	width: 150;
	}



/*----------------------------------------------------------------------Wide 
*/

.Wide {
	margin: 0;
	border:0;
	padding: 0 12px 12px 12px; 
	vertical-align: top;
	font-size: 8pt;
	line-height: 1.3em;
	text-indent: 0; 
	text-align: left;
	}
.Wide h1 {margin: 16px 0 12px 0; }
.Wide h2 {margin: 16px 0 12px 0; color:Black; clear: both; color:Black}
.Wide .item  {
	float: none;
	width: 100%;
	margin: 0;
	border: 0; 
	padding:0;
	padding: 12 6 20px 6;
	}
.Wide .boxout {
	float: right;
	width: 250px;
	margin: 0;
	border: solid 1px #dcdfd0; 
	padding: 1.3em 0 10 15;
	float: right;
	background: white;
	margin: 12px;
	width: 230px;
	}
.Wide .boxed {
	border: solid 1px #dcdfd0; 
	width: 450px;
	padding:8;
	}
.Wide .ad {
	FLOAT: left; 
	padding: 8;
	font-size: 7.5pt;
	background: white; 
	}
.Wide .ad p {margin: 3 0; padding:0; text-align: left;}
.Wide .ad img {width: 135}
.Wide .TUlogo {
	FLOAT: right; 
	margin: 1.3em 0 10 15; 
	width:200
	}
.Wide .TUlogo img {width:135}
.Wide .picture {
	border: none;
	float: right;
	width: 150;
	font-size: 7pt;
	text-align:center;
	margin: 0 0 4px 12px;
	}
.Wide .picture img {
	float: right;
	border: none;
	width: 150;
	}
.Wide .featurePicture {	 
	border: none;
	float: right;
	width: 250;
	font-size: 7pt;
	text-align:center;
	margin: -16px 0 4px 12px;
	}
.Wide .featurePicture img {	 
	float: right;
	border: none;
	width: 250;
	}
.Wide .bigPicture {
	border: none;
	float: right;
	width: 250;
	font-size: 7pt;
	text-align:center;
	margin: 4px 0 4px 12px;
	}
.Wide .bigPicture img {
	float: right;
	border: none;
	width: 250;
	}
.Wide .bottompanel {
	clear: both;
	margin: 16px 0 0 0;
	margin: 0;
	border: none;
	font-size: 7pt;
	text-align: center;
	vertical-align: top;
	}
.Wide .bottompanel img {
	width: 180px;
	margin: 16px 3px 0 3px;
	border: none;
	cursor: pointer;
	}
.Wide .bottompanel .picture {
	border: none;
	float: left;	 
	width: 180;	 
	font-size: 7pt;
	text-align:center;
	margin: -16px 0 4px 12px;	 
	margin:0;
	}
.Wide .bottompanel .picture img {
	float: left;	 
	border: none;
	width: 180;	 
	}



/*----------------------------------------------------------------------notifcation 
*/
#notification 
{
	BORDER: thin outset; 
	background: #dcdfd0;
	Z-INDEX: 1; 
	POSITION: absolute;
	LEFT: 250px; 
	TOP: 120px; 
	HEIGHT: 100px; 
	WIDTH: 200px;	
	}


/*----------------------------------------------------------------------calendar 
*/
#calendar {
	background-color:#ecefe0;
	line-height: 1.4em;
	position: relative;
	margin: 0 -12 0 -12; 
	margin: 0 -12 -12 -12; 
	padding: 12;
	left: 0px; 
	top: 0px;
	}
#calendar table {
	background: #ffffff;
	width: 100%;
	margin: 0 0 0px 0;
	border: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
#calendar td {
	padding: 4;
	border-bottom: solid 1px #cccfc0;
	}
#calendar .last {
	border-right: solid 2px #cccfc0;
	border-bottom: solid 1px #cccfc0;
	}
#calendar tr {
	}
#calendar th {
	border-top: solid 4px #ecefe0;
	border-right: solid 2px #cccfc0;
	border-bottom: solid 1px #cccfc0;
	background: #f0f2e6;
	background: #ffffff;
	}
#calendar p {
	margin:0; 
	padding: 4px 0 2px 0; 
	}
#calendar h2 {
	margin:0; 
	padding: 2; 
	border: 0;
	color: black; 
	color: #4c4f40; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

/*----------------------------------------------------------------------map 
*/
#map 
{
	background: white;
	text-align:center;}

/*----------------------------------------------------------------------Tabs
*/
#TabTop
{
	color: black;
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 16 0 16;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
#TabBody {
	color: black;
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 16 0 16;
	margin: 0;
	padding: 4;
	border-right: #848274 1px solid;
	border-bottom: #848274 1px solid;
	border-left: #848274 1px solid;
	border-top-style: none;
	width: 100%;
}
#TabBody .heading {font-family: Verdana, Arial, sans-serif; font-size: 7pt;}
#TabBody .entry {border-top: solid 1px #ecefe0; padding:0;}
.Tab {
	color: #646254;
	background-color: e6e5d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: #848274 1px solid;
	border-top: #848274 1px solid;
	border-left: #848274 1px solid;
	border-bottom: #848274 1px solid;
	text-align: center;
	cursor: pointer;
}

.TabHot {
	color: black;
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: #848274 1px solid;
	border-top: #848274 1px solid;
	border-left: #848274 1px solid;
	border-bottom-style: none;
	text-align: center;
	cursor: pointer;
}
.TabSpacer {
	color: #848274;
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	border-bottom: #848274 1px solid;
	text-align: center;
	cursor: default;
}



/*---------------------------------------------------------------------- Photo Album 
*/
#photoAlbumFeature {
	padding: 0;
	margin: 0;
	}
#photoAlbumFeature .smalltext {
	margin:0;
	border:0;
	padding: 0 0 0 12;
	font-size: 7pt;
	background: #e0e0e0;
	background: #dcdfd0;
	}
#photoAlbumFeaturePicture {	
	background: #dcdfd0;
	padding: 0;
	margin: 8 0 0 0;
	}
#photoAlbumFeaturePicture img {	
	width: 350px;
	border: solid 12 white;
	margin: 2 2 0 2;
	}
#photoAlbumFeatureDescr{	
	margin: 8 0 8 8;
	padding: 8 0 8 16;
	}
#photoAlbumFeatureText {	
	margin: 12 0 0 0;
	padding: 8 16;
	}
#photoAlbumFeatureText p {
	margin: 0;
	padding: 0 0 1.0em 0;
	}
#photoAlbum {
	clear: both;
	margin: 0 0 0 0; 
	padding: 0; 
	text-indent: 0; 
	background-color: dimgray;
	background-color: rgb(114,114,114);
	}
#photoAlbum p {
	margin: 0;
	padding: 0;
	font-size: 7pt;
	}
#photoAlbum img {
	width: 100px;
	}
.thumbnail {
	float: left;
	width: 100px;
	margin: 0 0 0 4;
	border: 2 solid rgb(114,114,114);
	padding: 0;
	position: relative; 
	}
#photoAlbum .smalltext {
	margin:0;
	border:0;
	padding: 0 0 0 12;
	font-size: 7pt;
	background: #dcdfd0;
	background: #e0e0e0;
	border:0;
	border: solid 3px #dcdfd0;
	}