/*
 * UCL Phonetics and Linguistics CSS Layout
 * Mark Huckvale & Sara Daniels
 * April 2004 - Amended Sept 2005
 */

body {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  background-color: #ffffff;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 82%;
}

h1 {
  color: #003399;
  font-size: 150%;
  font-weight: 900;
  padding: 6pt 0pt 3pt 0pt;
  margin: 0pt;
 
}
h2 {
  color: #003399;
  font-size: 140%;
  font-weight: 700;
  padding: 3pt 0pt 3pt 0pt;
  margin: 0pt;
}
h3 {
  color: #003399;
  font-size: 120%;
  font-weight: 700;
  font-style: italic;
  padding: 3pt 0pt 3pt 0pt;
  margin: 0pt;

}
h4 {
  color: #003399;
  font-size: 110%;
  font-weight: 700;
  padding: 3pt 0pt 3pt 0pt;
  margin: 0pt;
  text-align: left;
}

img {
  border: none;
}
.photo {
  padding: 2mm;
}
/* select {
  clear: right;
} */
.clearright {
  clear: right;
}

.subhead {
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #003399;
  text-decoration: none;
  /* clear: right; */
}

.subheadwhite {
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: white;
  text-decoration: none;
}


.smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: black;
  text-decoration: none;
  margin-bottom: -1px;
}

.smalltextblue {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #003399;
  text-decoration: none;
  margin-bottom: -1px;
}

.smallCaps {
  font-variant: small-caps;
}

/* q {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  text-align: left;
  width: 9em;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  border-style: solid;
  border-width: 1px;
  float: right;
} */

acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", "courier new", courier, monospace;
}


#bodyText {
  position: relative;
  top:0 /*107px*/;
  left:0 /*151px*/;
  text-align: justify;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border:0px none;
}
#bodyText a {
  text-decoration: none;
  font-weight: 800;
}
#bodyText a:hover {
  text-decoration: underline;
  font-weight: 800;
}
#bodyText table {
  margin: 0pt 0pt 3pt 0pt;
}

.bodyText {
  text-align: justify;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border:0px none;
}
.bodyText a {
  text-decoration: none;
  font-weight: 800;
}
.bodyText a:hover {
  text-decoration: underline;
  font-weight: 800;
}
.bodyText table {
  margin: 0pt 0pt 3pt 0pt;
}

.bodyTextUnicode {
  font-family: "Lucida Sans Unicode", "Doulos SIL", "Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 110%;
  text-align: justify;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border:0px none;
}

.bodyTextUnicode a {
  text-decoration: none;
  font-weight: 800;
}
.bodyTextUnicode a:hover {
  text-decoration: underline;
  font-weight: 800;
}
.bodyTextUnicode table {
  margin: 0pt 0pt 3pt 0pt;
}

p {
  padding: 0pt 0pt 3pt 0pt;
  margin-left: 12pt;
  margin-right: 0pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
ul {
  padding-top: 0pt;
  padding-bottom: 3pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
ol {
  padding-top: 0pt;
  padding-bottom: 3pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
dl {
  padding-top: 0pt;
  padding-bottom: 3pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
dt {
  padding: 0pt;
  margin-left: 30pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
dd {
  padding: 0pt;
  margin-left: 40pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
form {
  padding: 0pt;
  margin-left: 12pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}



/* ###### Header ###### */

#upperMenuBar {
  position: relative;
  height: 15px;
  width: 100%;
  top:0px;
  border:0px none;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size:11px;
  padding:0;
}

#upperMenuBar a {
  text-decoration: none;
  padding-left: 0.8ex;
  padding-right: 1.6ex;
}

#upperMenuBar a:hover {
  text-decoration: underline;
}

.LHS {
  position: absolute;
  left: 1.7mm;
  /* top: 0.5ex; */
}

.RHS {
  position: relative; 
  right: 0.6mm;
  /* top: 0.5ex; */
}

#header {
  position: absolute;
  height: 50px;
  width: 466px;
  top:15px;
  border:0px none;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size:14px;
  padding:0;
  margin:0;
}

#headerSearch {
  position: absolute;
  height: 50px;
  top:0px;
  left: 0px;
  border:0px none;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size:12px;
  padding:2px;
  margin:0;
  text-align: left;
}

#headerSearch .text {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  padding:0px;
  border-style: solid;
  border-width: 1px;
}

