/* CSS Document */

html {
	margin:0;
	color:#464646;
	background-color:#efefef;
	font-size:100%;
	text-align:center; /* centers the frame in IE5 Win */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {font-size:62.5%;}


p {
	margin-left:10px;
	margin-right:5px;
	color:#464646;
	font-size:1.3em;
	line-height:1.4em;
}

label { display:block; font-size:11px; color:#464646; padding:4px 10px 8px 10px; font-weight:bold;}

/*td p { line-height:normal; margin-bottom:2px; margin-top:2px;}
td { vertical-align: top; }*/

td p { font-size:12px; line-height:normal; margin-bottom:2px; margin-top:2px; margin-left:0; vertical-align: top;}
td { font-size:12px; line-height:normal; padding-top:2px; padding-bottom:2px; color:#464646; vertical-align: top;}

ul { padding-right:40px; }


li {
	margin-left:10px;
	margin-right:5px;
	color:#464646;
	font-size:13px;
	line-height:1.4em;
}

/* 
	force content down the page 
	these are a hack used when there is little
	content on the page, but a long sidebar
*/
#pushDown100 {margin-bottom:100px;}
#pushDown200 {margin-bottom:200px;}
#pushDown300 {margin-bottom:300px;}

.clear { clear:both; }

#wrapper {
	width:100%;
	height:100%;		
	text-align: left;	
	color:#000000;
 }
 

 
#shadow {
	width:100%;
	height:100%;
	margin-right: auto;
	margin-left: auto;
	
	background-position: center;
	background-image: url(../images/back_shadow.jpg);
	position: relative;
	background-color:#efefef;
	background-repeat:repeat-y;
 }

	
#header {	
	margin-right: auto;
	margin-left: auto;
	width:840px;
	height:100px;
	
	color:#005C85;
	background-image:url(../images/masthead_background.jpg);
	border: 1px solid #CCCCCC;
 	}
	
	#uol_logo{
 	float:right; 
 	}
	
	#fbs_logo{
 	float:left; 
 	}
	
	
	
	
	
#menu{
	margin-right: auto;
	margin-left: auto;
	width:840px;
	height:26px;
	font-size:70%;
	color:#000000;
	background-color:#eeeeee;
	}
	
	
/* this is where the banner image goes */	
#banner {
	margin-right: auto;
	margin-left: auto;
	width:840px;
	height:220px;
}	

#main{
	margin-right: auto;
	margin-left: auto;
	width:840px;
	text-align:left;
	font-weight: normal;
	font-style: normal;
	font-size: inherit; /*11px; */
	line-height: 1.7em;
	border-top:1px solid #cccccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	/*padding-bottom:40px;*/
	background-color:#FFFFFF;
	}
	
	#sidebar {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	float:right;
	width: 160px;
	padding: 5px;
	color:#000000;
	background-color: #eeeeee; 
	border: 1px solid #999999;	
	margin:10px;
 	}	
	
	
	#frontpagegraphic{
	float:right;
	width: 300px;
	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 20px;
 	}
	
	
	
	#imagery{
	width: 300px;
	height: 300px;
	padding: 0px;
	border: 1px solid #999999;
 	}
	
	#google{
	width: 100%;
	height: 30px;
	padding: 5px;
 	}
	
	


#footer{
	clear:both;
	width:840px;
	margin-right: auto;
	margin-left: auto;
 }
	
#pageOwner{
	font-size:10px;
	height: 20px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	color:#666666;
	background-color:#cacaca;
	text-align:right;
	border-width:1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color:#cacaca;
	}
	
#pageOwner A {
	color:#1d4d80;
	text-decoration:none;
	font-weight:normal;
}

#pageOwner A:hover {
	text-decoration:underline;
}
	
#legal{
	font-size:10px;
	color:#ffffff;
	height: 40px;
	background-color:#000000;
	text-align:center;
	border-width:1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color:#CCCCCC;
	padding-top:10px;
	}
	
#legal A {
	color:#ffffff;
	text-decoration:none;
	border-bottom-style:none;
}

#legal A:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
}
	
	#old-ads{
	/*float:left;*/
	width:100%;
	height:76px;
	margin:0px;
	padding:0px;
	color:#666666;
	background-color:#eae3d3;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
	}
	
#ads{
	clear:left;
	float:left;
	width:100%;
	height:76px;
	margin:0px;
	padding:0px;
	color:#666666;
	background-color:#eae3d3;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
	}
 
 #frontpagenews{
	/*float:left;*/
	width: 370px;
	/*height: 100%;*/
	padding: 0px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 5px;
 	}

