/* Screen css for law.hull.ac.uk, skidoo2 layout from http://webhost.bridgew.edu/etribou/layouts/  */

/* ELEMENTS */

.menu { font-size: .8em; font-weight: bold;
	
}
body { font-family:Arial, Verdana, Helvetica, sans-serif;}
a {text-decoration:none;}
img {border:none; } 
h1 {font-size: 1.3em; margin-top: .5em;}
h2 {font-size: 1.2em; }
h3 {font-size: .85em; }
p {line-height: 1.4em; }
ul {margin: 0; padding: 0; line-height: 1.5em; }


dt {font-size: .8em; font-weight: bold;}
dd { font-size: .8em; line-height: 1.4em; margin: 10px 0 10px 20px; }
dd ul { margin: .8em 0 .8em 0}
dd li {margin-left: 0; }

/* COLOURSCHEME */

body { color:#241423; background: none #fff;}
#cont li {list-style-type: none; background: transparent url(images/other/arrow.gif) 0 7px no-repeat; padding-left: 10px;  margin-left: 20px;  }
#navback { background: #3B78B5; border-bottom: 1px solid #fff; }
#centercolumn { background: #fff none; font-size: .9em;}
#outercolumncontainer { /* background colors for left and right columns */
border-left-style: solid; 
border-right-style: solid; 
border-left-color: #8FB5DB; 
border-right-color: #fff; }

a {color: #003399;}
a:link { color:#003399; background-color:transparent; }
a:hover { border:none; color: #fff; background: none #6699CC; padding: .1em 0;}

#masthead { background: #E78F3C url(images/other/head_tr.gif) no-repeat 100% 0%; border-bottom: 1px solid #fff;}
#mastheadleft h1 { background: #E78F3C url(images/other/heading.png) no-repeat bottom left; }

.searchbutton { font-weight: bold; color: #B4B4B4; background: black; }

.pagephoto { background: #B4B4B4 url(images/other/bl.gif) no-repeat 0% 100%; }
/* rounded corner for image, works in i6/7, not in FF/Opera */
.pagephoto img { border: 1px solid #fff; }
.pagephoto, .pagephoto p, .pagephoto a {background: none #CCDEEF; color: Black; }

td { background: none #CCDEEF; color: #000; }
.table_left h2, .table_left td, .table_top td, .table_left th, .table_top th { background: none #CCDEEF; color: #241423; }

#subnav { background: #6699CC url(images/other/subnavbl.gif) no-repeat 0% 100%; } 
#subnav h3 { background: #6699CC url(images/other/subnavtr.gif) no-repeat 100% 0%; color: #fff; border-bottom: 1px solid #fff; }
#subnav ul { background: none #8FB5DB;}
#subnav li { background-image: none; }
#subnav li a:link, #subnav li a:visited, #subnav ul ul a:link, #subnav ul ul a:visited {border-left: 7px solid #A2C2E2; color: #000; background-color: #CCDEEF; } 
#subnav li a:hover , #subnav ul ul a:hover { color: #fff; background-color: #A2C2E2; border-left: 7px solid #6699CC; border-bottom: none;}

#footer { background: #6699CC url(images/other/footerbl.gif) no-repeat 0% 100%; 
border-top: 2px solid #8FB5DB; }
#footertext { background: #6699CC url(images/other/footerbr.gif) no-repeat 100% 100%; }

/* LAYOUT */

#pageWrapper {
margin: 0;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
min-width: 40em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
width: auto; }

#SOWrap { float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }
.inside { /* applies horizontal padding to columns to get around IE 6 box model without a hack*/
padding: 0 15px; position: relative; }

#outercolumncontainer { /* reserves space for the left and right columns. uses borders (see colourscheme) to create background colours for left & right columns */ border-left-width: 11em; border-right-width: 13em;  }
#innercolumncontainer { margin: 0;	width: 100%; z-index: 1; }
#leftcolumn, #centercolumn, #rightcolumn, #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */ }
#SOWrap { float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }
#centercolumn { float: right; margin: 0; width: 100%; z-index: 5; }
#leftcolumn {	float: left; 	margin: 0 0 0 -11em;	width: 11em; 	z-index: 4; 
/*background: transparent url(../homepage/tr.gif) no-repeat 100% 0%; */}
#rightcolumn { float: right; width: 13em; margin: 0 -13em 0 0; z-index: 2; }

/* MASTHEAD */

#mastheadleft { float: left; width: 59%; }
#mastheadright { float: right; width: 40%; text-align: right; }
#mastheadleft h1 { margin-left: 20px; width: 483px; text-indent: -5000px; height: 41px; margin: .6em 0 .8em .8em; } /* image replacement technique */
#searchform {padding: .5em 1em 0 0; }

/* PAGEPHOTO */

.pagephoto { float: right; margin: .5em 0; padding: .4em; }
/*.pagephoto.inside  { padding-right: 0; } */
/* to override centercolumn padding, and make photo sit flush to right column. Works in IE6, doesn't in IE7, FF, NN6 */
.pagephoto p { margin: .4em 0 0 0;  font-size: .8em; }
.pagephoto a:link, .pagephoto a:visited {border: none; }
.p_landscape {width: 190px; }
.p_portrait {width: 143px; }

/* OTHER IMAGES */

.thumbnails ul, .thumbnails li { float: left; list-style: none; background-image: none; }
.thumbnails li { width: 150px; height: 120px; }
.thumbnails p { font-size: .8em; margin: 0 5px 0 0; line-height: 1em; }
.thumbnails a, .thumbnails a:link, .thumbnails a:visited { border: none; }
.thumbnails p a, .thumbnails p a:link, .thumbnails p a:visited {border-bottom: 1px dotted #7A4378;}
.thumbnails a:hover, .thumbnails p a:hover {border:none; color: #fff; background: none #67437A; }

.icon:after { float: none; border:0; padding: 0; margin: 2px;}

.phototext {clear: both; margin-top: 30px;}
.phototext p, .phototext h3 {margin-left: 120px; }
.phototext img { float: left; position: relative; }
.phototext img {border: 2px solid #241423; }
.phototext p, .phototext h3 {font-size: .8em; }

/* SUB NAVIGATION */

#subnav { font-size: 75%; line-height: 150%; margin-top: .7em; width: 98%; padding-bottom: 2em; } /* width in combination with .inside causing IE 6 box model problems here? */
#subnav h3 { font-size: 1em; margin: 0; padding: .3em .2em .3em .7em; }
#subnav ul { list-style: none; margin: 0; padding: 0; line-height: normal; }
#subnav li { list-style-type: none; padding-left: 0; margin: 0 0 3px; }
#subnav ul ul { margin-left: 7px; }
#subnav ul ul li { margin: 3px 0 3px 0; }
#subnav li a:link, #subnav li a:visited, #subnav ul ul a:link, #subnav ul ul a:visited { display: block; padding: 0.25em; } 

/* TABLES - Table_left for row headings, table_top for column headings */

table { width: 70%; border: none; border-spacing: 0;}
table td {padding: .5em; font-weight: bold;}
td li { margin-right: 1em; margin-bottom: .4em; }
tr { vertical-align: top;}
.table_left td, .table_left th { padding-left: 10px; }
.table_left h2 { font-size: 1.2em; margin: 0; padding: 5px 0 5px 10px; }
.table_left th h2 {margin-left: -10px;}
.table_left table, .table_top table { width: 100%; }
.table_left, .table_top { line-height: 1.4em; }
.table_left th, .table_top th { text-align: left; }
.table_left th, .table_left tr, .table_left ul, .table_left li, .table_top tr, .table_top ul, .table_top li { vertical-align: top; }
.table_left li { margin-left: 0; }
.table_top th, .table_top td { padding: 5px 10px 5px 10px; }

/* Richard's table for Case Studies */
table.cs_table {font-size:0.8em;}
table.cs_table td, table.cs_table th {font-weight:normal; border:0.1em solid #FFF; text-align:left; vertical-align:middle; padding:0.3em;}
table.cs_table th {font-weight:bold; background:#3B78B5; color:#FFF;}

/* BOXES */

.box { margin-top: 2.4em; background: transparent none; } 
.box h2, .box h3  { color: #fff;  background: #6699cc url(images/other/boxestl.gif) no-repeat;
font-size: .75em; font-weight: bold; border-bottom: 1px solid #fff; padding: .6em .4em .4em .9em; margin: 0; }
.box h4, .box p { background: transparent none; font-size: .75em; padding: .4em .4em .4em .9em; margin: 0; }
.box ul { background: transparent none; font-size: .75em; margin: 0; padding: .6em .4em .9em 0; }
.box li {background: #CCDEEF url(images/other/boxbullet.gif) 0 5px no-repeat; padding-left: 1.1em;  margin-left: 1em; }
.box li p { font-size: 1em; margin-left: -10px; font-weight: normal; }
.box img { float: right; margin: .5em .5em 0 .5em; border: 1px solid #FF6600; }
.box .double {line-height: 1.3em; }
.box_wide, .box_left, .box_right, #externallinks { background: #CCDEEF url(images/other/boxesbr.gif) no-repeat 100% 100%; margin: .5em 0; }
.box_wide h2, .box_left h2, .box_right h2, #externallinks h2 { background: #6699cc url(images/other/boxestl.gif) no-repeat; }
.box_wide { float: left; width: 100%; margin-bottom: 10px; }
.box_left { float: left; width: 48%;  margin-bottom: 10px; }
.box_right { float: right; width: 48%;  margin-bottom: 10px; }
.box_wide li, .box_left li, .box_right li, #relatedpages li, #externallinks li a  {font-weight: normal; }
.box_wide h3, .box_left h3, .box_right h3 { background: transparent none; border: none; font-size: .75em; color: black;}
.box_left h3 a, .box_right h3 a { color: black; border-bottom: 1px dotted black; }

#externallinks { margin-top: 20px; }
#externallinks li { font-weight: bold; }
#externallinks li p { margin: -6px 0; padding-left: 0;}

#relatedpages, #profile { margin: 0 0 1em 0; padding: 0;
background: #CCDEEF url(images/other/boxesbr.gif) no-repeat 100% 100%; }
div#profile div { padding: .9em;  font-size: .85em; background: none transparent;}
#profile img { float: right; position: relative; margin: .5em .5em .2em .5em; border: 1px solid #fff; }

/* OTHER */

#breadcrumbtrail {font-size: .8em;  margin-bottom: 1em;}
#breadcrumbtrail, #breadcrumbtrail a {background: none #fff; color: Gray; }
#breadcrumbtrail a {margin-bottom: 1em; }
#breadcrumbtrail a:hover {border: none; color: black;}

.list_texty li { margin-bottom: 20px;}
.list_texty a {  color: #241423; background: none #fff;}

#pagecontents { font-weight: bold; margin-bottom: 1em; }
#pagecontents ul { font-size : .8em; }
#pagecontents li { font-weight: normal; }

/* FOOTER */

#footer { font-size: .7em; margin: 0 .5em 0 0; width: 100%; } 
#footer p { margin: 0; padding-left: .8em; } /* left-padding should match #footer address margin-left */
#footertext { font-style: normal; padding: 1em 0; margin-left: .8em; /* avoid other margins - rounded corners will play up */ }

/* HACKS */

.hide {display: none; }

html[xmlns] .mozclear { /*skidoo hack */
border-bottom: 1px solid;
border-color: transparent;
margin-bottom: -1px; }

.clear { clear: both; }

.skipnavlink { /* pushes skipnav right out of the way, where display:none doesn't work */
position: absolute; 
left: -1000em; 
width: 20em; }

/* fix to clear floats - easy clearing from p.i.e. */

.clearfix:after, .box_right { display:block; visibility:hidden; clear:both; height:0; content:"."; 	}
.clearfix, .box_right {display:inline-block}
.clearfix, .box_right {display:block}