@charset "iso-8859-1";
/* IES style sheet */

@media print {
.noprint {display: none;}
}

.hide {display: none;}
.show {display: block;}

body {background: #1b3e76;
 		display:block;
        max-width:1040px;
		margin: 0 auto;
		padding: 0;
        color: #000080;
        font-size: .9em;
        text-align: center; /* for IE noncompliance */
     }

/* for popup windows - else background is dblue */

body.popwin1 {background: #cceeff; padding: 5px; color: #1b3e76;}

body.white {background: #ffffff; padding: 5px; color: #1b3e76;}

/* people popup banner and body $scheme calls color */
.persbannerwhite {margin: 0;
			border: 1px solid #339999;
			padding-left: 5px;}

.persbannerblue {background: #ffffff;
            margin: 0;
			padding: 2px;
			padding-left: 5px;}

.persbanneryel {background: #ffffff;
			margin: 0;
			border: 1px solid #ffcc00;
            padding: 2px;
			padding-left: 5px;}

/* main structure */

#outer {border-collapse: collapse;
		margin: 0px auto;
		padding: 0;
		vertical-align: top;
       	width: 100%;
		margin: 0 auto;
}

html #outer {
	/* For IE: simulate max-width with IE-proprietary expression() function:*/
	width: expression(document.body.clientWidth > 1030 ? "1024px" : "auto");
	}

#header {
        padding: 10px 10px 5px 20px;
        border-top: 1px solid #1b3e76;
/*        border-bottom: 1px solid #1b3e76;*/
        background: #1b3e76;
        background-image: url('../images/header.gif');
 		background-repeat: no-repeat;
		}

#left {
        background: #1b3e76;
        background-image: url('../images/sidemenu.gif');
        background-repeat: no-repeat;
		vertical-align: top;
        border-right: 1px solid #00cccc;
        padding: 0;
		margin: 0;
        height: 15em;
		width: 126px;
        }

#middle {
        background: #ffffff;
		vertical-align: top;
		padding: 10px 15px;
        width: 100%;
		}

#middleprint {
        background: #ffffff;
        vertical-align: top;
        padding: 10px 15px;
        text-align: left;
        }

/*these variants are driven by $background ref in page*/

#middle2 {
		background: #ffffff url('../images/networkingback.jpg');
        background-repeat: no-repeat;
        background-position: top right;
		vertical-align: top;
		padding: 10px 15px;
        width: 100%
		}

#middle3 {
        background: #ffffff url('../images/apple.jpg');
        background-repeat: no-repeat;
        background-position: top right;
        vertical-align: top;
        padding: 10px 15px;
        width: 100%
        }

#middle4 {
        background: #def7ff;
	vertical-align: top;
	padding: 10px 15px;
        width: 100%
        }

#middle5 {
	background: #ffffff url('../images/networkingback.jpg');
        background-repeat: no-repeat;
        background-position: 40px right;
	vertical-align: top;
	padding: 10px 15px;
        width: 100%
	}

#bottom {
        background: #f0f0ff;
		vertical-align: top;
		padding: 10px 15px;
        border-bottom: 1px solid #8C387B;
		}

.footer {color: #ffffff;
         background: #1b3e76;
         font-size: 0.7em;
         padding: 2px 5px 2px 15px;
         }

.networkingback {
		background: #def7ff url('../images/networking5.jpg');
        background-repeat: repeat-x;
        padding: 0;
        margin: 0;
		}

/* box with scrollbars: define height with style */
div.scroll {
width: auto;
overflow: auto;
border: 1px solid #ccc;
padding: 4px;
margin-top: 4px;
}

/* text links */
a:link {color: #0000ff;
        text-decoration: none;}
a:visited {color: #8C387B;
           text-decoration: none;}
a:hover {color: #21848c;
         text-decoration: underline;}

.plain a:link {color: #0000ff;
       text-decoration: none;}

.plain a:visited {color: #990099;
       text-decoration: none;}

.plain a:hover {color: #ff0000;
       text-decoration: underline;}

a.external {
	background: url('../images/external.gif') center right no-repeat;
	padding-right: 20px;}

a.inlinemail {
    background: url('../images/inlinemail.gif') center right no-repeat;
    padding-right: 20px;}

a.rss {
    background: url('../images/rss.gif') center left no-repeat;
    padding-left: 40px;}

/* top menu bar */

.menuholder {background: #339999;
		}

#navlist {
	margin: 0;
    padding: 0;
}

#navlist ul {
    font-size: .75em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#navlist li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
    text-align: center;
    display: inline;
}

#navlist a {
    float: left;
    text-align: center;
	padding: 5px 3px 6px 3px; /*use to control overall menu height */
    width: 8em;
	border: 1px solid;
	border-color: #ffffff #ffffff #9de9ff #9de9ff;
	text-decoration: none;
}

