**
 * Computing Department Stylesheet
 * 
 * Edward Jung
 * 25 November 2003
 **/

body {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	background-color:#ffffff;
	color:#397772;
	text-align:left;
}
a {
	color:#397772;
}
/* Page centered in browser:
#page {
	position: relative;
	margin:0 auto;
	width:993px;
	height:auto;
	z-index:1;
	text-align:left;
} */

/* Page left aligned in browser, AF 22.10 */
#page {
	position: absolute;
	margin:0 auto;
	width:993px;
	height:auto;
	z-index:1;
	text-align:left;
}

#skip {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	visibility:hidden;
}
#topimage {
	position:absolute;
	top:0px;
	left;0px:
	width:993px;
	height:169px;
	z-index:11;
}

#header {
	position:absolute;
	height:157px;
	z-index:13;
}


#orange_square {
}

#luLogo {
	position:absolute;
	float:left;
	top:8px;
	left:12px;
	background:transparent;
}

#deptTitle {
	position:absolute;
	left:45px;
	top:45px;
	height:107px;
	width:953px;

}

#search {
	position:absolute;
	width:683px;
	top:75px;
	height:23px;
	margin:0.2em 0;
	padding:0.2em;
	text-align:right;
	color:#000000;
	font-size:70%;
	z-index:13;
	vertical-align:middle;

}
#sa {
	vertical-align:middle;
}

#container {
	position:absolute;
	top:148px;
	left:48px;
	width:993px;
	z-index:1;
}
#abovemainNavbg {
	position:absolute;
	top:0px;
	left:0px;
	margin-top:0;
	padding:0;
	height:11px;
	width:945px;
	background-color: #375b57;
	z-index:1;
}

#mainNavbg {
	position:absolute;
	top:11px;
	left:0px;
	margin-top:0;
	padding:0.2em 0.5em 0.5em 0.5em;
	height:56px;
	width:925px;
	z-index:1;
}


#mainNavbgleft{
	position:absolute;
	top:0px;
	left:0px;
	width:207px;
	height:56px;
	background:transparent url(../images/bg_top_left.gif) no-repeat top left;
	z-index:1;
}

#mainNavbgmiddle{
	position:absolute;
	top:0px;
	left:206px;
	width:583px;
	height:56px;
	background-image:url(../images/bg_top_middle.gif);
	background-repeat:repeat-x;
	background-position:top left;
	z-index:1;

}

#mainNavbgright{
	position:absolute;
	top:0px;
	left:743px;
	width:202px;
	height:56px;
	background-image:url(../images/bg_top_right.gif);
	background-repeat:no-repeat;
	background-position:top right;
	z-index:1;

}

#mainNav {
	position:absolute;
	top:13px;
	left:11px;
	margin-top:0;
	padding:0.2em 0.5em 0.5em 0.5em;
	width:90%;
	z-index:10;
}

#belowcookie {
	position:absolute;
	top:67px;
	left:0px;
	height:35px;
	z-index:1;
}

#belowcookieleft {
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:26px;
	background-image:url(../images/bg_belowcookieleft.gif);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:10;
}

#belowcookiemiddle {
	position:absolute;
	top:0px;
	left:210px;
	width:724px;
	height:26px;
	background-image:url(../images/bg_belowcookieright.gif);
	background-position:top left;
	background-repeat:repeat-x;
	z-index:10;

}

#belowcookieright {
	position:absolute;
	top:0px;
	left:934px;
	width:11px;
	height:26px;
	background-image:url(../images/bg_sidebar_right.gif);
	background-position: top right;
	background-repeat:repeat-y;
	index:10;

}


#contentHolder {
	position:absolute;
	top:93px;
	left:0px;
	width:932px;
	margin:0;
	height:auto;
	background-image:url(../images/bg_sidebar.gif);
	background-position:top left;
	background-repeat:repeat-y;
/*	border:1px solid black; 
	border-right:11px solid #375b57; */
}



#sideBar {
	position:absolute;
	left:12px;
	top:0px;
	width:177px;
	padding:0px;
	margin:0;
	height:auto;
	background-image:url(../images/bg_sidebar_top.gif);
	background-position:top left;
	background-repeat:no-repeat;

}

