@import url(banners.css);
/* Some inspiration from undohtml.css - (CC) 2004 Tantek Celik. Some Rights Reserved. */
a:link,a:hover,a:visited {text-decoration:none;}
html, body, img, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, legend, a, button, input, select, textarea {margin:0;padding:0;border:0;}
ul {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
a img,:link img,:visited img {border:none;}

body {
	font:normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0 498px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear { clear:both; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a {
	text-decoration:none;
	font-weight:normal;
}
a:hover {text-decoration:underline;}

/*form input { 
	font-size: 1.0em; 
}*/
input { 
	font-size: 1.0em; 
}

/*form input.field { 
	height: 1.5em; 
	padding: 2px 0 0 3px;
    margin: 0 0 -1px 0;
	font-size: 1.0em;
}*/
input.field { 
	height: 1.5em; 
	padding: 2px 0 0 3px;
    margin: 0 0 -1px 0;
	font-size: 1.0em;
}

input.button, a.button {
	font-weight: bold;
	font-size: 1.1em;
	width: auto;
	height: 1.5em;
	vertical-align: bottom;
	background: #eeb615 url(../images/common/bg_button_yellow_small.gif) left top no-repeat;
	padding: 0 3px 2px 2px;
	margin-left: 2px;
}

/*form input.button {
	font-size: 1.15em;
	letter-spacing: 0;
}*/

a.button {
	margin: 0;
	padding: 0.1em 0.4em ;
}

a.button:hover { text-decoration: none; }

a.button.large {
	font-size: 1.2em;
	height: 1.3em;
	margin: 0 auto;
	display: block;
	letter-spacing: -1px;
	background-image: url(../images/common/bg_button_yellow_large.gif);
}

div#w2 {
	position:relative;
	margin:0 -498px;
	min-width: 996px;
}
/* \*/
* html div#w1, * html div#w2, * html div#w3 {height:0;}
/* */

.clr {clear:both;height:0;margin:0;font-size:1px;line-height:0;}
.print {display:none;}
.noprint {display:block;}

/* general styles */
ul { margin-bottom: 1em; }
ul li { margin: 0.5em 0 0 15px; list-style: url(../images/common/list-item-square.gif); } 
ul.linked li { list-style: url(../images/common/list-item-grey_caret.gif); padding: 0.1em 0; margin-bottom: 2em; }


/**** page header styles ****/
#head {
	height: 130px;
	color: #fff;
	position: relative;
	font-size: 1.0em;
	margin: 0px 20px;
}

body.home #head{
	height: 160px;
}

#head h1 {
	position: absolute;
	font: 2.8em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	right: 20px;
	top: 30px;
}

#head ul#nav-home {
	position: absolute;
	top: 20px; right: 15px;
	padding-top: 10px;
	height: 87px;
	overflow: hidden;
	width: 705px;
}

#head ul#nav-home li {
	margin: 0;
	height: 87px; width: 141px;	
	display: block; float: left;
	position: relative;
}



#head ul#nav-home a {
	font: bold 1.1em Arial, Helvetica, sans-serif; 
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	width: 141px; height: 86px;
	position: relative;
	text-decoration: none;
	z-index: 2;
}

/* styles for controlling highlighting background image for home page graphic link bar */
#head ul#nav-home li#future a { 		background-position: 705px 0px; }
#head ul#nav-home li#future a:hover { 	background-position: 705px 0px; }
#head ul#nav-home li#current a { 		background-position: 564px 0px; }
#head ul#nav-home li#current a:hover { 	background-position: 564px 0px; }
#head ul#nav-home li#staff a { 			background-position: 423px 0px; }
#head ul#nav-home li#staff a:hover { 	background-position: 423px 0px; }
#head ul#nav-home li#alumni a {			background-position: 282px 0px; }
#head ul#nav-home li#alumni a:hover {	background-position: 282px 0px; }
#head ul#nav-home li#visitors a		{	background-position: 141px 0px; }
#head ul#nav-home li#visitors a:hover {	background-position: 141px 0px; }


#head ul#nav-home a span {
	position: absolute; bottom: 12px; left: 10px; width: 121px; padding: 2px 0; z-index: 1;
}