#navlist a:link, #navlist a:visited {
	color: #000080;
    background: #def7ff;
    }

#navlist a:hover {
	color: #000080;
	border-color: #ffffff #ffffff #9de9ff #9de9ff;
    background: #b3e2e9;
}

#set a:link, #set a:visited {
    background: #b3e2e9;
}

#set a:hover, #set a:active {
    color: #000080;
    background: #b3e2e9;
}

/* just for home button to match left menu */

#navhome {
    margin: 0 0 0 -1px;
    padding: 0;
}

#navhome ul {
    font-size: .75em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#navhome li {
    width: 125px;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline;
}

#navhome a {
    width: 126px;
    float: left;
    text-align: left;
    padding: 5px 0px 6px 21px; /*use to control overall menu height */
    border: 1px solid;
    border-color: #ffffff #ffffff #9de9ff #9de9ff;
    text-decoration: none;
}

#navhome a:link, #navhome a:visited {
    color: #000080;
    background: #def7ff;
    background-image: url('../images/home.gif');
    background-repeat: no-repeat;
    background-position: 3 6;
    }

#navhome a:hover {
    color: #000080;
    border-color: #ffffff #ffffff #9de9ff #9de9ff;
    background: #b3e2e9;
    background-image: url('../images/home.gif');
    background-repeat: no-repeat;
    background-position: 3 6;
}

#sethome a:link, #sethome a:visited {
    background: #b3e2e9;
    background-image: url('../images/home.gif');
    background-repeat: no-repeat;
    background-position: 3 6;
}

#sethome a:hover, #sethome a:active {
	color: #000080;
    background: #b3e2e9;
    background-image: url('../images/home.gif');
    background-repeat: no-repeat;
    background-position: 3 6;
}

/* end top menu */

.clear {
	clear: both;
    }

#sidemenu{
	font-size: 0.8em;
    background: #def7ff;
    width: 125px;
}

#sidemenu a:link, #sidemenu a:visited{
	color: #000080;
}

#sidemenu a{
    background: #def7ff;
	border: 1px solid;
	border-color: #ffffff #ffffff #9de9ff #9de9ff;
	padding: 5px 2px 6px 3px;
	padding-left: 20px;
	display: block;
	text-decoration: none;
}

html>body #sidemenu a{
	width: auto;
}

#sidemenu a:hover{
	color: #000080;
	border-color: #ffffff #ffffff #9de9ff #9de9ff;
    background: #b3e2e9;
	padding-left: 20px;
}

#sidemenu .selected{
    background: #b3e2e9;
	background-image: url('../images/menupointer.gif');
	background-repeat: no-repeat;
	background-position: 5 4;
	padding-left: 20px;
	color: #000080;
}

#sidemenu .back{
    background: #def7ff;
    background-image: url('../images/menupointerback.gif');
    background-repeat: no-repeat;
    background-position: 5 4;
    padding: 5px;
    padding-left: 20px;
    color: #000080;
}

#sidemenu .selectedsub{
    background: #b5eeff;
	background-image: url('../images/menupointersub.gif');
	background-repeat: no-repeat;
	background-position: 5 4;
	padding: 5px;
	padding-left: 20px;
	color: #000080;
}

/* for submenu visual grouping */

#sidemenu .nosetsub{
    background: #b5eeff;
}

.quicklink{
	color:#000080;
    background: #e7f3fd;
	width: 9.5em;
}

/* menu column links */

.menus a:link {color: #336699;
		text-decoration: none;}

.menus a:visited {color: #000080;
        text-decoration: none;}

.menus a:hover {color: #0000ff;
        text-decoration: none;}


/* mini nav list or button */

#mininavlist {
	margin: 0;
    padding: 0;
}

#mininavlist ul {
    font-size: .8em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#mininavlist li {
	float: left;
	list-style-type: none;
	margin: 0 3px 0 0;
	padding: 0;
    text-align: center;
    display: inline;
}

#mininavlist a {
    float: left;
    text-align: center;
	padding: 3px; /*use to control overall menu height */
    width: 7em;
	border: 1px solid;
	border-color: #ccffff #aaa #aaa #ccffff;
    font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
}

#mininavlist a:link, #mininavlist a:visited {
	color: #000080;
    background: #def7ff;
    }

#mininavlist a:hover {
	color: #000080;
	border-color: #aaa #ccffff #ccffff #aaa;
    background: #b3e2e9;
    background-image: url('../images/menupointer.gif');
    background-repeat: no-repeat;
    background-position: 5 4;
}

#mininavlist .selected {
    color: #000080;
    border-color: #ffffff #ffffff #9de9ff #9de9ff;
    background: #b3e2e9;
    background-image: url('../images/menupointer.gif');
    background-repeat: no-repeat;
    background-position: 5 4;
}