#headerSearch .submit {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-size: 11px;
  padding:0px;
  border-style: solid;
  border-width: 1px;
}

#lowerMenuBar {
  position: absolute;
  height: 15px;
  width: 100%;
  top:68px;
  border:0px none;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size:12px;
  padding:3px 0px 3px 0px;
  margin: 0;
  overflow:hidden;
}

#lowerMenuBar a {
  font-weight: bold;
  text-decoration: none;
  padding-left: 0.75ex;
  padding-right: 0.75ex;
  margin: 0;
  font-size:12px;
}  

#lowerMenuBar a:hover {
  text-decoration: underline;
}

#lowerMenuBar20 {
  position: absolute;
  height: 20px;
  width: 100%;
  top:68px;
  border:0px none;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size:12px;
  padding:3px 0px 3px 0px;
  margin: 0;
  overflow:hidden;
}

#lowerMenuBar20 a {
  font-weight: bold;
  text-decoration: none;
  padding-left: 0.75ex;
  padding-right: 0.75ex;
  margin: 0;
  font-size:12px;
}  

#lowerMenuBar20 a:hover {
  text-decoration: underline;
}


#upperMenuBar .highlight, #lowerMenuBar .highlight {
  /* See: color-scheme.css */
}


#breadcrumb {
  position:absolute;
  height: 15px;
  width: 100%;
  top:85px;
  font-size:11px;
  padding:2px;
  border-style: solid;
  border-width: 1px;
  overflow:hidden;
}

#breadcrumb a {
  font-size:11px;
  text-decoration: none;
  padding-left: 0.8ex;
  padding-right: 0.8ex;
}  

#breadcrumb a:hover {
  text-decoration: underline;
}


/* ###### Side Boxes ###### */

@media print {
  #sidemenubar { display: none; }
}


#sidemenu {
  position: relative;
  width: 150px;
  top:0 /* 107px */;
  left:0px;
  background-color: #f0f0f0;
  margin:0;
  padding:0 0px 0 0px;
}

#sidemenu .sideMenuBox {
  background-color: #f0f0f0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
}

#sidemenu .sideTextBox {
  border-bottom: 1px solid #999999;
  padding-top: 5px;
  padding-bottom: 5px;
}

.sideMenuBox div, .sideTextBox div {
  /* font-weight: bold; */
  font-size: 8pt;
  padding-left: 5px;
  padding-bottom: 5px;
  width: 140px;
}

.sideMenuBox div ul, .sideTextBox div ul {
  /* font-weight: bold; */
  margin:0;
  padding: 0 0 0 12px;
  font-size: 8pt;
}

.sideMenuBox a {
  text-decoration: none;
  display: block;
  text-indent: -5px;
  padding-left: 7px;
}

.sideMenuBox a:hover {
  /* See: color-scheme.css */
}

.sideMenuBox span, .sideTextBox span {
  width: 140px;
  font-size: 9pt;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 5px;
  display: block;
}

.sideTextBox a {
  text-decoration: none;
  display: block;
  text-indent:-2ex;
  padding-left:2ex;
}

.sideTextBox a:hover {
  /* See: color-scheme.css */
}

.padded {
	padding: 0 3px 0 3px
}

/* ###### Footer ###### */

#footer {
  left:0;
  width:100%;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 9pt;
  padding: 1mm 0mm 1mm 0mm;
  clear: left;
}

#footer div {
  text-align: right;
  line-height: 1.45em;
  padding-right: 1em;
}

#footer a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#footer a:hover {
  border-bottom: none;
}

.footerLHS {
  text-align: left;
  padding-left: 1em;
  float: left;
  /* clear: left; */
}

/* events listing */