#head ul#nav-home a span.button {
	position: absolute;
	width: 121px; height: 100%;
	bottom: -1px; left: 0px; width: 121px;
	opacity: 0.8; -moz-opacity: 0.8;
	padding: 0;
	z-index: -1;
}

#head ul#nav-home li a:hover { 
	background-position: 10px 0px;
 }


#head #logo {
	top: 15px;
	left: 20px;
	position: absolute;
}

#head form#search { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#head #quicklinks {
	position: absolute;
	bottom: 10px;
	left: 18em;
	margin-left: 15px;
}

/*form select {
	font-size: 1.0em;
}*/

select {
	font-size: 1.0em;
}

#head #quicklinks select { 	width: 12.5em; }

#head ul#nav-global {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0;
	padding-right: 18px;
	padding-bottom: 0px;
	text-align: right;
}

#head #nav-global li {
	font-size: 1.1em;
	display: block;
	float: left;
	height: 28px;
	vertical-align: middle;
	margin: 0px 10px;
}

#head #nav-global li.active {
	font-weight: bold;
}

#head #nav-global li.active a {
	font-weight: bold;
}

#head form #search {
	position: absolute;
	top: 20px;
	left: 135px;
}
.breadcrumb{
	margin-left:30px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-size:1.1em;
}

/* main styles */

div#tabbar {
	z-index:9;
	clear:left;
	margin: 10px 30px 0 30px;
	vertical-align: bottom;
	position: relative;
	display:block;
	height:auto;
}

div#tabbar form {
	position: absolute;
	right: 0;
	bottom: 5px;
}

div#tabbar form input { width: 150px; }
div#tabbar form input.button { width: auto; }
#tabs {
	list-style: none; 
	list-style-image: none; 
	position: relative;
	bottom: -1px;
	left: 0;
	margin: 0;
	display:block;
}

#tabs li { 
	display: block; 
	float: left; 
	height: 24px;
	color: white;
	margin: 0 1px 0 0;
	white-space: nowrap;
	position:relative;
}

#tabs li span {
	display: block;
}
#tabs li a { 
	font-size: 1.1em;
	padding: 0;
	display: block; 
	color: white; 
	height: 24px;
}

#tabs li.active a {
	font-weight: bold;
}

#tabs li a span {
	padding: 4px 10px 0px 10px; 
	/*text-align: center; */
	display: block;
}

#tabs li a:hover { 
	text-decoration: none; 
}

#tabs ul { 
	display:none;
	z-index:9;
	position:absolute;
	border-top:1px solid transparent;
	text-align:left !important;
	padding-bottom:1px;
	width:16em;
}
/*
ul#tabs li.active ul {
	display:block; 
}
*/
/*
#tabs li:hover ul {
	display:block; 
}
*/
#tabs ul li { 
	white-space:normal;
	float:none;
	background-image:none;
	margin:0; 
	padding:0;
	list-style: none; 
	list-style-image: none; 
	width:auto;
	height:auto;
}
#tabs ul li a, #tabs li.active ul li a {
	display:block;
	background-image:none;
	font-weight:normal;
	padding:4px 8px;
	margin:0;
	height:auto;
}

#tabunderscore {border-top: 1px solid #AA272F;
clear:both;
margin-left:30px;
margin-right:30px;
line-height:1px;
height:1px;
display:block;}

#mid { clear: both; margin: 0 28px 10px 20px; position:relative;z-index:7; }

#menu{  float: left; width: 180px; margin: 20px 12px 0 12px; text-align: left;  }
#menu.withtabs  { margin-top: 10px; }
#menu.withouttabs  { margin-top: 5px; }

#content dl#visitors-index dt, #menu dt, #sidebar dt {letter-spacing: -1px; font: bold 1.5em Arial, Helvetica, sans-serif; }
#menu dd { margin-bottom: 1.4em; }
#menu ul { margin: 0.8em 0 0 0; }
#menu ul li { 
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0.5em auto; 
	padding: 0 0 0.5em 20px; 
	background: url(../images/common/list-item-arrow.gif) 5px 3px no-repeat;
	border-bottom: 1px solid #d6d6d6; 
}
#menu ul li a { font-weight: bold; font-size: 1.1em; }
#menu ul li ul { margin-top: 5px; }
#menu ul li ul li {background: url(../images/common/list-item-arrow-sub.gif) 5px 11px no-repeat; margin-left: -20px; padding-top:6px; margin-bottom: 0px; border-top: 1px solid #d6d6d6; border-bottom:0px }
#menu ul li ul li a { font-weight: normal;}
#menu .active {font-weight:bold;}
#menu ul li ul {top:-1000em; position:absolute; margin-bottom:-3px;}
#menu ul li.static ul {top:auto; position:relative;}