#mininavlist #selected a:link, #selected a:visited {
    background: #b3e2e9;
}

#mininavlist #selected a:hover, #selected a:active {
	color: #000080;
    background: #b3e2e9;
}

/* end mini list */

/* tabnav */

#tabnav {
	padding-bottom: 25px;
	background: #fff url('../images/vshadow.gif') repeat-x;
    border-bottom: 1px solid #aaa;
/*	margin-right: -15px;*/
    }

#tabnav ul {
    font-size: .8em;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style: none;
}

#tabnav li {
	float: left;
	margin-left: 6px;
    text-align: center;
    display: inline;
}

#tabnav a {
    float: left;
    text-align: center;
	padding: 3px; /*use to control overall menu height */
    width: 10em;
    font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
 -webkit-border-top-left-radius: 6px;  /* safari-chrome */
 -webkit-border-top-right-radius: 6px;  /* safari-chrome */
 -moz-border-radius: 6px 6px 0 0;   /* firefox */
 -o-border-radius: 6px 6px 0 0;   /* opera alt */
 border-radius: 6px 6px 0 0;  /* opera */
}

#tabnav a:link, #tabnav a:visited {
	color: #336699;
    background: #eee;
    }

#tabnav a:hover {
	color: #336699;
    background: #ccc;
}

#tabnav #set a:link, #tabnav #set a:visited {
    color: #339999;
    background: #fff;
    border-bottom: 2px solid #fff;
}

#tabnav #set a:hover, #set a:active {
	color: #336699;
}

/* end tabnav */

/* col layout */

table.layout {
        width: 100%;
		margin: 0;
		vertical-align: top;
        border-collapse: collapse;
        }

td.layout {
	width: 50%;
    vertical-align: baseline;
    }

/*for simple row-based text tables*/

table.content {
	width: 100%;
	border-collapse: collapse;
    line-height: 1.4em;
    color: #000080;
}

.content th, .content td, .content tbody {
	font-size: 0.9em;
    vertical-align: top;
    padding: .5em 1em .5em 0;
    margin: 0;
}

/*for simple row-based text tables with unspaced rows*/

table.contenttight {
    width: auto;
    border-collapse: collapse;
    line-height: 1.2em;
    color: #000080;
}

.contenttight th, .contenttight td, .contenttight tbody {
    font-size: 0.9em;
    vertical-align: top;
    padding: 0 1em 0 0;
    margin: 0;
}

/* end odd cols */

/* 2 col page as CPD */

.leftcol {margin-right: 21em;}

.rightcolbox {border: 1px solid #339999;
    background: #def7ff;
    padding: 4px;
    float: right;
    margin: 0 0 10px 10px;
    width: 20em;}

.rightcolpanel {border-left: 1px solid #cccccc;
	padding: 0 .5em .5em .5em;
    float: right;
    margin-left: .5em;
    width: 15em;
    background: #ffffee}

/* text elements */

p {font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
   line-height: 1.4em;
   margin-bottom: 0px;
   padding-right: 8px;
}

.header {margin: 0;
    color: #ffffff;
    text-align: right;
}

/* main headings */

h1 {font-family: Verdana, Arial,Helvetica,sans-serif;
    color: #1b3e76;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.6em;
}

h1.header {
    color: #ffffff;
    text-align: right;
    padding-right: 9px;
    font-size: 1.4em;
    float: right;
}

h2 {font-family: Verdana, Arial,Helvetica,sans-serif;
    color: #339999;
    font-size: 1.1em;
    line-height: 1.4em;
    margin-top: 20px;
}

h3 {font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #339999;
    font-size: .9em;
    line-height: 1.4em;
    margin-top: 25px;
    margin-bottom: 0;}

h4 {font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	padding-right: 8px;
	font-weight: 700;}

/* straps */

.bow {background: #ffffff;
    padding: 2px 5px 2px 5px;}

/* end */

.nsp {margin-top: 0em;
      margin-bottom: 0em;}

.nsptop {margin-top: 0em;}

.nspbottom {margin-bottom: 0em;}

.listbottom {margin-bottom: -0.7em;}

.afterspace {margin-bottom: 1.5em;}

.prespace {margin-top: 1em;}

.unbold {font-weight: 500;}

/* lists */

ul ul {font-size: 1em;
	   margin-top: 0.6em;}

ul ol {font-size: 1em;
       margin-top: 0.6em;}

ol ul {font-size: 1em;
       margin-top: 0.6em;}

ol ol {font-size: 1em;
       margin-top: 0.6em;}

li {margin-bottom: .7em;}

ul {font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    margin-right: 15px;
    margin-left: 6px;
    margin-bottom: .7em;
    padding-left: 15px;}

ol {font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: .7em;
    padding-left: 15px;}

/* active arrow lists */

.pointer ul, .pointer li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.pointer li a {
	background: transparent url(../images/fwdarrow.gif) no-repeat;
    padding-left: 19px;
}

.pointer li a:hover {
	background: transparent url(../images/fwdarrowover.gif) no-repeat;
    padding-left: 19px;
}

/* use this substitute class for a currently selected pointer list item with no link */

.selectpoint {
    background: transparent url(../images/fwdarrowover.gif) no-repeat;
    padding-left: 19px;
}

/* news page */

.quote ul, .quote li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: -21;
    padding-left: 0px;
    text-indent: 0px;
}