#sideBar ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#397772;
}

#sideBar ul li {
	margin: 0;
	padding-top:2px;
	padding-bottom:2px;
	list-style-type: none;
}

#sideBar  ul ul li {
	margin: 0;
	padding: 0;
	padding-top:2px;
	padding-bottom:2px;
	list-style-type: none;
	line-height:110%;
}

#sideBar ul li a{
	padding-left:3px;
	text-align:left;	
	font-size:11px;
	text-decoration:none;

}
a.sideBar:link{
}
a.sideBar:visited{
}

a.sideBar:active,
a.sideBar:hover,
a.sideBar:focus{
	color:#ff9933;
}
#top_li {
	height:22px;
}

#top_li  li{
	position:absolute;
	left:0px;
}

#current{
	padding-left:3px;
	position:relative;
	background-color:#eaf2f1;
	height:auto;
}
#content {
	padding-top:10px; 
	left:200px;
	top:-10px;
	position:relative;
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	font-size:80%; 
	font-size:13px; 
	line-height:140%;
	width:745px;
/*	border-right:11px solid #375b57; */


	background-image:url(../images/bg_sidebar_right.gif);
	background-position: top right;
	background-repeat:repeat-y; 

}

#content td {
	vertical-align:top;
	font-size: 13px;
}

.sidebar_home {
	position:absolute;
	left:10px;
	width:100px;
	font-weight:bold;
	text-align:right;
	font-style:italic;
	color: #397772;
}

#shortcuts {
	text-align:center;
}

#shortcut1, #shortcut2, #shortcut3, #shortcut4 {
	position:relative;
	width:720px;
	/*height:180px;*/
	height:26ex;
}

#shortcut1 {
}

#shortcut2 {
}

#shortcut3 {
}

#shortcut4 {
}
.shortcutbackground{
	position:absolute;
	left:53px;
	bottom:15px;
}

.shortcutimage{
	position:absolute;
	left:55px;
	bottom:17px;
}

.shortcutlink{
	position:absolute;
	width:400px;
	left:250px;
	/*top:54px;*/
	top:7ex;
	text-decoration:none;
	text-align:left;
}

.shortcutheader{
	position:absolute;
	right:220px;
	/*top:16px;*/
	top:188px;
	width:250px;
	font-weight:bold;
	color:#ffffff;
	text-align:right;
}

.shortcutheader :link, .shortcutheader a:visited {
text-decoration:none;
color:#ffffff;
}

a:hover {
	color:#990000;
}

img {
	border:0;
}
#image1 {
	border:0;
	position:absolute;
	top:16px;
	right: 600px;
	width: 355px;
	left: 355px;
	height: 352px;

}

dt {
	font-weight:bold;
}

dd {
	margin:5px;
}

acronym {
	cursor:help;
	color:#993333;
}

.hide {
	display:none;
}

img.right {
	float:right;
	padding-left:1.5em;
	padding-bottom:1em;
}

img.left {
	float:left;
	padding-right:1.5em;
	padding-bottom:1em;
}

.center {
	text-align:center;
}

ul {
	padding-top:0.1em;
	padding-bottom:0.1em;
	margin-top:0;
	margin-bottom:0;
}

/** heading styles **/