#content { 
	text-align: left; 
	font-size: 1.1em;
	padding: 0 25px 0 25px;
	margin: 0 180px 0 200px;
}

#content #w4 { float: left;  width: 100%; margin-top: 20px; padding-bottom:25px;}
#content.withtabs #w4 { margin-top: 10px; }
#content.withouttabs #w4 { margin-top: 5px; }
#content.nofeature { margin-right: 0px; }
.center {	text-align: center;	width: 100%; }
#content .strip { 
	margin: auto 0px; 
	padding: 1px 0; 
	border-top: 1px solid #d6d6d6; 
	border-bottom: 1px solid #d6d6d6; 
	height: 77px;
}

#content .heading-links { float: right;	padding-top: 0.8em; }
#content .first {margin-top: 0; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	clear: both;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.8em 0 0.4em 0;
}

#content h1 { 
	clear: left;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0.5em 0 0 0;
}

#content h1.first { margin-top: 0;}
#content h2 { font-size: 1.5em; font-weight: bold; margin:0.75em 0 0 0; }
#content h3 { font-size: 1.4em; }
#content h4 { font-weight: bold; font-size: 1.25em; }
#content h5 { font-weight: bold; font-size: 1.2em; }
#content h6 { letter-spacing: 0px; font-weight: 900; font-size: 1.0em; }

#content h1 a {text-decoration: none; }
#content h1 a:hover {}
#content p { margin: 0.5em auto;  font-size: 1.2em; }
#content li, #content td, #content th {font-size: 1.2em; }
#content li li, #content td li li { font-size: 1em; }
#content td p, #content td li, #content th p {font-size:1.1em;}
#content th p {margin:0;padding:0;}
#content li {line-height:1.3;}


#content p.first { margin-top: 0; }
#content p a { font-weight: normal; }

#content p.buttons { height: 1em;}
#content p.buttons a.left { float: left; margin-right: 5px;   }
#content p.buttons a.right { float: right; margin-left: 5px;  }

#content img {padding:5px 5px 5px 5px;border: 0 none;}
#content .left{text-align:left;}
#content .right{text-align:right;}
#content .center{text-align:center;}
#content .fltleft {float: left;}
#content .fltright {float: right;}

a.button.small { font-size: 0.8em; font-weight: bold; height: 1.2em;}
#content p a.button { font-weight: bold; }

#content ul.news {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
#content ul.news li {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	list-style-image: none;	
	clear: left;
	position: relative;
	font-size: 0.8em;
}

#content ul#home.news li.last { border-bottom: none; }

#content ul.news li img {
	position: absolute; top:3px; left:0px; padding: 1px; margin-right: 10px;
}

#content ul.news li p {  margin: 0.2em auto 15px auto; margin-left: 76px; }
#content ul.news li a { font-weight: bold; }
#content ul.news li a:hover { text-decoration:underline; }
#content ul.news li h2 { clear: none;  margin: 0 0 0 76px;}
#content ul.news li h3{ clear: none;  letter-spacing: 0px; margin: 0 0 0 76px }
#content ul.news li span.date { 
	font-weight: normal;
	font-size: 0.8em;
	letter-spacing: 0px;
	margin-left: 0.25em;
	white-space: nowrap;
}
body.home #content ul.news li { font-size: 1.0em; }

