/* PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com
Menu Type: Horizontal Style Theme:14 - Bartlett */

#p7PMnav { margin: 0; padding:0; height: 1.75em; }

#p7PMnav li { 
list-style-type: none; 
margin: 0; 
padding: 1; 
background: none transparent;
border-right-width: 0px; }

#p7PMnav ul {
margin: 0;
padding: 0;
position: absolute;
left: -9000px;
z-index: 10000;
border-right: 0;
border-bottom: 0;
border-left: 0;}

/* Line under menu items */

#p7PMnav ul li { border-bottom: 1px solid #FFFFFF; margin-left: 12px;}

#p7PMnav a { 
display: block; 
text-decoration: none; 
background-color: #474ba6; 
padding: 4px 8px 4px 10px;
color: white;
line-height:1;
font-weight: bold; }

#p7PMnav ul a { padding: 4px 12px 4px 10px; line-height:1; border-left: 6px solid #bfcbfe; }
#p7PMnav ul ul a { padding: 4px 12px 4px 10px; line-height:1; }

/* ------ HOVER COLOUR TEXT ------ */

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus, #p7PMnav .p7PMon, #p7PMnav .p7PMon:hover, #p7PMnav ul a:focus, #p7PMnav .p7PMon:active {
color: black;
background-color: /* 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; float:left;
	border-right-width: 5px;
}
img.framed {padding:6px; solid #CCC;background-color:#ffffff;}

h1 {font-size: 1.3em; margin-top: .5em; color:#6F82D5;}

h2 {font-size: 1.2em; }

h3 {font-size: 16px; }
h6 {font-size: 1em; }

p {line-height: 1.4em;font-size:13px;}

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: #474ba6; 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: #6173bc;

	border-right-color: #ffffff;

}



#pagetitle {
	
	background-color: #fef0ff;
	margin-left: inherit;
	padding-left: 14px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 25px;
}



#pagetitle h1 {

	background: #D9EOE1;

	border-bottom: 1px solid #fff;

	border-left: 10px;

	margin-left: 10px;

}



a {color: #003399;}

a:link { color:#003399; background-color:transparent; }

a:hover { border:none; color: #03BDD1;}



#masthead { background: #222222 url(images/other/tr.gif) no-repeat 100% 0%; border-bottom: 1px solid #fff;}

#mastheadleft h1 { background: #013153 url(images/other/heading.gif) no-repeat bottom left; }



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



.pagephoto { background: #B0D5F1 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 #B0D5F1; 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: #474ba6 url(images/other/subnavbl.gif) no-repeat 0% 100%; border-bottom: 10px }

#subnav h3 { background: #474ba6 url(images/other/subnavtr.gif) no-repeat 100% 0%; color: #fff; border-bottom: 1px solid #fff; }


/*backgroud to whole nav*/
#subnav ul { background: none #6173bc;}

#subnav li { background-image: none; }

/*SECOND LEVEL COLOUR*/
#subnav li a:link, #subnav li a:visited {border-left: 7px solid #6F82D5; color: #000; background-color: #C6D1FF; } 
#subnav li a:hover{ color: #fff; background-color: #D2DBFC; border-left: 7px solid #ff9933; border-bottom:;
	border-left-color: #ff9933;
 none;}
/*END SECOND LEVEL COLOUR*/
/*THIRD LEVEL COLOUR*/
#subnav ul ul a:link, #subnav ul ul a:visited {border-left: 7px solid #8298FB; color: #000; background-color: #D2DBFC;
	border-color: #a5bcff;
} 

#subnav ul ul a:hover { color: #fff; background-color: #DEE5FF; border-left: 7px solid #ff9933; border-bottom: none;}
/*END THIRD LEVEL COLOUR*/



#footer { background: #9CAFB1 url(images/other/footerbl.gif) no-repeat 0% 100%;

border-top: 1px solid #FFFFFF; }

#footertext { background: #94ACE3 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; z-index: 2;
	border-top: 69px solid #fef0ff;
	border-spacing: 50px 50px;
	margin: 0px -13em 0 0;

}




/* MASTHEAD */



#mastheadleft { float: left; width: 59%; }

#mastheadright { float: right; width: 40%; text-align: right; }

#mastheadleft h1 { margin-left: 20px; width: 355px; 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 {font-size:12px;}

.table_special {border: solid; border-width:1px;border-color: #3C82D5;padding-top:2px;padding-bottom:2px; }

.table_special_1 {border:0;font-size:12px;}

/*table td {padding:0px;}*/

td li { margin-right: 1em; margin-bottom: .4em; }

tr { vertical-align: top;}

.tr_special {background:#86B9FF;}

.tr_special_2{background:#C0C0C0;}

.tr_special_3{background:#3C82D5;}

.td_special{border:0px;}

table td{border:1px; padding-left:2px;}

.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; }



/* BOXES */
/* BOXES - box top margin changed from 2.4 */
.box { margin-top: 1.4em; background: transparent none; } 
.box h2, .box h3  { color: #fff;  background: #FF9933 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: #9CAFB1 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: #9CAFB1 url(images/other/boxesbr.gif) no-repeat 100% 100%; margin: .5em 0; }
.box_wide h2, .box_left h2, .box_right h2, #externallinks h2 { background: #9CAFB1 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;}


/*BODY COLOUR OF THE LEFT BOXES*/
#relatedpages, #profile { margin: 0 0 1em 0; padding: 0;
background: #FFCC99 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%; background: #6173bc  }

#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}

;
letter-spacing: 0.01px;
border-right: 0px solid #e5eaff; }

/* ------ HOVER COLOUR BORDER ------ */

#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul .p7PMon, #p7PMnav ul .p7PMon:hover {
border-right: 0;
border-bottom: 0;
border-left: 6px solid #FF9933;
background-color: #86b9ff; }

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark, #p7PMnav .p7PMmark:hover { font-weight: bold; }

/* ------ the trigger link styles ------- */

/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMtrg:hover, #p7PMnav .p7PMtrg:active, #p7PMnav .p7PMon {
background-image: /*url(/hulldemo/media/p7PM_light_south.gif);*/none;
background-repeat:	no-repeat;
background-position: 4px 8px; }

/*the submenu classes */
#p7PMnav .p7PMhide { left: -9000px; border: 0; }
#p7PMnav .p7PMshow { left: auto; z-index: 20000 !important; }
#pmmcrumb { font-weight: bold; color: #333333; }
#pmmcrumb a, #pmmcrumb a:visited { font-weight: normal; color: #333333; }
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus { font-weight: normal; color: #956870; }

/* Top level menu width */
#p7PMnav li { float: left; width: 8em; }
#p7PMnav ul li { float: none; width: auto; }

/* 2nd and subsequent Submenu widths */
#p7PMnav ul{ width: 12.5em; }

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}