h1 {
	line-height:100%;
	font-size:140%;
	color:#397772;
	font-weight:normal;
}
h1.underline{
	background-image:url(/images/green_underline.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

h2 {
	font-size:120%;
}

h3 {
	font-size:105%;
}

h4 {
	font-size:100%;
}

h2, h3, h4 {
	padding-bottom:0.5em;
	border-bottom:1px #0A6391 solid;
	margin-right:2em;
	color:#006666;
}

p {
	font-size:13px;
	padding-left: 10px;
	padding-right: 10px;

}

.small {
	font-size:90%;
}

.tagline {
	color:#993333;
	padding:0px 30px;
	font-weight:bold;
	text-align:center;
}

.navtop {
	clear:right;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
}

.navtop-plusnav {
	float:left;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}

.navblock {
	float: right;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}

.indent {
	margin-left:5%;
}

.indent2 {
	margin-left:10%;
}

.logoHolder {
	border-collapse:collapse;
	border-spacing:0;
}

form {
	margin:3px;
}

#search a, #search a:visited {
	color:#000000;
	text-decoration:none;
}

.searchbox {
	width:120px;
	font-size:1em;
}

#deptTitle #logo {
	position:absolute;
	left:142px;
	width:600px;
	height:60px;
	top:21px;
}
/*
#mainNav a {
	font-family:  Helvetica,Verdana,Arial, sans-serif;
	font-stretch:wider;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	color:#333333;
}



#mainNav a.menuItem:hover, #mainNav a.menuItem:visited:hover, #mainNav a.selected:hover {
	color:#000000;
	background-color:#ADD6F9;

}


.menu {
	position:relative;
	font-family:  Helvetica,Verdana,Arial, sans-serif;
	font-weight:bold;
	color:#993333;
	border-top:3px #D6E4EC solid;
}

.menu a {
	text-decoration:none;
	color:#0A6391;
}

.menuItem {
	font-size:100%;
	padding:4px 1px;
	padding-top:0;
	background:transparent  repeat;
}



.menuItem:hover, .menuItem:visited:hover {
	color:#0A6391;
	background-color:#CCFFCC;
}
*/
.address {
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	margin-top:1em;
	margin-left:0.1em;
	padding:0.5em;
	font-size:70%;
	background-color:#E8F5FF;
	border:1px #0C8095 solid;
}

/** submenu styles **/

.homeIntro {

}

/* .subMenu .selected a {
	font-weight:normal;
	color:#000000;
}*/


/** submenu styles **/

.rightCol {
	float:right;
	width:160px;
	padding:0.5em;
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	font-size:80%; 
	font-size:13px; 
	border:1px #0C8095 solid;
	line-height:140%;
	text-align:left;
	margin-left:1em;
	margin-top:5px;
	background-color:#F0F5F3;
}

/** styles for content */


#searchContent {
	position:relative;
	margin:0.5em 1em;
	padding:0.5em;
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	background-color:#ffffff;
	font-size:80%;
	font-size:13px;
	line-height:140%;
}


.intro {
	color:#336666;
	font-weight:bold;
}

.quote, .hlbox, .emailbox {
	float:right;
	width:200px;
	padding:5px;
	margin:8px 0px;
	margin-left:10px;
	font-family:Helvetica, Verdana, Arial,  sans-serif;
	font-size:110%;
	background-color:#FFFFCC;
}

.hlbox {
	background-color:#FBCD69;
}

.emailbox {
	width: 250px;
	border: thin solid #FBCD69; 
}

.q {
	font-weight:bold;
	font-size:150%;
	vertical-align:bottom;
}

/** Footer styles **/

#navtop {
	height:40px;
}

#navtop a, #navlr a {
	font-weight: normal;
	color:#ff9933;
	text-decoration:none;
}

#navtop a:hover, #navlr a:visited:hover {
	color:#cc0000;
	/*text-decoration:underline;*/
}

#footer {
	position:absolute;
	left:13px;
	bottom:0px;
	width:921px;
	clear:both;
	padding-bottom:1em;
	border-top:1px solid #ff9933;
	height:100px;
}

#footercopyright {
	text-align:left;
	position:absolute;
	left:10px;
	top:20px;
	width:200px;
	font-size:70%;
	color:#ff9933;
}
#footercopyright a {
	color:#ff9933;
	text-decoration:none;
}
#footermenu {
	font-size:70%;
	position:absolute;
	left:250px;
	top:20px;
	width:600px;
	color:#336666;
}

#maintain {
	position:absolute;
	left:250px;
	top:50px;
	font-size:70%;
	width:600px;
	color:#336666;

}
#footermenu a, #maintain a {
	color:#336666;
	text-decoration:none;
}


.footermenu a {
	color:#333333;
}

/** Hover does not work on IE 5 **/
.footermenu a:hover, .footermenu a:visited:hover {
	color:#000000;
}

