/* ====================================================================== */
/*             Staffordshire University main site stylesheet              */
/*                          Tue 6 Apr 2010                                          */
/* ====================================================================== */
/*
	Contents
	========
	
	L. Layout
		L.1 Common layout
		L.2 Header and footer layout
		L.3 Left navigation layout
		L.4 Tables layout
		L.5 Component-specific layout
		L.6 Course search layout
			L.6.1 Course search results layout
		L.7 A to Z layout
		L.8 Article layout
		L.9 Forms and search layout
			L.9.1. Search results layout
		L.10 List layout
		L.11 News archive tab layout
	S. Styles
		S.1 Common styles
		S.2 Header and footer styles
		S.3 Left navigation styles
		S.4 Tables styles
		S.5 Component-specific styles
		S.6 Course search styles
			S.6.1 Course search results styles
		S.7 A to Z styles
		S.8 Article styles
		S.9 Forms and search styles
			S.9.1 Search results styles
		S.10 List styles
		S.11 News archive tab styles
	B. Backgrounds
	F. Fixes for common errors
	D. Layout and styles for items in development
*/

/* ====================================== */
/*              L. Layout                 */
/* ====================================== */


/********** L.1 Common layout ************/

body {
	margin: 0 10px 0 10px;
	padding: 0px;
}
.staffscontent {
    position: absolute;
    height: 100%;
    width: 98%;
    min-width: 980px;
}
.content {
    margin-left: 155px;
    min-height: 550px;
}
.clearall {
    clear: both;
}
h1 {
    padding: 0;
    margin: 8px 0 10px 0;
}
h2 {
    margin: 0 0 2px 0;
    padding: 2px 0 2px 2em;
}
h3 {
    padding: 0;
    margin: 4px 0 2px 0;
}
h4 {
    padding: 0;
    margin: 0 0 2px 0;
}
body.content p {
    margin: 5px 5px 5px 8px;
}
body p {
    margin: 0;
    padding: 0;
}
.links {
    margin: 0 0 0 5px;
    float: left;
    width: 80px;
}
.component1 div.links {
    width: 20%;
}
.links .links {
    margin: 10px 0 5px 10px;
}
.links a {
    margin: 15px 0 0px 0;
    line-height: 18px;
    font-size: 1.1em;
}
.links a:hover {
    margin: 15px 0 0 0;
    line-height: 18px;
}
.links p {
    font-size: 1em;
}
.margtop {
    margin-top: 15px;
}
.floatleft {
    float: left;
}
.spacer5 {
    margin-top: 5px;
}
.content ul li, .content ol li {
    margin-left: -5px;
}
.bordertop {
    margin-right: 1px;
    padding: 0;
}
.dotsplitter {
    height: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.dotsplitter2 {
    height: 1px;
}
.hidden {
   display: none;
}
/*====== End L.1 Common layout =======*/

/******* L.2 Header and footer layout ************/

.masthead {
    height: 85px;
    vertical-align: text-bottom;
}
/* University logo */
.masthead img {
    float: right;
}
.masthead .tabmenu ul li a {
    display: block;
    padding: 3px 10px;
    margin-top: 4px;
}
.masthead .tabmenu .current {
    display: block;
    padding: 0 5px 0 0px;
}
.masthead .tabmenu .current a {
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.masthead .tabmenu .aftercurrent a {
    display: block;
    padding-top: 3px;
    margin-left: -6px;
}
.masthead .topbar ul {
    margin: 0;
    padding: 0;
}
.masthead .topbar ul li {
    float: left;
}
.masthead .topbar ul li a {
    padding: 0 5px 0 5px;
}
.masthead .search {
    left: 290px;
    top: 8px;
    position: absolute;
}
.masthead .search label {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.TabMenuItem ul {
    margin: 0;
    padding: 0px 10px 0;
}
.topholder {
    position: absolute;
    width: 630px;
    left: 4px;
    top: 3px;
}
.topsizer {
    width: 320px;
}
.topbar {
    float: left;
    clear: right;
    padding: 4px 0px 0 0px;
}
.textchanger {
    float: left;
    width: 75px;
    padding: 0px;
    margin: 4px 0 0 0px;
}
.textchanger img {
    float: left;
    padding: 0 5px 0 0px;
}
form.listbox {
    height: 10px;
    position: absolute;
    left: 415px;
    top: 5px;
}
.quickmenu {
    float: left;
    width: 130px;
    padding-bottom: 0px;
    margin: 0 0 2px 35px;
    height: 17px;
    position: absolute;
    top: 1px;
}
.tabmenu ul {
    margin: 0;
    padding: 0px 10px 0;
}
.tabmenu li {
    float: left;
    padding: 0px;
    height: 25px;
}
.tab1 {
    position: absolute;
    top: 60px;
    float: left;
    width: 690px;
    left: 6px;
}
.submenuholder {
    height: 14px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.submenu {
    margin: 3px 0 3px 0px;
}
.submenu ul {
    margin: 0;
    padding: 0;
    padding: 0px 10px 0;
}
.submenu li {
    float: left;
}
.submenuholder .submenu ul li a {
    padding: 0 5px 0 5px;
}
.footer {
    clear: both;
    height: 16px;
    margin: 10px 0 5px 0;
    padding: 2px 0 0 5px;
}
.footerbase {
    margin: 8px 0 10px 0;
}
.footerlinks1, .footerlinks2 {
    padding: 2px 0 2px 5px;
}
.search .siteSearch_field {
    height: 14px;
}
.search .siteSearch_field_large {
    height: 19px;
}
.search .siteSearch_submit {
    height: 18px;
    margin-left: -3px;
    padding: 0px;
    width: 20px;
}
/*======== End L.2 header and footer layout ========*/


/*********** L.3 Left navigation layout *************/
.menublock {
    position: absolute;
    left: 0;
    width: 150px;
}
/*main container for the left menu*/
.leftmenu {
    width: 145px;
    height: 95%;
}
/*border div to go around left menu sections*/
.bborder, .rborder {
    width: 145px;
}
.relatedmenutitle, .menutitle {
    display: block;
    padding: 3px 0px 3px 0px;
    width: 145px;
}
.spacer {
    display: block;
    height: 15px;
}
/*TREE MENU : List*/

/*container for the menu items*/
.leftmenu .list ul {
    margin: 0px;
    padding: 0px;
}
.leftmenu .list ul a {
    /* Needs some changing */
}
/*an individual menu item*/
.leftmenu .list ul li {
    display: block;
    line-height: 18px;
    text-decoration: none;
	padding-left: 15px;
}
/* === Correction code === */
.leftmenu .list ul li ul {
	margin-left: -15px;
}
.leftmenu .list ul li ul li {
	margin-left: 15px;
}
/* === End correction code === */
/*show the selected item slightly differently*/
.selected, .leftmenu .bborder .list .alt2 .selected a,  .leftmenu .bborder .list .alt1 .selected a {
	display: block;
	width: 130px;
}
/*alternate version of the above
.selected2 {
    padding-left: 12px;
}*/
/* Link colours black for all links */
.leftmenu .list ul li a {
    display: block;
    width: 100%;
}
/* indent for 2nd level items*/
.leftmenu .list ul li ul li a {
    display: block;
	/*padding-left: 15px;*/
	width: 110px;
	padding-right: 5px;
}
/* grey hover over for first level items */
.leftmenu .list ul li a:hover {
    display: block;
}
/* hover state for black arrows */
.leftmenu .list ul li ul li a:hover {
    display: block;
}
/* related links in red background */
.leftmenu .rborder .list ul li ul li a:hover {
    display: block;
}
.leftbanners {
   margin-top: 14px;
}
.leftbanners img {
   margin-bottom: 5px;
}
/*========= End L.3 left navigation layout =========*/

/********* L.4 Tables layout *******/
table {
    border-collapse: collapse;
}
th {
	text-align: left;
}
th, td {
	padding:10px 15px 10px 10px;
}
.tree td {
    padding: 0;
}
.table1, .table2 {
    width: 100%;
    margin-top: 10px;
    padding: 0px;
}
th, td {
    vertical-align: top;
}
/*========= End L.4 tables layout =========*/

/********* L.5 Component-specific layout ********/
/* Used 5 times */
.indexTopPanel ul {
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0;
}

.indexTopPanel {
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.indextopright {
    margin-left: 360px;
    margin-right: 2px;
}
/* Used 4 times */
.indextopleft {
    width: 352px;
    height: 178px;
    position: absolute;
    left: 0;
}
.linksLeftHolder .links, .linksMidHolder .links {
	margin-top: 5px;
	width: 48%;
}
.linksLeftHolder ul li, .linksMidHolder ul li {
    margin-top: 0px;
}
.linksLeftHolder ul li a, .linksMidHolder ul li a {
    margin: 15px 0 0 0;
}
.linksLeftHolder a:hover, .linksMidHolder a:hover {
    margin: 15px 0 0 0;
}

/* Used 3 times */
.indextopright .block p a {
    color: #000000;
    text-decoration: none;
}
.indextopright .default a {
    display: block;
    width: 100px;
    height: 20px;
    padding: 2px 0 0 5px;
    margin-bottom: 4px;
}
.midblock3way {
    width: 100%;
}
.split3way {
    float: left;
    width: 33%;
    height: 150px;
    padding-right: 1px;
    margin-top: 5px;
    min-height: 150px;
}
.split3wayEnd {
    float: left;
    width: 33%;
    margin-top: 5px;
    min-height: 150px;
}
.bottomBlock {
    padding-top: 5px;
    padding-bottom: 10px;
    height: 90px;
    clear: both;
}

/* Used 2 times */
.facultytopright {
	height: 175px;
	width: 100%;
}
.midblocklower2 {
    clear: both;
}
.topblocks h3 {
    margin: 5px 0 0 8px;
}
.topblocks img {
    width: 65px;
    height: 50px;
    margin-left: 7px;
    margin-right: 5px;
    margin-top: 5px;
}
body.pages .topblocks {
    float: left;
    height: 86px;
    margin-top: 5px;
    float: none;
}
.topblocks p {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
}

/* 5.1.1 Flash and free HTML block */
.testcontainer {
    margin-left: 380px;
    height: 300px;
}
.testcontainer2 {
    margin-left: 2px;
    height: 175px;
}
body.pages .block {
    height: 39px;
    padding: 0;
    margin-bottom: 2px;
}
body.pages .block p {
    margin: 7px 0px 0px 13px;
    padding: 0;
}
body.pages .block img {
    margin-right: 10px;
}

/* ===== 5.1.2 Flash and links =====*/
.facultytoplinks {
    padding-top: 40px;
    margin-left: 120px;
}
.topleftwidthkeeper {
    width: 280px;
}
.linkstop {
    float: left;
    padding-left: 25px;
    width: 150px;
}

/* ===== 5.1.3 Flash and two articles ===== */
.toprightholder {
    float: left;
    clear: right;
	width: 100%;
}

/* ==== 5.1.5 Search and banners ===== */

.bannerHolderBlock {
    margin: 0 0 0 439px;
    padding: 8px 0 0 0;
}
.bannerHolder {
    margin-left: 1px;
	margin-right: 1px;
    float: left;
}
.bannerHolderExpandable {
	height: 85px;
	padding: 0px;
	position: absolute;
                left: 745px;
                right: 0px;
}
/* Apply different styles on pages with left navigation */
.content .bannerHolder {
    margin-left: 0px;
	margin-right: 0px;
    float: left;
}
.content .bannerHolderExpandable {
    margin-left: 1px;
	float: left;
	height: 85px;
	padding: 0px;
	float: none;
}

/* ===== 5.1.6 5 articles in a row =====*/
.rowofpics .rowof5 {
    width: 19%;
    float: left;
    text-align: center;
}
.rowofpics .rowof5 img{
    width: 65px;
    height: 50px;
}
/* ===== 5.1.7 Banners ===== */
.bannerads {
    float: left;
    padding: 0;
    margin: 0;
    width: 24%;
    height: 90px;
}

/* ===== 5.1.8 Links small, links half, news ticker ===== */
.indexLeftBlock {
	float: left;
	width: 366px;
	height: 130px;
	padding-bottom: 5px;
}
.midBlock {
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	width: 366px;
	height: 130px;
	padding-bottom: 5px;
}

/* ===== 5.2.1 Small Flash right alignment and two articles ===== */
.topsplitright {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
}
.topsplitleft img {
    margin-right: 5px;
}
.topsplitleft {
    height: 175px;
    margin-right: 275px;
}

/* ===== 5.2.2 Small links and virtual tours ===== */
.midBlockwide {
    margin-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}
.midBlockwide br {
    float: left;
    clear: none;
}
.rowof4 {
    width: 23%;
    float: left;
    margin-left: 5px;
}
.rowof4 a {
    display: block;
    width: 65px;
}
.rowof4 img {
    margin-top: 4px;
}
/* ===== 5.2.3 4 articles in a row ===== */
.newsbottom {
    float: left;
    padding: 10px 5px 5px 5px;
    width: 23%;
font-size: 12px;
}
.newsbottom img {
    float: left;
    width: 65px;
    height: 50px;
    margin-right: 7px;
}
.newsbottom p {
    float: left;
    margin-left: 30px;
}

/* ===== 5.4 Article - half page width ===== */
.topcontainer {
    overflow: auto;
    width: 100%;
}
.split2way {
    float: left;
    width: 50%;
    padding-right: 1px;
}
.split2wayend {
    float: left;
    width: 49.5%;
}
.split2way img, .split2wayend img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.split2way p, .split2wayend p {
    padding: 5px 5px 5px 5px;
    font-size: 1.2em;
}

/* ===== 5.5 Article - full page width ===== */
.componentnews img {
    float: left;
    margin-right: 5px;
}
.componentnews h2, .componentnews h4 {
    text-indent: 5px;
}

/* ===== 5.7 Image gallery ===== */
.gradshowbg {
    float: left;
    margin-right: 5px;
    width: 118px;
}
.gradshowbg p {
    margin-top: 250px;
}
.gradshowholder {
    margin-left: 130px;
}
.gradshow {
    padding: 0;
}
.gradshow img {
    float: left;
    padding: 0;
    margin: 0px 5px 5px 0;
}
.gradtextlinks {
    float: left;
    margin: 0px;
    padding: 0px;
}
.gradshowholder a {
    overflow: hidden;
}

/* ===== 5.8 Virtual tours / video galleries ===== */
.Vtoursholder {
    position: absolute;
    left: 161px;
    width: 310px;
    top: 168px;
}
.Vtoursdescription {
    margin-left: 450px;
    margin-bottom: 10px;
    width: 215px;
    padding: 5px;
}
.Vtourmedia {
    width: 215px;
    height: 20px;
    padding: 3px 0 0 5px;
}
.VtourAllmedia {
    width: 215px;
    height: 28px;
    margin-top: 5px;
    padding: 6px 0 0 5px;
}
.Vtoursthumbscroll {
    margin-left: 450px;
}
.VtoursQT {
    width: 380px;
    float: left;
}
.videotext {
    width: 590px;
}
.videotext p {
    padding-left: 5px;
}
.VtoursTut {
    width: 175px;
    float: left;
}
.VtoursQT img {
    float: left;
    margin: 10px 5px 0 10px;
}
.VtoursQT p {
    float: left;
}
.clipselector {
    clear: left;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 210px;
    height: 198px;
    overflow: auto;
}
.clipselector .clip {
    width: 190px;
	height: 55px;
	clear: both;
}
.clipselector .clip a {
	float: left;
	width: 90px;
}
.clipselector .clip img {
    width: 65px;
    height: 50px;
}
/* News ticker */
.indexRightBlock {
	float: left;
	padding: 0px;
	margin: 0px;
	height: 130px;
	padding-bottom: 5px;
	position: absolute;
	right: 0px;
	left: 732px;
}
#newsticker {
    overflow: hidden;
}
#newsticker img {
    float: left;
}
#newsticker h3 {
    padding: 0px;
    margin: 0px;
}
.tempholder,  #flashcontent2, #newsticker {
	float: left;
}
/*=== End L.5 component-specific layout ===*/

/********** L.6 Course search layout ************/
.courseSearchBlock {
    margin: 8px 6px 0px 0px;
	float: left;
}
.courseSearch {
	width: 435px;
	height: 85px;
}
.courseSearch .selector {
	height: 16px;
}
.courseSearch .selector ul {
	padding: 0px;
	margin: 0px;
}
.courseSearch .selector li {
	display: block;
	float: left;
	margin: 2px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
}
.courseSearch .selector li a {
	padding-right: 6px;
	font-size: 11px;
}
.courseSearch .selector ul .current a {
	display: block;
	padding: 0px 10px 0px 8px;
}
.courseSearch .searchboxarea {
	clear: left;
	padding: 4px 5px 4px 5px;
	float: left;
	height: 25px;
}
.courseSearch input.courseSearch_submit {
	width: 90px;
	height: 19px;
}
.courseSearch form.search {
	padding: 0px;
	margin: 0px;
}
.courseSearch .atozsearch {
	padding-left: 4px;
	height: 15px;
	clear: both;
}
.courseSearch .modeSelector {
	margin-top: 2px;
}
/* Course search field */
.courseSearch .siteSearch_field_large {
	height: 19px;
	width: 70%;
}
/* Submit button */
.courseSearch .siteSearch_submit {
    height: 18px;
    padding: 0px;
    width: 10%;
}
/*======= End L.6 course search layout =========*/

/********** L.6.1 Course search results layout **********/
.ResultsTable {
	width: 90%;
}
.ResultsTable .CourseSearchResult1 {
	width: 45%;
}
.ResultsTable .CourseSearchResult2 {
	width: 24%;
}
.ResultsTable .CourseSearchResult3 {
	width: 31%;
}
/*======== End L.6.1 Course search results layout =========*/

/******** L.7 A to Z layout ********/
.AtoZ .selected {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}
.AtoZ a {
	padding-left: 2px;
	padding-right: 2px;
}
.AtoZ a:hover {
	padding-left: 2px;
	padding-right: 2px;
}
/*====== End L.7 A to Z layout ======*/

/******** L.8 Article layout ********/
.backtotop {
    float: right;
    margin: 0 5px 3px 0;
    padding: 0px;
    font-size: 1.1em;
}
.backtotop img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.backtotop a, .backtotop a:visited, .backtotop a:hover, .backtotop a:active {
    color: #999999;
}
.component1 .links {
    float: left;
    padding: 5px 0 0 0;
	width:auto;
}
.component1 p {
    clear: right;
    padding: 0 0 0 0px;
    margin: 5px 0 5px 0px;
}
.component1 img {
    float: left;
    margin: 0px 10px 10px 0;
}
.component2 {
    width: 100%;
}
.component2 .links {
    float: left;
    padding: 5px 25px 10px 0;
}
.component2 p {
    padding: 0 0 0 0px;
    margin: 5px 0 5px 0px;
}
.component2 img {
    float: right;
    margin: 0 10px 0 10px;
}
/*====== End L.8 article layout ======*/

/******* L.9 Forms and search layout ******/
.splitright {
    float: right;
    width: 200px;
    padding-left: 15px;
}
.splitright p {
    font-size: 1.1em;
    line-height: 1.1em;
}
.splitleft {
    margin-right: 170px;
}
.formElement {
    clear: both;
    padding-left: 0.2em;
    padding-top: 0.2em;
}
.formElement1 {
    clear: both;
    padding-left: 5em;
    padding-top: 0.2em;
}

.formHeadPad {
    padding-left: 1em;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
}
.formHead {
    padding-right: 0em;
    padding-left: 0em;
    float: none;
    padding-bottom: 0em;
    margin: 0em;
    width: 100%;
    padding-top: 0em;
}
fieldset {
    margin: 0em;
    padding: 0.7em;
}
legend {
    margin-bottom: 5px;
    padding: 1px;
    width: 450px;
    display: block;
    font-size: 1.2em;
}
.formSection {
    float: none;
    padding-bottom: 0.6em;
    width: 100%;
    padding-top: 0.6em;
}
.formSection p {
    margin-bottom: 10px;
    margin-left: 10px;
}
.formSection .labelBlock p {
    margin-bottom: 0px;
    margin-left: 0px;
}
.contentBlockBorder form {
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0em;
    margin: 0em;
    padding-top: 0em;
}
.labelColumn {
    padding-left: 0.8em;
    float: left;
    width: 40%;
}
.inputColumn {
   float: left;
   width: 40%;
}
form.search .labelColumn {
    padding: 8px 0 0 10px;
    float: left;
    width: 145px;
}
form.search .searchbtn {
    position: absolute;
    right: 0;
    margin: 5px 5px 5px 5px;
}
.labelColumnNoIndent {
    float: left;
    width: 30%;
}
.labelBlock {
    float: left;
    width: 90%;
}
.inputBlock {
    padding-left: 0.8em;
    padding-bottom: 0.4em;
}
form.search .leftmenu {
    width: 330px;
    float: left;
    height: 40px;
}
form.search .department {
    width: 170px;
}
form.search .inputBlock {
    padding: 4px 0 0 0;
}
.clickButtonsPad {
    padding-left: 0.8em;
    padding-bottom: 0.8em;
    padding-top: 0.4em;
}
.clickButtonsBlock {
    float: none;
    width: 98%;
    text-align: left;
}
.clickButtonsBlock P {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 1em;
    width: 100%;
    padding-top: 0em;
    text-align: left;
}
.yesNoLabelColumn {
    padding-left: 0.8em;
    float: left;
    width: 65%;
}
.yesNoAnswerColumn {
    padding-right: 0.8em;
    float: left;
}
.fullWidthLabelColumn {
    padding-left: 1em;
    float: left;
    width: 95%;
}
/* ===== Image Upload ===== */
.copyrightwarning {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 40em;
	padding: 5px;
}
.copyrightwarning img {
	margin-right: 5px;
}
/*========= End L.9 forms and search layout ========*/

/*********** L.9.1 Search results layout ************/
.searchresult {
   margin-top: 20px;
   margin-bottom: 20px;
}
.pagenumbers {
	margin-top: 15px;
	margin-bottom: 15px;
}
.pagenumbers .selected {
    display: inline;
    width: 245px;
}
/*========= End L.9.1 search results layout ========*/

/*********** L.10 List layout ************/
.basiclist .list1 ul li {
    padding: 0;
    margin: 0;
}
.basiclist .list1 ul li ul {
    padding: 0;
    margin: 0;
}
.basiclist .list1 ul li ul li {
    margin: 0 0 0 0;
    padding: 0 0 6px 0;
}
/*========== End L.10 list layout =======*/

/*********** L.11 News archive tab layout ************/
.Archivetab1 {
    float: left;
}
.Archivetabmenu ul {
    margin: 0px;
    padding: 0px;
}
.Archivetabmenu li {
    float: left;
    padding: 0px;
    margin: 5px;
    height: 25px;
    width: 60px;
}
.content .Archivetabmenu a {
    display: block;
    padding: 3px 15px;
    margin-top: 4px;
}
.content .Archivetabmenu .current a {
    display: block;
    padding-bottom: 2px;
}
.ArchivetabmenuMonth ul {
    margin: 0px;
    padding: 0px;
}
.ArchivetabmenuMonth li {
    float: left;
    padding: 0px;
    height: 20px;
    width: 45px;
}
.content .ArchivetabmenuMonth a {
    display: block;
    padding: 0px 15px;
    margin-top: 4px;
}
.content .ArchivetabmenuMonth .current a {
    display: block;
}
/*========== End L.11 News archive tab layout =======*/

/* ====================================== */
/*            S. Styles                   */
/* ====================================== */

/******* S.1 Common styles ********/

body {
	color: #000000;
	font: 62.5% Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.staffscontent {
    background-color: #FFFFFF;
}
h1 {
    color: #CC0000;
    font-size: 1.8em;
    font-weight: bold;
}
h2 {
    background: #E6E6E6 url(/images_new/arrow_b.gif);
    background-position: .6em;
    background-repeat: no-repeat;
    color: #CC0000;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}
h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #CC0000;
}
abbr, acronym {
    border-bottom: 1px dotted #000000;
}
body.content p {
    line-height: 24px;
}
body p {
    font: 1.2em Arial, Helvetica, sans-serif;
}
a:link, a:visited {
    color: #CE0000;
}
a:hover {
    color: #CE0000;
    text-decoration: none;
}
a:active {
    color: #CE0000;
    text-decoration: none;
}
a img {
    border: 0px;
}
blockquote, address {
    font: 1.2em Arial, Helvetica, sans-serif;
    font-style: italic;
}
address {
   margin-bottom: 1em;
}
q {
    font-style: italic;
}
.links {
    font-size: 1em;
}
.links a {
    text-decoration: underline;
}
.links .links p {
    line-height: 18px;
}
.links a {
    color: #222222;
    text-decoration: none;
    line-height: 18px;
    font-size: 1.1em;
}
.links a:hover {
    color: #CC0000;
    text-decoration: underline;
}
.links p {
    font-size: 1em;
}
.content ul li {
    font-size: 12px;
    list-style-type: square;
}
.content ol li {
    font-size: 12px;
}
.bordertop {
    border-top: solid 4px;
    border-color: #909090;
}
.dotsplitter {
    background-image: url(/images_new/border_dots_x.gif);
    background-position: center center;
    background-repeat: repeat-x;
}
.dotsplitter2 {
    background: url(/images_new/border_dots_x.gif) center;
    background-repeat: repeat-x;
}
/*====== End S.1 Common styles ======*/

/******* S.2 Header and footer styles ********/

.masthead {
    background: url(/images_new/header_new/bg.gif) repeat-x bottom #CC0000;
}
.masthead .tabmenu a:hover, .tabmenu a:hover {
    text-decoration: underline;
}
.masthead .tabmenu .current {
    background-image: url(/images_new/header_new/tab_right.gif);
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.masthead .tabmenu .current a {
    background-image: url(/images_new/header_new/tab_left.gif);
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.masthead .tabmenu .aftercurrent a {
    background: url(/images_new/header_new/tab_left_blank.gif) no-repeat left top;
    color: #FFFFFF;
    font-weight: bold;
}
.masthead .topbar ul {
    list-style: none;
}
.masthead .topbar ul li {
    color: #FFFFFF;
}
.masthead .topbar ul li a {
    color: #FFFFFF;
    text-decoration: none;
}
.masthead .topbar a:hover {
    text-decoration: underline;
}
/*ul for a sub menu within the main horizontal menu*/
.TabMenuItem ul {
    list-style: none;
}
.topholder {
    font-size: 11px;
}
.quickmenu {
    font-size: 10px;
    border: 1px solid black;
}
option.pink {
        background-color: #FFFFFF;
}
option.red {
    background-color: #CC0000;
    color: white;
}
.tabmenu ul {
    list-style: none;
}
.tabmenu li {
    background: url(/images_new/header_new/tab_right_off.gif) no-repeat right top;
}
.tab1 {
    font-size: 11px;
    text-align: center;
}
.masthead .tabmenu ul li a {
    background: url(/images_new/header_new/tab_left_off.gif) no-repeat left top;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.submenuholder {
    color: #222222;
    border-bottom: dotted thin #B2B2B2;
    background: #FFFFFF;
}
.submenu {
    font-size: 11px;
}
.submenu ul {
    list-style: none;
}
.submenuholder .submenu ul li a {
    color: #000000;
    text-decoration: none;
}
.submenu a:hover {
    text-decoration: underline;
}
.submenuholder .submenu .current a {
    color: #CC0000;
    font-weight: bold;
    text-decoration: none;
}
.footer {
    color: #FFFFFF;
    background: #CC0000 url(/images_new/footer_bg.gif) top repeat-x;
    text-align: center;
}
.footerlinks1, .footerlinks2 {
    text-align: center;
    color: #CCCCCC;
	
}
.footerlinks1 a {
    color: #B50000;
    text-decoration: none;
}
.footerlinks1 a:hover {
    color: #B50000;
    text-decoration: underline;
}
.footerbase img {
    float: left;
}
.search .siteSearch_field {
    border: solid 1px #000000;
    border-width: 1px 0 1px 1px;
    font-size: 10px;
    background: #FFFFFF 0 0 no-repeat;
}
.search .siteSearch_field_large {
    border: solid #7b9ebd;
    border-width: 1px 0 1px 1px;
    font-size: 9px;
    background-color: #FFF;
}
.search .siteSearch_submit {
    background-color: #ef1209;
    border: solid 1px #000000;
    color: #000;
    font-size: 10px;
}
/*==== End S.2 header and footer styles =====*/


/*********** S.3 Left navigation styles *************/
.bborder {
    border: 1px solid #000000;
}
.rborder {
    border: 1px solid #CC0000;
}
.menutitle {
    text-indent: 4px;
    background-color: #000000;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.relatedmenutitle {
    text-indent: 4px;
    background-color: #CC0000;
    font-weight: bold;
    width: 145px;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
}
.leftmenu .list li {
    background-image: url(/images_new/bullet1.gif);
    background-repeat: no-repeat;
    background-position: .6em .5em;
    font: 11px Arial;
    color: black;
    line-height: 18px;
    text-decoration: none;
}
.leftmenu .list ul {
    list-style-type: none;
}
.leftmenu .alt1 {
    background-color: #efefef;
}
.leftmenu .alt2 {
    background-color: #FFFFFF;
}
/* == Fix for indented uls == */
.leftmenu li.alt2 ul.alt1 {
    background-color: #FFFFFF;
}
.selected, .leftmenu .bborder .list .alt2 .selected a,  .leftmenu .bborder .list .alt1 .selected a {
    font-weight: bold;
    color: #D50000;
    /*background-image: url(/images_new/bullet3.gif);
    background-repeat: no-repeat;
    background-position: .5em;*/
}
.selected2 {
    font-weight: bold;
    color: #D50000;
}
.leftmenu .list ul li ul li {
	background-image: url(/images_new/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.6em;
}
.leftmenu .list ul li a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
.leftmenu .list ul li ul li a {
    font-weight: normal;
    text-decoration: none;
}
.leftmenu ul .alt1 li {
	background-color: #FFFFFF;
}
.leftmenu .list ul li a:hover {
    /*background-color: #CCCCCC;
    background-image: url(/images_new/bullet1.gif);
    background-repeat: no-repeat;
    background-position: 0.6em 0em 0em 0em;*/
    text-decoration: underline;
}
.leftmenu .list ul li ul li a:hover {
    /*background-color: #CCCCCC;
    background-image: url(/images_new/bullet2.gif);
    background-repeat: no-repeat;
    background-position: 1.8em;*/
    text-decoration: underline;
}
.leftmenu .rborder .list ul li ul li a:hover {
    background-color: #DD6600;
    /*background-image: url(/images_new/bullet2.gif);
    background-repeat: no-repeat;
    background-position: 1.8em;*/
    text-decoration: underline;
}
/* Apply different styles on pages with left navigation */
.content .bannerHolderExpandable {
	border: 1px solid #CCC;
                background-color: #FFFFFF;
}
/*========= End S.3 left navigation styles =========*/

/********** S.4 Tables styles **********/
table {
    font-size: 1.1em;
}
th {
	border:2px #ffffff solid;
	background-color: #DDD;
}
td {
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #FFFFFF;
	border-right: 1px dotted #FFFFFF;
	border-left: 1px dotted #FFFFFF;
}
.alt1 {
    background-color: #E3EAFE;
}
.alt2 {
    background-color: #F0F0F0;
}
.tree {
    background-position: bottom right;
    background-repeat: no-repeat;
}
.tree td {
    border: none;
    border-width: 0px;
}
.table1, .table2 {
    border-width: 1px;
    border: solid #FFFFFF;
}
tr.alt1 li, tr.alt2 li { font-size: 11px; }
tr.alt1 p, tr.alt2 p{ font-size: 11px; }
/*========= End S.4 tables styles =========*/

/******* S.5 Component-specific styles *********/
/* Used 5 times */
.indexTopPanel {
	background-repeat: no-repeat;
}
.content .indexTopPanel ul li {
    list-style-type: circle;
}

/* Used 4 times */
.linksLeftHolder, .linksMidHolder {
    font-size: 1.1em;
}
.linksLeftHolder ul li, .linksMidHolder ul li {
    color: #000000;
    font-size: 1em;
    list-style-type: square;
    font-weight: normal;
}
.linksLeftHolder ul li a, .linksMidHolder ul li a {
    color: #222222;
    line-height: 18px;
    font-size: 1.1em;
    text-decoration: underline;
}
.linksLeftHolder a:hover, .linksMidHolder a:hover {
    color: #CC0000;
    line-height: 18px;
}

/* Used 3 times */
.indextopright .block p a {
    color: #000000;
    text-decoration: none;
}
.indextopright .default a {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    color: #000000;
    background: #FFF;
}
.indextopright .contrast2 a {
    color: #FFFFFF;
}
.indextopright .contrast1 a {
    color: #000000;
}

/* Used 3 times */
.midblock3way {
    width: 100%;
}
.split3way {
    background: url(/images_new/border_dots.gif) top right;
    background-repeat: repeat-y;
}
.content .midblock3way .split3way .blockfadebg_align_right {
    color: #000000;
    font-size: 1em;
    list-style-type: square;
    font-weight: normal;
}
/* Used 2 times */
.facultytopright {
	background: url(/images_new/bg_bg1.jpg) repeat-x;
}
.rowofpics a {
    font-size: 1.1em;
}
body.pages .topblocks {
    background: url(/images_new/bg_fadetop1.jpg) repeat-x;
}

/* ===== 5.1.1 Flash and free HTML block ===== */
.block a {
    color: #000000;
    text-decoration: none;
}
body.pages .block {
    border: solid #cccccc;
    border-width: 1px;
}
body.pages .block p {
    font-size: 1.1em;
    font-weight: bold;
}
.block a:hover {
    color: #d60000;
    text-decoration: underline;
}

/* ===== 5.1.2 Flash and links =====*/
.linkstop li {
    font-size: 1.1em;
    list-style-type: square;
}
.linkstop li a {
    font-size: 1.1em;
    text-decoration: underline;
}
.content .list1 .linkstop li {
    font-size: 1.1em;
}

/* ==== 5.1.5 Search and banners ===== */
.bannerHolderExpandable {
	border: 1px solid #CCC;
}

/* ===== 5.1.6 5 articles in a row =====*/
.rowofpics .rowof5 {
    text-align: center;
}
/* ===== 5.1.7 Banners ===== */
.bannerads {
    text-align: center;
}

/* ===== 5.1.8 Links small, links half, news ticker ===== */
.indexLeftBlock {
	background: url(/images_new/border_dots.gif) top right;
	background-repeat: repeat-y;
}
.midBlock {
	background-image: url(/images_new/border_dots.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/* ===== 5.2.2 Small links and virtual tours ===== */
.rowof4 a {
    font-size: 1.1em;
}

/* ===== 5.4 Article - half page width ===== */
.split2way {
    background: url(/images_new/border_dots.gif) top right;
    background-repeat: repeat-y;
}

/* ===== 5.5 Article - full page width ===== */
.componentnews h2, .componentnews h4 {
    text-indent: 5px;
}

/* ===== 5.7 Image gallery ===== */
.gradshowbg {
    background-position: left top;
    background-repeat: no-repeat;
}
.gradshowbg p {
    font-size: 1em;
    line-height: 1.5em;
}
.gradshow {
    background: none;
    text-indent: 0;
}
.gradshow img {
    background: none;
}

/* ===== 5.8 Virtual tours / video galleries ===== */
.Vtoursholder {
    background: none;
}
.Vtoursdescription {
    border: 1px solid #CCCCCC;
}
.Vtourmedia {
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    font-weight: bold;
    font-size: 11px;
}
.VtourAllmedia {
    border: 1px solid #CCCCCC;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.clipselector {
    background: none;
    text-indent: 0;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
/* News ticker */
.indexRightBlock {
	background-repeat: repeat-y;
}
#newsticker {
    font-size: 10px;
}
#newsticker h3 {
    font-weight: bold;
    color: #CC0000;
}
.tempholder,  #flashcontent2, #newsticker {
	text-align: left;
}
/*=== End S.5 component-specific styles ===*/

/******** S.6 Course search styles ********/
.courseSearch {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.courseSearch .selector {
	background-color: #CC0000;
}
.courseSearch .selector ul {
	list-style-type: none;
}
.courseSearch .selector li {
	font-size: 11px;
	float: left;
	border-left: 1px dotted #CCCCCC;
}
.courseSearch .selector li a {
	color: #FFFFFF;
	font-size: 11px;
}
.courseSearch .selector ul .current a {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
}
.courseSearch input.courseSearch_submit {
	border: 1px solid #222222;
	font-size: 9px;
	background-color: #CC0000;
	color: #FFFFFF;
}
.courseSearch form.search {
	text-align: left;
}
.courseSearch .atozsearch {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.courseSearchBlock .courseSearch .atozsearch A {
	color: #FFFFFF;
}
/* Course search field */
.courseSearch .siteSearch_field_large {
	border: 1px solid #7b9ebd;
	font-size: 9px;
	background-color: #FFF;
}
/* Submit button */
.courseSearch .siteSearch_submit {
    background-color: #EF1209;
    border: solid 1px #000000;
    color: #000000;
    font-size: 10px;
}
/*===== End S.6 course search styles =====*/

/********** S.6.1 Course search results layout **********/
.ResultsTable .CourseSearchResult1 {
	text-align: left;
}
.ResultsTable .CourseSearchResult2 {
	text-align: center;
}
.ResultsTable .CourseSearchResult3 {
	text-align: center;
}
/*======== End S.6.1 Course search results layout =========*/

/********* S.7 A to Z styles *********/
.AtoZ {
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
}
.AtoZ .selected {
	background-image: none;
	border: 1px solid #CE0000;
	background-color: #CE0000;
	color: #FFFFFF;
}
.AtoZ a {
	border: 1px solid #999;
	text-decoration: none;
}
.AtoZ a:hover {
	background-color: #CE0000;
	border: 1px solid #CE0000;
	color: #FFFFFF;
}
/*===== End S.7 A to Z layout =========*/

/******* S.8 Article styles ********/
.backtotop a, .backtotop a:visited, .backtotop a:hover, .backtotop a:active {
    color: #999999;
}
.component1 .links a {
    color: #CC0000;
    text-decoration: underline;
}
.component1 li, .component2 li {
    font-size: 1.2em;
    list-style-type: square;
}
.component1 .links a:hover {
    text-decoration: none;
}
.component1 .links ul li {
	font-size: 1.1em;	
}
/*====== End S.8 Article styles ====== */

/****** S.9 Forms and search styles *******/
.splitright {
    background: url(/images_new/border_dots.gif) top left;
    background-repeat: repeat-y;
}
.splitright p {
   font-size: 1.1em;
    line-height: 1.1em;
}
.formHeadPad {
    font-weight: bold;
}
.formHead {
    border-bottom: #E8E8E8 3px solid;
    background-color: #E8E8E8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bold;
}
fieldset {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
}
legend {
    background: #CC0000 ;
    font-size: 1em;
    color: #FFFFFF;
    text-indent: 5px;
    font-weight: bold;
}
.formSection {
    text-align: left;
}
.contentBlockBorder form {
    text-align: left;
}
.labelBlock {
    text-align: left;
    font-size: 1.1em;
}
form.search .labelBlock {
    text-align: left;
}
.labelBlock label, .labelBlock p {
    font-weight: bold;
    color: #333333;
    font-size: 1em;
}
.inputBlock label {
    font-size: 1.1em;
}
input.invalid {
    background-color: #FFFF99;
    border: 2px red inset;
}
label.invalid {
    color: #FF0000;
}
.clickButtonsBlock {
    text-align: left;
}
.clickButtonsBlock P {
    color: #333333;
    text-align: left;
}
.yesNoAnswerColumn, .yesNoLabelColumn label, .fullWidthLabelColumn {
    font-size: 69%;
    font-weight: bold;
    color: #333333;
}
p select, p input, p textarea {
    font-size: 100%;
}
.error {
    color: #CC0000;
    font-size: 100%;
}
/* ===== Image Upload ===== */
.copyrightwarning {
	border: 1px solid #999999;
	background-color: #FFFFCC;
}
/*======= End S.9 forms and search styles =======*/

/*********** S.9.1 Search results styles ************/
.pagenumbers p {
	font-size: 1.1em;
}
.pagenumbers a {
    font-weight: bold;
    font: 1.1em bold Arial, Helvetica, sans-serif;
}
.pagenumbers .selected {
    text-decoration: underline;
	font-weight: bold;
    color: #D50000;
    background-image: none;
}
.searchresult {
   margin-top: 20px;
}
/* Staff profiles search results */
.result_summary { font-size: 12px; }
.result_link { font-size: 12px; font-style: italic; }
p.result { font-size: 13px; font-weight: bold; margin-top: 12px;}
/*========= End S.9.1 search results styles ========*/

/*********** S.10 List styles ************/
.indentlist ul li ul li ul li{
    font-size: 1.0em;
    list-style-type: square;
    color: #AAAAAA;
}
.indentlist ul li ul li {
    font-size: 1.1em;
    list-style-type: square;
    color: #AAAAAA;
}
.indentlist li {
    font-size: 1.2em;
    list-style-type: square;
}

.basiclist .list1 ul li {
    font: 1.2em Arial;
    color: black;
    text-decoration: none;
    list-style-type: square;
}
.content .list1 li, .content .list1 ul li ul li, .content .list1 ul li ul {
    font-size: 1.2em;
    list-style-type: none;
}
.basiclist .list1 ul li ul, .basiclist .list1 ul li ul li {
    list-style-type: none;
}
.basiclist .list1 ul li a {
    color: #B50000;
    font-weight: normal;
    text-decoration: none;
    text-decoration: underline;
}
.basiclist .list1 ul li ul li {
    font-weight: normal;
    text-decoration: none;
    color: #333333;
    font-size: 0.9em;
    list-style-type: none;
}
.basiclist .list1 ul li a:hover, .basiclist .list1 ul li ul li a:hover, .basiclist .list1 ul li ul li a:hover {
    text-decoration: none;
}
/*========== End S.10 list styles =======*/

/*********** S.11 News archive tab styles ************/
.Archivetab1 {
    font-size: 11px;
    text-align: center;
}
.content .Archivetabmenu a {
    color: #ce0100;
    text-decoration: underline;
    border-bottom: #CCCCCC solid 1px; 
}
.Archivetabmenu a:hover, .content .Archivetabmenu a:hover {
    text-decoration: underline;
}
.content .Archivetabmenu .current a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border-top: #CCCCCC solid 1px;
    border-right: #CCCCCC solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-left: #CCCCCC solid 1px;
    background: #FFFFFF;
}
.ArchivetabmenuMonth li {
    float: left;
}
.content .ArchivetabmenuMonth a {
    color: #CE0100;
    text-decoration: underline;
}
.content .ArchivetabmenuMonth a:hover {
    text-decoration: underline;
}
.content .ArchivetabmenuMonth .current a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.content .ArchivetabmenuMonth li, .content .ArchivetabmenuMonth ul li {
    font-size: 1.1em;
    list-style-type: none;
}
/*========== End S.11 News archive tab styles =======*/

/* ====================================== */
/*          B. Backgrounds                */
/* ====================================== */
/* Layout and styles are not seperate because they are mutual. */
.blockfadebg_align_left {
    border: solid #FFFFFF;
    color: #000000;
    border-width: 6px;
    background-position:top left;
    background-repeat: repeat-x;
    min-height: 100px; 
    padding: 5px 0 0 0;
    height: 100px;
}
.blockfadebg_repeat {
    background-color: #e7e3e7;
    background-position: top left;
    background-repeat: repeat-x;
    border: solid #FFFFFF;
    border-width: 6px;
    min-height: 100px; 
    padding: 5px 0 0 0;
}
.blockfadebg_align_right {
    border: solid #FFFFFF;
    border-width: 6px;
    background-color: #e7e3e7;
    background-position:top right;
    background-repeat: no-repeat;
    min-height: 100px; 
    padding: 5px 0 0 0;
    height: 100px; /* Added by Chris, 25 Mar 08 */
}
.blockfadebg p {
    padding-left: 8px;
    color: #000000;
}
.bgnone {background-image: none;}
.bg1 {background-image: url(/images_new/bg_bg1.jpg);}
.bg3 {background-image: url(/images_new/bg_bg3.jpg);}
.bg11 {background-image: url(/images_new/bg_bg11.jpg);}
/*.bg_list_1 {background-image: url(/images_new/bg_bg_list_1.gif);} */
.bg_list_10 {background: url(/images_new/bg_bg_list_10.gif);}
.bg_gradshowbg_1 {background: url(/assets/bg_gradshow08_01.gif) no-repeat;}
.bg_gradshowbg_2 {background: url(/images_new/bg_bg_gradshowbg_2.gif) no-repeat;}
.bg_gradshowbg_3 {background: url(/assets/bg_bg_gradshowbg_3.gif) no-repeat;}
.bg_gradshowbg_4 {background: url(/images_new/bg_bg_gradshowbg_4.gif) no-repeat;}
.bg_gradshowbg_5 {background: url(/images_new/bg_accelerate09_01.gif) no-repeat;}
.bg_gradshowbg_6 {background: url(/images_new/bg_gradex09.gif) no-repeat;}
.bg_gradshowbg_7 {background: url(/images_new/bg_irresistible_09.gif) no-repeat;}
.bg_gradshowbg_8 {background: url(/images_new/bg_graduation09_01.gif) no-repeat;}
.bg_gradshowbg_9 {background: url(/images_new/bg_staff_success_09.gif) no-repeat;}
.bg_facultytopright_1 {background: url(/images_new/faculties/indexbg.jpg) no-repeat;}

.block_comp { background: #FFF url(/images_new/bg_cet.gif) right no-repeat; }
.block_bus{ background: #FFF url(/images_new/bg_bus.gif) right no-repeat; }
.block_law { background: #FFF url(/images_new/bg_law.gif) right no-repeat; }
.block_art { background: #FFF url(/images_new/bg_art.gif) right no-repeat; }
.block_health { background: #FFF url(/images_new/bg_health.gif) right no-repeat; }
.block_sciences { background: #FFF url(/images_new/bg_sciences.gif) right no-repeat; }

/*Represents a button for each faculty in a menu*/
.bg_block_1 {background: #FFF url(../images_new/bg_bg_block_1.gif) right no-repeat;}
.bg_block_2 {background: #FFF url(../images_new/bg_bg_block_2.gif) right no-repeat;}
.bg_block_3 {background: #FFF url(../images_new/bg_bg_block_3.gif) right no-repeat;}
.bg_block_4 {background: #FFF url(../images_new/bg_bg_block_4.gif) right no-repeat;}
.bg_block_5 {background: #FFF url(../images_new/bg_bg_block_5.gif) right no-repeat;}
.bg_block_6 {background: #FFF url(../images_new/bg_bg_block_6.gif) right no-repeat;}

/* ====================================== */
/*       F. Fixes for common errors       */
/* ====================================== */
/* Fix for li tags containing p tag */
.content ul li p, .content ol li p {
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 0px;
}
/* Fix for p tags in td of course fact file */
.factfilefix p {
   font-size: 1em;
   padding: 0px;
   margin: 0px;
}

/* ====================================================== */
/*     D. Layout and styles for items in development      */
/* ====================================================== */
/****** New classes for HTML/JSP version of news ticker (August 08) ******/
.newsTicker {
	height: 90px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px;
}
.newsTickerItem {
	margin-bottom: 5px;
}
.newsTickerItem h3 {
	margin-top: 8px;
	font-size: 12px;
}
.newsTickerItem h3 a {
	color: #000000;
}
.newsTickerItem h3 a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.newsTickerItem em {
	margin-bottom: 3px;
	font-size: 10px;
}
/*common menu container used for the large faculty menus see the home page for an example*/
.block {
    float: left;
    width: 100%;
    margin-left: 3px;
    height: 18px;
    padding: 0 0 2px 0;
    margin: 0px;
    border: 1px solid #cccccc;
}
.block img {
    margin-right: 5px;
}
.block a:link {
    color: #000000;
}
.block p {
    margin: 6px 100px 0px 13px;
    padding: 0 0 0 0;
    font-size: 1.1em;
    font-weight: bold;
}
/* ===== Accessibility page-specific ===== */

.default a:hover {
    border: 1px solid #CC0000;
}
.contrast1 a {
    display: block;
    width: 150px;
    height: 20px;
    padding: 1px 0 0 5px;
    border: 1px solid #222222;
    font-size: 13px;
    margin-bottom: 4px;
    background: #FFFFCC;
    color: #000000;
}
.contrast1 a:hover {
    border: 1px solid #CC0000;
}
.contrast2 a {
    display: block;
    width: 200px;
    height: 20px;
    padding: 1px 0 0 5px;
    border: 1px solid #000000;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 4px;
    background: #222222;
}
.contrast2 a:hover {
    border: 1px solid #CC0000;
}
.qualificationAndCode p {
    margin-bottom: 10px;
}
.bubble {
	width: 400px;
	overflow: auto;
	font-size: 12px;
}
.bubble img {
	float: right;
	margin-left: 3px;
}
.bubble h3 {
	font-size: 13px;
	margin-bottom: 3px;
}