#sidebar P{
	font-size: 10px;
}

#sidebar IMG {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#sidebar h1 { font-size:180%; }

#sidebar h2 { font-size:150%; font-weight:bold; }

#sidebar hr {
	color: #cccccc;
	height: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

#sidebar A {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	color : #333333;
	text-decoration : none;
	font-size: 10px;
}

#sidebar A:hover {
	text-decoration : none;
}


/* allow for extra navigation on certain pages */
#breadcrumb {
color:#666666;
background-color:#eeeeee;
padding:4px;
border-bottom:1px #cccccc solid;
/*border-right:1px #cccccc solid;*/
height:28px;
/*width:620px;*/
}

#breadcrumb p { margin-top:7px; padding-top:0px; }

#navBar {
color:#666666;
background-color:#eeeeee;
padding:4px;
border-bottom:1px #cccccc solid;
height:28px;
}

#navBar p { margin-top:7px; padding-top:0px; }
#navBar .header { font-size:120%; font-weight:bold;}


.bulleted {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	margin: 4px 4px 12px;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(assets/bullet1.gif);
}

/* forms stuff */
form { 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#F1EFEB;
	margin:0 10px 5px 10px; }
	
/*form .submit:hover { background-color:#D23804; color:#fff;}
form .submit:focus { background-color:#D23804; color:#fff;}*/

input, select,textarea {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	margin:0 10px 10px 10px;
}

.fbsForm {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#F1EFEB;
border:1px solid #CCCCCC;
float:left;
margin:10px;
width:366px;
padding:2px;
}

.fbsForm select { margin-left:10px;}

.fbsFormWide {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
float:left;
margin:10px;
width:720px;
padding:2px;
}

.greyBoxFixedWidth {
	background-color:#eeeeee;
	border:1px solid #c8c8c8;
	padding:4px;
	margin:10px; 
	width:600px; /* =(840-160)-80 =(pagewidth-sidebarwidth)-80 */
}

.greyBox {
	background-color:#eeeeee;
	border:1px solid #c8c8c8;
	padding:4px;
	margin:10px; 
}

.label { font-size:9px;}

table {margin:4px;}

TH {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	margin: 4px 4px 12px;
	/* background-image:url(images/TH.gif); */
	height: 25px;
	color:#000000;
	}
	


b{font-weight:bold;}

hr {
	border: 0;
	color: #464646;
	background-color: #ccc;
	height: 1px;
	/*width: 100%;*/
	text-align: left;
	margin-left:10px;
	margin-right:10px;
}

/* structureTable is only intended for use in head.php */
.structureTable {
	border-collapse: collapse;
	margin: 0px;
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}