.quote li a {
	background: transparent url(../images/quote.gif) no-repeat;
    padding-left: 24px;
}

.quote li a:hover {
	background: transparent url(../images/quoteover.gif) no-repeat;
    padding-left: 24px;
    text-decoration: none;
}

.quote li a:visited {
    background: transparent url(../images/quoteover.gif) no-repeat;
    padding-left: 24px;
    text-decoration: none;
}

/* email links */

.mailpointer ul, .mailpointer li {
    list-style-type: none;
    line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.mailpointer li a {
    background: transparent url(../images/mailtosm.gif) no-repeat left;
    padding-top: 4px;
    padding-left: 34px;
    }

.mailpointer li a:hover {
    background: transparent url(../images/mailtosmover.gif) no-repeat left;
    padding-top: 4px;
    padding-left: 34px;
}

/* for rss newsfeeds list */
.rsspointer ul, .rsspointer li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.rsspointer li a {
    background: transparent url(../images/newsfeed.gif) no-repeat left;
    padding-top: 3px;
    padding-left: 24px;
    }

.rsspointer li a:hover {
    background: transparent url(../images/newsfeedover.gif) no-repeat left;
    padding-top: 3px;
    padding-left: 24px;
}

/* for menus to bookmarks down a page takes account of IE misalignment issue */

.bulletmenu {
	margin-left: -19px;
    }

.pointdown ul, .pointdown li {
    list-style-type: none;
    display: inline; /* puts them in a row */
    line-height: 1.4em;
    padding-left: -19px;
    margin-right: 12px; /* separates items */
}

.pointdown li a {
	background: transparent url(../images/downarrow.gif) no-repeat left center;
    padding-left: 19px;
}

.pointdown li a:hover {
	background: transparent url(../images/downarrowover.gif) no-repeat left center;
    padding-left: 19px;
}

.pointback ul, .pointback li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.pointback li a {
	background: transparent url(../images/backarrow.gif) no-repeat;
    padding-left: 19px;
}

.pointback li a:hover {
	background: transparent url(../images/backarrowover.gif) no-repeat;
    padding-left: 19px;
}


/* decorative plain square bullet lists */

.square li {list-style: square url(../images/listsquare.gif);
	margin-left: 0px;
    text-align: left;
}

.square li li {list-style: square url(../images/listsquare2.gif);
}

.square li li li {list-style: square url(../images/listsquare3.gif);
}

.linksquare ul, .linksquare li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.linksquare li a {
	background: transparent url(../images/listsquare.gif) no-repeat;
    padding-left: 19px;
    text-decoration: none;
}

.linksquare li a:hover {
	background: transparent url(../images/listsquareover_yellow.gif) no-repeat;
    padding-left: 19px;
    text-decoration: none;
}

.opensquare ul, .opensquare li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 0;
    padding-left: -19px;
    text-indent: -19px;
}

.opensquare li a {
	background: transparent url(../images/green20square.gif) no-repeat;
	background-position: 0 1;
    padding-left: 19px;
}

.opensquare li a:hover {
	background: transparent url(../images/green20squareover.gif) no-repeat;
    background-position: 0 1;
    padding-left: 19px;
}


/* used in site map */

.linkspot ul, .linkspot li {
	list-style-type: none;
	line-height: 1.4em;
    margin-left: 5;
    padding-left: -19px;
    text-indent: -19px;
}

.linkspot li a {
	background: transparent url(../images/listsquare.gif) no-repeat;
    padding-left: 19px;
    text-decoration: none;
}

.linkspot li a:hover {
	background: transparent url(../images/listsquareover.gif) no-repeat;
    padding-left: 19px;
    text-decoration: none;
}