table.eventlist, table.coursesdboutputtable {
  border: 1px black solid; 
  padding: 0px; 
  text-align: center; 
  margin: 5px 5px; 
  background: white;
  width: 100%;
}
table.eventlist tr th, table.eventlist tr th a, th.eventlist {
  background:  #173958; 
  color: white;
  text-align: center;
  font-size: 8pt;
  text-decoration: none;
} 
table.eventlist tr td, table.coursesdboutputtable tr td  {
  padding: 5px; 
  background: rgb(240,240,240); 
  font-size: 8pt;
  text-align: left;
  vertical-align: text-top;
}

/* ###### Text Colors ###### */

body {color: black;}

#bodyText a {color: #003399;}
.bodyText a {color: #003399;}

#upperMenuBar, #upperMenuBar a {color: white;}

#header {color: #003399;}

#headerSearch .submit {color: white;}

#lowerMenuBar, #lowerMenuBar a {color: #173958;}
#lowerMenuBar20, #lowerMenuBar20 a {color: #173958;}

#upperMenuBar .highlight {color: white;}

#lowerMenuBar .highlight {color: white;}
#lowerMenuBar20 .highlight {color: white;}

#breadcrumb {color: black;}
#breadcrumb a {color: #3366cc;}

.sideMenuBox {color: black;}

.sideMenuBox a {color: #173958;}

.sideMenuBox a:hover {color: white;}

.sideMenuBox span {color: #003399;
font-weight: bold;
font-variant: small-caps;}

.sideTextBox span {color: black;}

.sideTextBox a {color: #003399;}

#footer, #footer a {color: white;}

.incomplete { color: red; }

/* ###### Background Colors ###### */

q {background-color: #99ccff;}

#upperMenuBar {background-color: 
	#173958;}

#header {background-color: 
	#173958;}

#headerSearch .submit {background-color: #173958;}

#lowerMenuBar {background-color:   #92AEC7;}
#lowerMenuBar20 {background-color:   #92AEC7;}

#breadcrumb {background-color: #99ccff;}

.sideMenuBox a:hover {background-color: #173958;}
.sideTextBox a:hover {background-color: #6699cc;}

#footer {background-color:  #173958;}


/* ###### Border Colors ###### */

q {border-color: #999999;}

acronym {border-bottom-color: #003399;}

#bodyText a {border-bottom-color: #003399;}

#headerSearch .text {border-color: #003399;}

#headerSearch .submit {border-color: #ffffff;}

#lowerMenuBar {border-color: #cccccc;}
#lowerMenuBar20 {border-color: #cccccc;}

#breadcrumb {border-color: #003399;}

.sideTextBox a {border-bottom-color: #3366cc;}

#footer a {border-bottom-color: white;}

/* ###### Home page - index.php features ###### */

.feature_heading {color: #228822; font-style: normal }

.feature {border: 1px ridge #0000FF;}

.advert {
	color: #0000FF;
	background-color: #FFFFCC;
	border: none;
	background-position: center;
}
.advert2 {
	font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}	
.department {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
}

.conf {
	background-color: #CCCCCC;
	border: 1px solid #173958;
}

.pink {
	background-color: #FFCCCC;
	padding: 3px;
}

/* NEW */
.section_header_white {
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
    }
	
.section_header_white a:link{
    font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

.section_header_white a:visited{
    font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
.section_header_white a:hover{
    font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.section_header_white a:active {
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.section_header_white_sub {
	font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
    }
.section_header_white_sub a:link{
	font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.section_header_white_sub a:visited{
    font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
.section_header_white_sub a:hover{
    font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.section_header_white_sub a:active {
	font-size: 14px;
	font-weight:normal;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.new_search {
	padding: 2px 1px 1px;
	position: relative;
	width: 150px;
	left: 1px;
	float: none;
	background-color: #f0f0f0;
	background-position: left;
	top: 1px;
}
.new_search_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173958;
	background-color: #FFFFFF;
}
.new_search_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #173958;
	border: 1px ridge #f0f0f0;
}