.footermenu a.selected, .footermenu a.selected:visited {
	color:#cc0000;
}

/** Lists styles **/
.sml {
	font-size:80%;
}

/**
 * Module information table
 **/
.moduleInfo table {
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:0 1em;
	font-size:95%;
}

.moduleInfo th {
	text-align:left;
	border:1px solid #BED4D8;
	background:#D3E4FB;
	padding:3px;
}

.moduleInfo td {
	border:1px solid #BED4D8;
	padding:3px;
}

.centre {
	text-align:center;
	clear:right;
}


#content .modBox {
	width:175px;
	float:right;
	border:1px solid #0C8095;
	padding:3px;
	margin-left:15px;
	margin-bottom:15px;
	background-color:#ffffff;
}


#content .modBox li {
	font-size:90%;
	padding-left:0;
	margin-left:-20px;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

/** courses styles **/
.course {
	margin-bottom:3em;
	margin-left:1.5em;
	padding-left:0.5em;
	border-left:2px solid #BED4D8;
}

.coursebox {
	margin-left:2em;
	margin-bottom:1em;
	padding-left:10px;
	border-left:2px solid #BED4D8;
	border-bottom:1px solid #BED4D8;
}

.modesbox {
	margin-left:2em;
	border-left:2px solid #BED4D8;
	padding-left:10px;
	margin-bottom:1em;
}

.coursebox a {
	font-weight:bold;
}

.coursebox img {
	float:right;
}

.coursebox li, .modesbox li {
	font-size:95%;
}

.date {
	color:#993333;
	font-weight:bold;
}

.pgtable {
	text-align:center;
}

.pgtable table {
	border-spacing:0;
	border-collapse:collapse;
	margin:0 1em;
	font-size:90%;
}

.pgtable td img {
	margin-bottom:1em;
}

.pgtable td {
	width:33%;
	text-align:left;
	line-height:140%;
	vertical-align:top;
	border-right:1px #BED4D8 solid;
	padding:0.4em;
}

.pgtable indent {
	margin:10px;
}

.pgtable ul {
	list-style-type:square;
	margin:1em 0;
	margin-left:0.25em;
	padding:10px;
}

.pgtable li {
	padding-left:0;
}

/** Phd Styles**/
table.phdapply {
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #BED4D8;
	margin:0.5em 2em;
}

table.phdapply th, table.phdapply td {
	vertical-align:top;
	border:1px solid #BED4D8;
	padding:0.25em;
}

.requestform {
	margin:0 2em;
}

.requestform legend {
	font-weight:bold;
}

.warning {
	color:#ff0000;
	font-weight:bold;
}

.news {
	font-size:85%;
}

.news li {
	padding-bottom:0.5em;
}

/** Research **/
dl.interests {

}

dl.interests dt {
	border-top:1px dotted #AB7D41;
	padding-top:0.5em;
}

dl.interests dd {
	margin-left:3em;
	padding-bottom:0.5em;
}


/** People **/
.people dl {
	margin-left:3em;
}

.people dl dd {
	padding-left:2em;
}

/* Autocomplete class, where should this be then? */

.auto_complete {
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color:#FBCD69;
}

/** Publications **/
table.pub {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #AB7D41;
	font-size:120%;
}

/*td {
	padding:0.4em;
	font-size:80%;
}
*/

td.title {
	font-weight:bold;
	width:15%;
	text-align:right;
	padding:0.4em;
	border-right:1px solid #AB7D41;
}

td.pubtitle {
	font-weight:bold;
	width:15%;
	padding:0.4em;
	border-right:1px solid #AB7D41;
	color:#006666;
}

/** undergrad styles **/
table.ug {
	font-size:120%;
	padding-left:5%;
	padding-right:5%;
	border:2px solid #999999;
	border-spacing:0;
	border-collapse:collapse;
	background:#bbffff;
}

table.ug td {
	font-size:80%;
	font-size:13px;
	border:1px solid #999999;
	border-spacing:0;
	padding:0.5em;
}

table.ug th {
	border:1px solid #999999;
	border-spacing:0;
	padding:0.5em;
}