/* @import "importcampages.css"; */

/* home page */
.homeheading {font-weight: bold; font-size: 80%; font-family: arial, helvetica, sans-serif;  
color: #990000; margin: 6px 0 4px  0;}

a.homemenu  {font-weight: bold;}
a.homemenu2 {font-size: 80%;}
a.homemenulist {font-weight: bold; font-size: 90%;}

p.homealert {font-size: 90%;}
p.homenews {font-size: 80%;}
p.homenews2 {font-size: 90%;}
.homenewsalert {font-size: 90%;}
.homemessage {font-size: 80%;}

div.box {width: 90%; padding: 10px; border: 2px solid #0099cc;}
div.leftbox {width: 160px; text-align: right; padding: 10px; padding-top: 0px; margin-right: 20px; border: 2px
solid #0099cc;}

.hplist p {margin: 0 0 3em 0; padding: 0;}
.hpbox {width: 250px; margin: 20px 5px 20px 50px; font-size: 90%; text-align: right;}

/* research page */
h1.small  {font-weight: bold; font-size: 100%; color: #990000; line-height: 100%; font-family: arial, helvetica, sans-serif;}

/*department directory - ns classes only applied by older browsers when import.css can't be used and a-z displays differently*/
table.index td {font-weight: bold; text-align:center;}
h1.indexns {font-weight: bold; font-size: 120%; color: #990000; font-family: Arial, Helvetica, sans-serif;}
p.indexns {font-size: 90%;}

/*docs*/
td.tint {background:#99ccff ; padding: 15px;}

/*cs index*/
table#csbox {border: 2px solid #0099cc;}

/*styling for search form with tables on cambarea index*/
#local {margin: 20px 0 6px 15px; padding:0; font-size: 95%; width:100%;}
#local td#left {width: 5em; text-align: right; font-weight: bold;line-height: 1.5em;vertical-align: top; padding: 0 12px 0 0;}
#local td#right {text-align: left; line-height: 1.5em;vertical-align: top; padding: 0;}

.input {color: #000; background: #fff; border: #369 solid 1px; margin: 0 0 6px 0;line-height: 1.5em;}

.button {color: #fff; background: #369; border: 1px #09c outset; font-weight: bold; font-size: 80%; } 

/*Page heading with identifier on left. Use deptitle - title is only for University pages */
#header {width:100%; padding:0; vertical-align: bottom;}
#header td.deptitle {font-size: 140%; color: #000000; font-weight: bold;text-align: right; vertical-align: bottom;}
#header td.title {font-size: 130%; color: #990000; font-weight: bold; text-align: right; vertical-align: bottom;}

/*news display box for research page*/
#researchbox {width:212px; float:right; border: #333 solid 1px; margin: 0 0 10px 10px; padding: 10px 0 10px 10px; font-size: 90%;}

/*a-z page and department directory - these styles are for older browsers*/
table.index td {font-weight: bold; text-align:center;}
h1.indexns {font-weight: bold; font-size: 120%; color: #990000; font-family: Arial, Helvetica, sans-serif;}
p.indexns {font-size: 90%;}

/*general purpose mark up*/
ol.letter {list-style-type:lower-alpha;}
ol.roman {list-style-type:lower-roman;}

/*unbulletted list*/
.ublist ul {margin: 0; padding: 0; list-style: none;}
.ublist ul li {padding-top: 6px;}
.ublist ul li ul li {padding-left: 1em; list-style: none; font-size:90%; }
.ublist ul li ul li ul li {padding-left: 1em; list-style: none; font-size:85%; }

/*for dept home page template*/
#nstcontainer {margin: 12px 0 0 0; padding:0; border: none;}
/*the width here may need to be altered if you want to use a very wide graphic - se explanation below*/
#nstcontainer td.left {width:300px; vertical-align: top; padding: 0; margin:0; border-right: 2px solid #666;text-align: right; }
#nstcontainer td.left img {display: inline; }
#nstcontainer td.left ul {margin:0 ; padding: 0.5em 1em 1em 0; text-align:right;list-style: none; font-size:90%; line-height:100%;}
#nstcontainer td.left ul li {padding: 2px 0 0 6px; }
/* #nstcontainer td.left ul li img {position:bottom;} */
/*the left margin setting here - 100px - plus the width of your image need to add up to 300px for the layout to work. If you wish to use a wider graphic on the left of the page them increase the 300px width for the left hand table cell*/
#nstcontainer td.left h2 {font-weight: bold; font-size: 80%; color: #990000; 
text-align:right;margin: 1.5em 1em 0 100px; padding: 0 0 2px 0; border-bottom:  2px solid #ccc;}

#nstcontainer td.left p {font-size: 90%; margin: 1em 1em 1em 50px; }

#nstcontainer td.right {vertical-align: top;padding: 0 0 0 1em; }
#nstcontainer td.right p {font-size: 90%; margin: 0; }
#nstcontainer td.right ul {margin: 0 0 1em 0; padding: 0;list-style: none; font-weight: bold; }
#nstcontainer td.right ul li {padding: 2px 0 2px 0; }
#nstcontainer td.right ul li ul {margin:0; padding-left: 1em }
#nstcontainer td.right h2.for {font-weight: bold; font-size: 80%; color: #990000; margin: 1.5em 5em 0 0; padding: 0 0 2px 0; text-align:left; border-bottom:  2px solid #ccc;}