#content ul.news li h3 span.date { font-size: 0.9em; }
#content ul.news li.noimage p, #content ul.news li.noimage h2, #content ul.news li.noimage h3 {  margin-left: 0;}
#content .news-photo { float: left; padding: 1px; margin-right: 10px; }
#content .news-item { clear: left;padding: 10px 0px;}
#content .news-item h2 { clear: none; font-size: 1.5em; margin-top: 0; }
#content .news-item p { margin: 0.2em auto; margin-left: 68px; }
#content .last-news-item { 	border-bottom: none;  padding-bottom: 0px; }
#content ul li { margin: 0.2em 0 0.2em 20px; } 
#content ul.column-list { width: 46%;float: left; padding-right: 10px; margin-right: 0px; }
.fstu-postgrad #content ul.column-list { width: 230px;float: left; padding-right: 10px; margin-right: 0px; }
#content ul.directory.column-list.border {padding-right: 25px; margin-right: 20px; }
#content ul.directory { /*margin-top: 18px;*/ }
#content ul.directory li { list-style-image: none; list-style: none; margin: 0 0 1em 0; font-size: 1.2em; }
#content ul.directory li h2 { margin-bottom: 0.2em; letter-spacing: 0px; font-size: 1.0em; }
#content ul.directory li h2 a { font-weight: bold; }
#content ul.directory li p { font-size: 1.0em; margin: 0 0 0.5em 0; }
#content ul.panels { margin: 10px 0; }
ul.caretListItem li { background: url(../images/common/list-item-grey_caret.gif); background-position: 0px 3px; background-repeat: no-repeat;padding-left: 15px; }
#content ul.panels li.last { border-right: none; }
#content ul.panels li h2 { width: 70%; margin-bottom: 0.2em; letter-spacing: 0px; font: 1.4em Arial, Helvetica, sans-serif; }
#content ul.panels li h2 a { font-weight: bold; }
#content ul.panels li a img { border: 1px solid #33c; padding: 1px; }

#content ol { margin-left: 25px; }
#content ol li { margin: 0.5em 0; }
#content dt { font-weight: bold; font-size: 1.1em;  margin-top: 0.4em;}

#content table { font-size: 0.9em; margin:10px 0px 10px 0px;}
#content caption { caption-side: bottom; text-align: right; margin: 0.2em 0; }
#content table td, #content table th { margin: 0; padding: 0.4em; background-color: white; }
#content table th {	font-weight:bold;
}
#content table.tabledata_blue { width:100%;}
#content div.bt { margin-bottom:2px; padding-bottom:2px;}
#content form.boxed {
	padding: 10px;
	width: 45em;
	margin: 10px 0 10px 0;
}
#content form p { margin: 0.25em 0;  vertical-align: middle; }
#content form p.first { margin-top: 0px; }
#content form p.last { margin-bottom: 0px; }
#content form p label { margin-right: 1.2em; vertical-align: middle; position: relative; }
#content form p img {  }

#content dl#visitors-index { float: left; width: 170px; }


#content dl#visitors-index dt { margin-top: 0.2em; }
#content dl#visitors-index li { margin: 0.3em 0 0.3em 14px; }
#content dl#visitors-index li.active a {font-weight: bold; } 
#content dl#visitors-index li.active a:hover { text-decoration: none; cursor: default; }

#content ul#visitors-content { float: left; list-style: none; width: 75%; }
#content ul#visitors-content > li {list-style: none; display: none;  }
#content ul#visitors-content li { list-style-image: none; }

#content ul#visitors-content h2 { margin-top: 4px; margin-bottom: 0.3em; }
#content ul#visitors-content ul.directory { margin: 0; }
#content ul#visitors-content ul.directory li p { font-size: 0.8em; }

#content ul#visitors-content h3 { font-size: 0.9em; font-weight: bold; letter-spacing: 0px;  margin: 0; }
#content ul#visitors-content h3 a { font-weight: bold; }

#content ul#events, #content ul#events > li { list-style: none; list-style-image: none; margin: 0; }
#content ul#events > li { padding-bottom: 13px; border-bottom: 1px dashed #d6d6d6; }
#content ul#events h2 .date { font-weight: normal; font-size: 0.8em; letter-spacing: 0px; margin-left: 0.5em; }

#content p a.button.logintomyuni {width: 8em; font-weight: normal;}

div.obtaincard {margin-top:10px; }
div.contactInfo {margin-top:10px; }

/** Sidebar styles **/
#sidebar { float: right; margin: 20px 0 0 0; width: 180px; text-align: left;  }
#sidebar.withtabs { margin-top: 10px; }
#sidebar.withouttabs { margin-top: 5px; }
#sidebar a {}
#sidebar ul li { padding: 0.2em 0; list-style-image: url(../images/common/list-item-grey_caret.gif); }