p.bullet {
    background: url(../images/pseudolistsquare.gif)
	no-repeat;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

/* css tooltips */
p.tip {
    margin-bottom: -.6em}

a.tip {
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000080;
    text-decoration: none;
    border-bottom: 1px dotted #990000;}

a.tip:visited {
	color: #000080;
    text-decoration: none;
}

a.tip:hover {
	z-index:25;
    background-color: #fff;}

a.tip span {display: none}

a.tip:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    padding: 2px 4px;
    top: 2em;
    left: -4em;
    width: 20em;
    border: 1px solid #336699;
    background-color: #ffffcc;
    color: #000;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em}

/* for site map heads */

.wob a:link {color: #ffffff;
	background: transparent url(../images/linkspot.gif) no-repeat;
       text-decoration: none;
       padding-left: 19px;
       }

.wob a:visited {color: #ffffff;
    background: transparent url(../images/linkspot.gif) no-repeat;
       text-decoration: none;
       padding-left: 19px;
}

.wob a:hover {color: #aaddff;
    background: transparent url(../images/linkspotover.gif) no-repeat;
       text-decoration: none;
       padding-left: 19px;
}

/* end site map */

/* for home page */

.homehead {font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #ffffff;
      font-size: 0.9em;
      font-weight: 700;
      line-height: 1.25em;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;}

.homehead a:link {color: #ffffff;
    text-decoration: none;
    }

.homehead a:visited {color: #ffffff;
    text-decoration: none;
	}

.homehead a:hover {color: #aaddff;
    text-decoration: none;
	}

.homehead2 {font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #1b3e76;
      font-size: 0.9em;
      font-weight: 700;
      line-height: 1.25em;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;}

.homehead2 a:link {color: #1b3e76;
    text-decoration: none;
    }

.homehead2 a:visited {color: #1b3e76;
    text-decoration: none;
    }

.homehead2 a:hover {color: #339999;
    text-decoration: none;
    }

/* end home head */

.fwd {list-style: square url(../images/listfwd.gif);
     margin-left: 6px;}

li.small {font-size: 0.8em;
		line-height: 1.4em;}

dl {font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000080;
    line-height: 1.4em;
    margin-right: 15px;
   	margin-left: -15px;
    padding-left: 16px;
    font-size: 0.8em;}

dt {font-weight: 700}

dd {margin-left: 2em;
	margin-bottom: 20px;}

/* dl pseudo table, 2 cols only */

dl.columns
{
margin: 1em 0;
padding: 0;
}

.columns dt
{
width: 20%;
float: left;
margin: 0;
padding: .5em .5em .5em 0em;
/*border-top: 1px solid #999;*/
}

/* commented backslash hack for mac-ie5 */
.columns dt { clear: both; }
/* end hack */

.columns dd
{
width: 75%;
float: left;
margin: 0;
padding: .5em;
/*border-top: 1px solid #999;*/
}

/*for equations*/
.denom {margin-top: 0.3em;
      margin-bottom: 0em;
      font-size: 0.8em;}

/* for bibliographies */
.hang {text-indent: -1.5em;
       margin-left: 1.5em;}

.nsphang {text-indent: -1.5em;
       margin-top: 0em;
       margin-bottom: 0em;
       margin-left: 1.5em;}

.nsphang2 {text-indent: -2em;
       margin-top: 0em;
       margin-bottom: 0em;
       margin-left: 2em;}

/* for numbered lines, eg survey questions */
.hang2 {text-indent: -3.6em;
       margin-left: 3.6em;}

.xtraheight {padding-top: 8px;
             padding-bottom: 10px;}

/* tables */

th {font-family : Verdana, Helvetica, Arial, sans-serif;
    font-weight:700;}

td {font-family : Verdana, Helvetica, Arial, sans-serif;
	vertical-align: top;
}

/* blue-lined, for tables of figures */

table.data {
	border-collapse: collapse;
	font-size: 0.9em;
    color: #336699;
    border-right: 1px solid #336699;
    background: #ffffff;
}

.data th, .data td, .data tbody {
	border-left: solid 1px #336699;
    border-bottom: solid 1px #336699;
	font-size: 0.9em;
    vertical-align: top;
    text-align: center;
    padding: 4px;
    margin: 4px;
}

.data th {
    text-align: left;
}

td .left {
    text-align: left;
}

.datahead {
    background: #336699;
    border: solid 1px #336699;
	border-right-color: #ffffff;
    vertical-align: bottom;
    text-align: center;
    padding: 4px;
    margin: 4px;
	font-size: 0.8em;
    color: #ffffff;
}

/* corrects header border */
.thrule {
	border-right: 1px solid #009999;}

/* table for mainly text left-aligned content */

table.text {
	border-collapse: collapse;
	font-size: 0.9em;
    color: #336699;
    border-right: 1px solid #336699;
}

.text th, .text td, .text tbody {
	border-left: solid 1px #336699;
    border-bottom: solid 1px #336699;
	font-size: 0.9em;
    line-height: 1.4em;
    vertical-align: top;
    text-align: left;
    padding: 4px;
    margin: 4px;
}

.texthead {
    background: #336699;
    border: solid 1px #336699;
	border-right-color: #ffffff;
    vertical-align: bottom;
    text-align: left;
    padding: 4px;
    margin: 4px;
	font-size: 0.8em;
    color: #ffffff;
}

th.textin {
    padding: 4px 4px 4px 20px;
    margin: 4px;
    font-weight: 500;
}

/* corrects header border */
.thrule {
	border-right: 1px solid #009999;}

/* event programmes */

table.progtable{
	width: 100%;
	margin: 0;
	vertical-align: top;
    border-collapse: collapse;
    font-size: 0.8em;
    line-height: 1.4em;
	}

.progtable1 {
    text-align: right;
    padding: .5em 1em .5em .5em;
	font-weight: 700;
	color: #000080;
    width: 3em;
        }

.progtable2 {
    padding: .5em 1em .5em 0;
    border-bottom: 1px solid #339999;
    color: #000080
        }

.progtable3 {
    padding: .5em 0 .5em 0;
    border-bottom: 1px solid #339999;
    color: #336699
        }

td.breakstripe {
	padding: .5em 0 .5em 0;
	border: none;
    background:  #ffffdd url('../images/ybfade.gif') right repeat-y;
    }

.datewidth {
	width: 9em;
    }

/* end of tables */

.newsheader {margin: 0;
    color: #1b3e76;
    text-align: right;
	border: 1px solid #339999;
    padding-right: 4px;}

.article {margin: 0.5em 0em;
    color: #1b3e76;
    }

.cover {float: right;
		margin: 0 0 10px 10px;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
        border-left: solid 1px #eee;
        border-top: solid 1px #eee;
}

.cover2 {
		position: absolute;
		margin: 0 0 10px 39em;
		border-right: solid 1px #aaa;
		border-bottom: solid 1px #aaa;
}

.portrait {float: right;
		margin: 0 0 10px 10px;
        border: none;
        height: 143px;
        width: 100px;
}

.leftportrait {float: left;
        margin: 4px 10px 10px 0;
        border: none;
        height: 143px;
        width: 100px;
}

/* for pubs subtitles */

.subhead {font-size: 0.9em;
		line-height: 1.4em;
        font-weight: 700;
        color: #1b3e76;
}

.commission {font-style: italic;
		border: 1px solid #339999;
		padding: 2px;
        padding: 0 5px 0px 5px;
        text-align: right;
        clear: both;}

.restore {font-size: 1.0em}

.left {margin-left: 0}

.tight {margin: 5px 5px 5px 2px;}

.lsp {margin-bottom: 1em;}

/* features */

.line {border-bottom: 1px solid #1b3e76;
	   padding-bottom: 3px;}

.paleline {border-bottom: 1px solid #ccc;
       padding-bottom: 3px;}

.lightline {border-bottom: 1px solid #339999;}

td.lightline {border-bottom: 1px solid #339999;
			margin: 0;
			font-size: 0.1em;}

.divider {border-bottom: 1px solid #1b3e76;
		  padding-bottom: 3px;
          width: 100px;}

.ruled {border-top: 1px solid #1b3e76;
        border-bottom: 1px solid #1b3e76;
        padding-top: 5px;
        padding-bottom: 5px;}

.lightruled {border-top: 1px solid #339999;
        border-bottom: 1px solid #339999;
        padding-top: 5px;
        padding-bottom: 5px;}

.caption {font-size: .8em;
          line-height: 1.25em;
          font-weight: 700;
          margin-bottom: 3px;
          text-align: left;}

.source {font-size: .8em;
		 line-height: 1.25em;
         font-style: italic;
         margin-top: 0em;
         margin-bottom: 8px;}

.blk {margin-left: 35px;
      margin-right: 35px;}

.rightbar {border-right: 2px solid #339999;
		   padding: 5px;
           margin: 0 0 1em 0.5em;
           background: #def7ff;
           text-align: right;
           float: right;}

/* the boxes */
/*for all but IE<9*/
.rounded {
 -webkit-border-radius: 6px;  /* safari-chrome */
 -moz-border-radius: 6px;   /* firefox */
 -o-border-radius: 6px;   /* opera alt */
 border-radius: 6px;  /* opera */
 }

.roundedtop {
 -webkit-border-top-left-radius: 6px;  /* safari-chrome */
 -webkit-border-top-right-radius: 6px;  /* safari-chrome */
 -moz-border-radius: 6px 6px 0 0;   /* firefox */
 -o-border-radius: 6px 6px 0 0;   /* opera alt */
 border-radius: 6px 6px 0 0;  /* opera */
 }

.roundedbottom {
 -webkit-border-bottom-left-radius: 6px;  /* safari-chrome */
 -webkit-border-bottom-right-radius: 6px;  /* safari-chrome */
 -moz-border-radius: 0 0 6px 6px;   /* firefox */
 -o-border-radius: 0 0 6px 6px;   /* opera alt */
 border-radius: 0 0 6px 6px;  /* opera */
 }

.figbox {border-top: 1px solid #008080;
	     border-bottom: 1px solid #008080;
         background: #ffffdd;
         padding: 8px;
         text-align: center;}

.pullbox {border: 1px solid #3399ff;
          background: #ffffdd;
          padding: 8px;}

.blueboxhead {border: 1px solid #339999;
		background: #339999;
		padding: 0px 4px;
		margin: 0;
        color: #ffffff;
        font-weight: 700;}

.bluebox {border: 1px solid #339999;
          background: #def7ff;
          padding: 8px;}

.blueboxhead2 {border: 1px solid #336699;
        background: #336699;
        padding: 0px 4px;
        margin: 0;
        color: #ffffff;
        font-weight: 700;}

.bluebox2 {border: 1px solid #336699;
          background: #ffffcc;
          padding: 8px;}

.whitebox {border: 1px solid #339999;
          background: #ffffff;
          padding: 8px;}

.whiteboxblue {border: 1px solid #336699;
          background: #ffffee;
          padding: 8px;}

.redbox {border: 1px solid red;
		padding: 2px 4px 2px 4px;
        background: #ffffdd;}

.yellowbox {border: 1px solid #008080;
         background: #ffffdd;
         padding: 8px;}

.newsbox {border-right: 1px solid #b0b0b0;
		border-bottom: 1px solid #b0b0b0;
        background: #def7ff;}

.newsboxcell {padding: 15px 20px;
        margin: 0;}

.mapbox {border-right: 1px solid #b0b0b0;
        border-bottom: 1px solid #b0b0b0;
        background: #def7ff;}

.vacanciesbox {border-right: 1px solid #b0b0b0;
        border-bottom: 1px solid #b0b0b0;
        background: #def7ff;
        padding: 10px 20px;
        margin: 0;}

.photobox {border: 1px solid #336699;
          background: #ffffff;}


.scrollbox {border: 1px solid #339999;
          background: #339999;
          color: #ffffff}

.bluepatch {border: 0;
          background: #def7ff;
          padding: 8px;}

.onwhite {background: #ffffff;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	padding: 0 3px;}

.onred {background: #dd0000;
	color: #ffffff;
	font-weight: 700;
	padding: 1px 3px 3px 3px;
	margin-bottom: -2px}

.redline {border-bottom: 1px solid #dd0000;
	padding-bottom: 2px}

/* colours and fills for headerbars inc td cell headers*/

.white {color: #ffffff;}

.red {color: #aa0000;}

.brightred {color: #ff0000;}

.yellow {color: #ffce00;}

.green {color: #339999;}

.lblue {color: #3399ff;}

.teal {color: #336699;}

.dkblue {color: #1b3e76;}


.theme1 {color: #808080;}

.theme2 {color: #bf0000;}

.theme3 {color: #06a47c;}

.theme4 {color: #6600cc;}

.theme5 {color: #ff9900;}

.theme6 {color: #0066ff;}

.theme9 {color: #ffce00;}

.theme10 {color: #3399;}

.yellowfill {background: #ffce00;
        padding: 2px 5px;
        font-weight: 700;}

.themehfill {background: #ffce00;
		color: #aa0000;
        border: 1px solid #aa0000;
        padding: 2px 5px;
        font-weight: 700;}

.theme9fill {background: #ffce00;
        padding: 2px 5px;
        font-weight: 700;}

.theme10fill {background: #339999;
        color: #ffffff;
        padding: 2px 5px;
        font-weight: 700;}

.themepfill {background: #ffce00;
        padding: 2px 5px;
        font-weight: 700;}

.theme1fill {background: #808080;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

.theme2fill {background: #bf0000;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

.theme3fill {background: #06a47c;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

.theme4fill {background: #6600cc;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

.theme5fill {background: #ff9900;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

.theme6fill {background: #0066ff;
        padding: 2px 5px;
        color: #ffffff;
        font-weight: 700;}

/* themed list squares */

.theme1 li {list-style: square url(../images/listtheme1.gif);
    margin-left: 0px;
    color: #000080;
}

.theme2 li {list-style: square url(../images/listtheme2.gif);
    margin-left: 0px;
    color: #000080;
}

.theme3 li {list-style: square url(../images/listtheme3.gif);
    margin-left: 0px;
    color: #000080;
}

.theme4 li {list-style: square url(../images/listtheme4.gif);
    margin-left: 0px;
    color: #000080;
}

.theme5 li {list-style: square url(../images/listtheme5.gif);
    margin-left: 0px;
    color: #000080;
}

.theme6 li {list-style: square url(../images/listtheme6.gif);
    margin-left: 0px;
    color: #000080;
}

/* theme color boxes */

.theme1box {border: 1px solid #0066ff;
          background: #dfefff;
          padding: 8px;}

.theme2box {border: 1px solid #bf0000;
          background: #ffdfde;
          padding: 8px;}

.theme3box {border: 1px solid #06a47c;
          background: #dfffde;
          padding: 8px;}

.theme4box {border: 1px solid #6600cc;
          background: #eedfff;
          padding: 8px;}

.theme5box {border: 1px solid #ff9900;
          background: #ffe8c5;
          padding: 8px;}

.theme6box {border: 1px solid #000000;
          background: #808080;
          padding: 8px;}


/* indents */
.indent {margin-left: 3em;}
.dlindent {margin-left: 20px;}

.noindent {font-family: Verdana,Arial,Helvetica,sans-serif;
           color: #000080;
           font-size: 0.8em;
           vertical-align: middle;}

.menuhead {color: #336699;
           font-weight: 700;}

.small {font-size: 0.7em;
        margin-top: -1px;}

/* for general emphasis without heading style spacing */

.tag {font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 0.9em;
      line-height: 1.4em;
      font-weight: 700;
      color: #339999;}

.tag2 {font-family: Arial,Helvetica,sans-serif;
       font-size: 1.5em;
       font-weight: 700;}

.wob {font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #ffffff;
      font-size: 0.9em;
      font-weight: 700;
      line-height: 1.25em;
      background: #339999;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;}

.wodb {font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #ffffff;
      font-size: 0.9em;
      font-weight: 700;
      line-height: 1.25em;
      background: #336699;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;}

.boy {font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #1b3e76;
      font-size: 0.9em;
      font-weight: 700;
      line-height: 1.25em;
      background: #ffcc00;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 2px;
      padding-bottom: 2px;}

/* this is h3 equivalent for top of page: */

.pagehead {font-family: Verdana, Arial,Helvetica,sans-serif;
           color: #336699;
           font-size: 0.9em;
           font-weight: 700;
           margin-bottom: 0px;
           margin-left: 15px;}

.pageheadleft {font-family: Verdana, Arial,Helvetica,sans-serif;
           color: #336699;
           font-size: 0.9em;
           font-weight: 700;
           margin-bottom: -10px;}

.normal {font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.4em;}

.data { font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #000080;
        font-size: 0.8em;
        vertical-align: top;}

.blk { margin-left: 30px;
       margin-right: 30px;}

/* articles */

.head {font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #1b3e76;
    	font-size: 1.4em;
		font-weight: 700;
		line-height: 1.15em;
		margin-bottom: 8px;
		}

.box {border: 1px solid #336699;
      background: #f0f0ff;
      margin-left: 15px;
      margin-right: 15px;
      line-height: 16px;
      padding: 8px;}

.boxlist {border: 1px solid #336699;
      background: #ffffff;
      margin-left: 40px;
      margin-right: 15px;
      line-height: 16px;
      padding: 8px;}

.boxchar {border: 1px solid #009999;
      background-color: #ffffcc;
      color: ff0000;
      text-align: center;
      line-height: 1em;
      padding: 4px 1px;
      margin-right: 3px;
      margin-top: -3px;
      width: 1.7em;
      display: block;
      float: left;}

/* for the pubs listings alpha nav bar */

#alphalist {
	margin-top: 2em;
    font-size: 1em;
    font-weight: 500;
    }

#alphalist a {
    float: left;
	border: 1px solid;
	border-color: #ffffff #aaaaaa #aaaaaa #ffffff;
    color: #000080;
    padding: .08em .4em;
	text-decoration: none;
}

#alphalist a:link, #alphalist a:visited {
	color: #000080;
    background: #dddddd;
    }

#alphalist a:hover {
	color: #000080;
	border-color: #aaaaaa #ffffff #ffffff #aaaaaa;
    background: #eeeeee;
    }

.unlisted {
    float: left;
    border: 1px solid;
    color: #ffffff;
    padding: .08em .5em;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    background: #cccccc;
    }

.current {
    float: left;
    border: 1px solid;
    color: #ffffff;
    padding: .08em .5em;
    border-color: #ffbbbb #ee0000 #ee0000 #ffbbbb;
    background: #ff0000;
    }

.floatright {float: right;
             margin: 0 0 10px 15px;}

.floatleft {float: left;
             margin: 0 10px 10px 0;}

.floatright2 {float: right;}

.floatleft2 {float: left;}

p.centeredimage {margin-top: 0;
	text-align: center;}

/* admin */

.ok {font-weight: 700;
     color: #ffffff;
     background: #299c39;}

.fail {font-weight: 700;
       color: #ffffff;
       background: #ff0000;}