.banner {
	background-image:url(images/banner-bg.jpg);
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.footer { background-image:url(images/foot-bg.jpg);}

.menu {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color:#999999;
	/*
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	*/
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	padding: 0px 0px 3px;
	height: 15px;
	text-decoration : none;
	margin: 0px;
}

.bodyTable {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	padding: 2px;
}

.bodyTable TD {
	border-top: 1px none #999999;
	border-right: 1px dashed #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}




.sidebarBackground { background-image:url(assets/sidebar-bg.jpg);}


.iconTable {
	border-collapse: collapse;
	margin: 12px 12px 5px;
}


.dottedTable { 
	border: 1px dotted #AB9F74;
	margin: 25px 25px 5px;
}

/* the 'separated' class is for use with tables */
.separated {
	border-collapse: collapse;
	margin: 25px 25px 5px;
}

.separated td {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	vertical-align:top;
}

.separated .alt td {background-color:#f0f0f0;}

/* shading for rows of long tables */
.row_odd { background-color:#FFF;}
.row_even {background-color:#EEE;}
.row_odd:hover,
.row_even:hover { background-color:#92BA7D;}

.p_separated { margin:20px;padding-bottom:15px; border-bottom:1px dotted #999999;}
.div_separated { margin:20px; border-bottom:1px dotted #999999;}

.noBorders { border:none;}
.noBorders TD { border:none;}


.fbsTable {
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.fbsTable TH {
	font-size: 100%; 
	font-weight: bold;
	
	background-color: #F0EDDF;    /* #005C84;  #85b4e0;   */
	border: 1px solid #dddddd;
	padding: 1px 1px 1px 5px;
	margin: 0px;
	color: #000;
	text-align: left;
}
.fbsTable TH P {
	color:#000;
	font-size:1.2em;
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-style : normal;
	font-weight: bold;
}

.fbsTable TD table TD { border: 0px none; }

.fbsTable TD {border: 1px solid #dddddd;}
.fbsTable caption { font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; font-size:10px;}

.fbsTableHead {
	background-color: #d8caaa;
	color:#000000;
	font-size:120%;
	font-family : Arial, Helvetica, sans-serif, "MS sans serif";
	font-style : normal;
	font-weight: bold;
	padding: 1px 1px 1px 5px;
	margin: 0px;
}

.programmeTable {
	border-collapse: collapse;
	border: 1px solid #999999;
	margin: 25px 25px 5px;
}

.programmeTable P{
	font-size: 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
}

#purchasingForm {
	border-collapse: collapse;
	border: 1px solid #999999;
	margin: 25px 25px 5px;
	background-color:#b0cee8;
}


#purchasingTable {
	border-collapse: collapse;
	border: 1px solid #999999;
	margin: 20px 20px 4px;
	background-color:#b0cee8;
}

#purchasingTable TD {
	border: 1px dotted #999999;
	padding:2px;
}

#purchasingTable TD P {
	font-size:10px;
}


#purchasingTable TD input,
#purchasingTable TD textarea {
	border: 1px solid #1567b3;
	padding:4px;
}

#purchasingForm TD input,
#purchasingForm TD textarea {
	border: 1px solid #1567b3;
	padding:4px;
}

#purchasingTable select {
	border: 1px solid #1567b3;
	padding:4px;
}

#purchasingTable th {
	font-weight:bold;
	padding: 2px;
	border: 1px solid #999999;
}

/*
#buttonBar {
	border: 1px solid #999999;
	background-color:#EEEEEE;
}*/


  
.thinBorder { border: 1px solid #999999;}  
.dottedBorder { border: 1px dotted #AB9F74;}
.paddedCell {	padding: 4px;}
.thinBorderPadded { border: 1px solid #D8CAAA; padding: 4px;}

.specialTable {	border-collapse: collapse;	border: 1px solid #AB9F74; }
.specialTable TD { border-collapse: collapse; border: 1px dotted #AB9F74; }
.specialTable TH { border-collapse: collapse; border: 1px solid #AB9F74; background-color: #F5E8D0;
	text-align: left;}
.specialTable P { font-size: 12px; margin:2px; padding:2px;}



.news {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 11px;
	padding: 1px 1px 1px 6px;
	text-indent: -9px;
	margin: 0px;
}

#noticeboard {	
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius: 5px;

	background-color:#fffadc;
	border:1px solid #f9ea8d;
	width:420px;
	margin-left:10px;
	margin-right:10px;
}

/* RSS feed styles */ 
.channelname {
	/*font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";*/
	/*font-size: inherit;*/
	
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin: 0px;
	font-weight: bold;
}

.itemdescription, .itemtitle {
	margin: 0px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.itemdate {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 10px;
	color:#009900;
}

.itemtitle A {
	font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 10px;
	margin: 0px;
	color : #0000cc;
}

.noticeBoard {
	border-collapse: collapse;
	border: 1px solid #AB9F74; /* same as swatch6 for border color */
	margin: 0px;
	padding: 0px;
}

STRONG { font-weight: bolder }


.indent {
	padding-left: 25px;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	background-color:#ffffff;
	background: none;
	font-weight: normal;
	padding-top: .4em;
	margin-left:10px;
	margin-right:5px;
	padding-bottom: .16em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}


h1 {
	color:#464646;
	font-size: 2.0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; //#aaa;
	margin-right:210px;
}

h2 { color:#464646;font-size: 1.8em; margin-bottom:0.2em;}
h3 { color:#464646;font-size: 1.4em; font-weight:bold; margin-bottom: 0;}
h4 { color:#464646;font-size: 100%; }
h5 { color:#464646;font-size: 80%; }
h6 { color:#464646;font-size: 50%; }



.header {
	font-size:160%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	padding: 0px;
	margin: 0px 0px 5px 5px;
}

.subheader { 
	font-size:140%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	padding: 0px;
	margin: 0px 0px 5px 5px;
	font-weight: bold;
}

.smallheader { 
	font-size:120%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style : normal;
	padding: 0px;
	margin: 0px 0px 5px;
	font-weight: normal;
}

.smallprint, .smallPrint {
	font-size: 0.8em;
	line-height:1.2em;
}

#bulletin {font-size: 11px;}
#bulletin a {font-size: 11px;}
#bulletin h1 { font-size: 140%;}

#bulletin h1 a {
	font-size: 100%;
	font-weight:bold;
	border-bottom : none;
}

#bulletin h1 a:hover {
	border-bottom : none;
}

.bulletinHead {
	font-size: 240%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style : normal;
	color:#3333CC;
	margin: 0px 0px 5px 5px;
	text-decoration : none;
}

.bulletinText {
	font-size: 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style : normal;
	margin: 0px 0px 5px 5px;
	color:#000000;
}

DIV .bulletinHead A {
	font-size:140%;
	font-weight:bold;
	font-style : normal;
	text-decoration : none;
	border-bottom-style: none;
}

.bulletinHead A:hover  { text-decoration : none; border-bottom-style: none;}


.white {
	font-weight: bold;
	color: White;
}

.redText {
	color: Red;
}
.greenText {
	color: Green;
}
.greyText {
	color:#8d8d8d;
}
.greyBorder { 
	border-color:#cccccc; 
	border-width:2px;
	border-style:solid;
}



.intranetBanner {
	background-color: #ECE9D8; 
	text-align: center; 
	padding: 1px 1px 1px 1px;
	color:#000000;
}


/* for contact details on institute pages */
#contactBox{
	/*clear:right;*/
	float:left;
	width: 320px;
	height: 100%;
	padding: 5px;
	color:#000000;
	background-color: #eeeeee; 
	border: 1px solid #999999;
	margin-top: 25px; 
	margin-right: 10px;  
	margin-bottom: 5px;
	margin-left: 25px;
 	}

.swatch1 { color:#000000; background-color: #005C85; padding: 2px; border: 1px solid #999999; }/* darkest - FBS blue*/
.swatch2 { color:#000000; background-color: #1F7093; padding: 2px; border: 1px solid #999999; }
.swatch3 { color:#000000; background-color: #4C8CA8; padding: 2px; border: 1px solid #999999; }
.swatch4 { color:#000000; background-color: #80AEC1; padding: 2px; border: 1px solid #999999; }
.swatch5 { color:#000000; background-color: #B3CFDB; padding: 2px; border: 1px solid #999999; }  
.swatch6 { color:#000000; background-color: #E0EBF0; padding: 2px; border: 1px solid #999999; }	/* lightest */

.center { margin-left:auto; margin-right:auto; }

.mullany {
margin-left:20px;
}

.mullany th {
color:#FFFFFF;
background-color:#005C85;
font-size:18px;
}

.mullany td{
	color:#000000;
	background-color: #ffffff;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


a  {
	color : #0f59a6; /* #0066cc; 1d4d80;*/
	text-decoration : none; 
	font-style: normal;
	font-weight: normal;
	font-size: inherit; /*11px;*/
}


a:hover    { 
text-decoration:underline;
}

a img {border: 0px none; border-bottom-style:none;}

.menuA, imageLink, .borderless  {
	text-decoration : none;
	border: none;
	border-bottom-style: none;
}
.menuA:hover  { text-decoration : none; border-bottom-style: none;}
.imageLink:hover  { text-decoration : none; border-bottom-style: none;}

#related,
.navList { padding-left: 0; margin-left: 0px; margin-right: 0px; width:160px;padding-right:0px;}

#related li,
.navList li { -moz-border-radius:5px;list-style: none;margin: 0px;background-color:#dfdfdf;border-bottom: 1px solid #eeeeee;padding-left:10px;text-indent: -10px; line-height:90%; padding-top:5px;padding-bottom:5px;}

#related li a,
.navList li a {text-decoration:none;border-left: 5px solid #dfdfdf;background-color:#dfdfdf;text-decoration:none;padding-left:5px;}

#related li a:hover,
.navList li a:hover {border-left:5px solid #999999;text-decoration:none;border-bottom:none;}



/*#navList  {
	padding-left: 0;
	margin-left: 0px;
	margin-right: 0px;
	width: 160px;padding-right:0px;
}


#navList li {
	list-style: none;
	margin: 0px;
	background-color:#dfdfdf;
	border-bottom: 1px solid #eeeeee;
	
	padding-left:10px;
	text-indent: -10px;
}


#navList li a {
	text-decoration:none;	
	border-left: 5px solid #dfdfdf;
	background-color:#dfdfdf;
	text-decoration:none;
	padding-left:5px;
}

#navList li a:hover {
	border-left:5px solid #999999;
	text-decoration:none;
	border-bottom:none;
}*/



#ads a{
border-bottom-style: none;
}
#ads A:hover{
border-bottom-style: none;
}
#ads A:visited{
border-bottom-style: none;
}

/* for three column output */
/*#col_container { width:800px; padding:10px;}
#column1, #column2, #column3,
.col-2, .col-3 {
	float:left; 
	width:250px; 
	border-left:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	padding:5px;
	margin-bottom:10px;
}

.col-3 { width:375px;}
.col-4 {width:700px;}
.col-5 {width:880px;}*/

/* grid.css */
/*.col_container {width:700px;margin:0 auto;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-16 {float:left;margin-right:20px;}
.last, div.last {margin-right:0;}
.span-1 {width:40px;}
.span-2 {width:100px;}
.span-3 {width:160px;}
.span-4 {width:220px;}
.span-5 {width:280px;}
.span-6 {width:340px;}
.span-7 {width:400px;}
.span-8 {width:460px;}
.span-9 {width:520px;}
.span-10 {width:580px;}
.span-11 {width:640px;}
.span-12, div.span-12 {width:700px;margin:0;}
.span-16 { width:940px;}

.col-1 {float:left;width:160px;margin-right:20px;}
.col-2 {float:left;width:340px;margin-right:20px;}
.col-3 {float:left;width:520px;margin-right:20px;}
.col-4 {float:left;width:700px;margin-right:20px;}
.col-5 {float:left;width:880px;margin-right:20px;}*/


/*
this section is for the experimental tooltips
*/

.tip a:hover {
	position: relative;
}


.tip a span {
  display: none;
}

.tip a:hover span {
  display: block;
     position: absolute; top: 10px; left: 0;
	color:#666666;
     padding: 5px; margin: 10px; z-index: 100;
     background: #FFFFCC; border: 1px dotted #c0c0c0;
  opacity: 0.9;
}

/* layout for lists of publications */

#pubsList p {text-indent:-22px; margin-left:32px; margin-right:32px;} /* indent text, but outdent 1st line */

/* the dean's image on the about page */
#deans_welcome {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	float:right;
	height:180px; 
	width:380px;
	background-color:#eeeeee; 
	border:1px solid #c8c8c8; 
	margin:10px; 
	padding:4px;}
#deans_welcome img { float:right; margin:0 0 0 20px;}

/* staff photo on a profile page */
.staff_photo { 
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	float:right;
	width:125px;
	height:200px;
	background-color:#eeeeee; 
	border:1px solid #c8c8c8; 
	margin:0 15px 40px 10px; 
	padding:10px;}
.staff_photo img { margin:0 0 5px 0;}
.staff_photo .caption { font-size:0.85em; }

.searchForm { width:420px; background-color:#eee; margin:10px 0 10px 10px; padding:10px;}
.searchForm label { margin:0 0 5px 0;}

/* quick form class to aid migration to new visual identity */
.form {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin:0 0 20px 0;
	background-color:#F1EFEB;
	padding-top:8px;
	}
.form select { margin:0 10px 8px 10px;}

.form input { 
	padding:5px; 
	border: 1px solid #bccad0;
	font-size:1em; 
	font-weight:normal;
	margin:0 0 8px 10px;}
.form input:hover { border-color:#9aaab2;}
.form input:focus { border-color:#9aaab2; background-color:#F7F8F9;}
.form p { padding:0 10px 10px 10px!important;}
.form label { font-weight:bold;}
.form input:hover { border-color:#9aaab2;}
.form input:focus { border-color:#9aaab2; background-color:#F7F8F9;}

.form .submit { background-color:#83714A; color:#fff; border:none; font-size:11px;}
.form .submit:hover { background-color:#D23804; color:#fff;}
.form .submit:focus { background-color:#D23804; color:#fff;}

/* form with right-aligned labels */
form.aligned {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin:0 10px 20px 10px;
	background-color:#F1EFEB;
	padding-top:8px;
	}
form.aligned input { margin:4px;}
form.aligned select { margin:4px;}
form.aligned textarea { margin:4px;}
form.aligned label { float:left; clear:both; font-weight:bold; font-style:normal; color:#5C5B56; width:240px; display:block; text-align:right; padding-right:10px; font-size:11px;}
form.aligned label sup {color:#C00; padding-left:4px;}
form.aligned hr { background:#fff;color:#FFF;height:2px;}
form.aligned br { clear:left;}