#sidebar dl.feature.noborder {
	border:none;
	background:none;
}

#sidebar div.feature { margin-bottom: 10px; }

#sidebar dl.feature { 
	width: 176px; 
	margin: 0 2px 10px 0;
	padding-bottom: 10px; 
	font-size: 1em;
}

#sidebar dl.feature dt { 
	width: 100%;
	background: url(../images/common/feature-generic-top.gif) left top no-repeat; 
	padding: 4px 10px;	
}

#sidebar dl.feature dt.graphic  {
	font-size: 1px;
	letter-spacing: -2000em;
	padding: 0;
	width:176px;
	height:43px;
	overflow:hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
#sidebar dl.feature dt.graphic a {
	display:block;
	width:176px;
	height:43px;
}
#sidebar dl.feature dd {
	padding: 6px 10px;
	margin: -2px 0 -7px 0;
}

#sidebar dl.feature.text {
	width: 176px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#sidebar dl.feature.text dt {
	width: 156px;
}

#sidebar dl.feature.text dd {
	padding: 0 10px;
	margin: 0;
}

#sidebar dl.feature ul { margin: 0; }
#sidebar dl.feature img.photo { float: left; padding: 1px; margin-right: 2px; }
#sidebar dl.feature dd.content h1 { font-size: 1.1em; font-weight: bold; }
#sidebar dl.feature dd.content p { margin: 0.75em 0; font-size: 1.1em; }
#sidebar dl.feature dd.content a { font-size: 1.0em; }
#sidebar a.graphic-feature { 
	width: 177px; 
	height: 43px;
	letter-spacing: -2000em; 
	overflow: hidden; 
	font-size: 0em;
	display: block;
	padding-bottom: 10px; 
	background-repeat: no-repeat;
	background-position: left top;
}

#sidebar div.feature.content {
	margin: 10px 2px 10px 0;
	width: 176px;
}
#sidebar div.feature.content p {
		margin: 0.75em 0; font-size: 1.1em;
	}
#sidebar div.feature.content a { font-size: 1.0em; }

#sidebar dl.feature p {
	line-height: 1.3;
}


/* footer styles */
.f0, f1, f2 {height:1px;}
.f0 {margin:0;border-left:1px solid #f7f7f7;border-right:1px solid #f7f7f7;}
.f1 {margin:0 1px;border-left:1px solid #efefef;border-right:1px solid #efefef;}
.f2 {margin:0 2px;border-left:1px solid #f7f7f7;border-right:1px solid #f7f7f7;}


#foot { clear: both;font-size: 0.9em;text-align: left;margin: 25px;}
.foot-content {padding: 18px;}
#foot p { margin: 0px 0px 0.2em 0px; margin-left: 190px; }
#foot #g8logo {float: left;}

#foot #foot-links {
	margin-left: 190px;
	margin-top: 1em;
}

/*** STRIPS ***/
#content #staff.strip { background: url(/images/common/strip_staff.jpg) 1px 0px repeat-x; }
#content #futurestudents.strip { background: url(/images/common/strip_futurestudents.jpg) 1px 0px repeat-x; }
#content #currentstudents.strip { background: url(/images/common/strip_currentstudents.jpg) 1px 0px repeat-x; }
#content #futurestudents_int.strip { background: url(/images/common/strip_international.jpg) 1px 0px repeat-x; }
#content #futurestudents_int_ug.strip { background: url(/images/common/strip_international_ug.jpg) 1px 0px repeat-x; }
#content #futurestudents_int_pg.strip { background: url(/images/common/strip_international_pg.jpg) 1px 0px repeat-x; }
#content #othercourses.strip { background: url(/images/common/strip_other_courses.jpg) 1px 0px repeat-x; }
#content #courses.strip { background: url(/images/common/strip_courses.jpg) 1px 0px repeat-x; }
#content #careers.strip { background: url(/images/common/strip_careers.jpg) 1px 0px repeat-x; }
#content #tours.strip { background: url(/images/common/strip_tours.jpg) 1px 0px repeat-x; }