body 
{
background-color:#C8CCC8 !important;
margin:0;
padding:0;
text-align:center;
height:100%;
font-family:verdana, sans-serif;
background-image: none !important;
position:relative;
}

#mainWrapper
{
/*position:relative;*/
position:relative;
width:750px;
padding:0 9px 0 9px;
background:url(https://www.ncl.ac.uk/graphics/cvi/shadow.gif) repeat-y top left;
background-color:#ffffff;
margin:0 auto;
}
p
{
font-weight:normal !important;
font-style:normal !important;	
}
p, h1, h2, h3, h4, h5, h6,body div, body span 
{
text-align:left;
}
div
{
font-weight:normal;	
}
pre
{
font-size:125%;	
border:1px dotted gray;
padding:5px;
background-color:#f6f6f6;
}
tt
{
font-size:125%;
padding-left:0.2em;
padding-right:0.2em;
}
code
{
font-size:125%;	
border:1px dotted #cccccc;
padding:3px;
line-height:210%;
padding-left:5px;
padding-right:5px;
background-color:#f6f6f6;	
}
/************************************************
 GLOBAL TOOLBAR AND PAGE HEADER
************************************************/
.skip, a.skip:link, a.skip:visited, a.skip:hover
{
float:left;
height:1px;
width:1px;
overflow:hidden;
margin:0px;
padding:0px;
border:0px;
text-decoration:none;
display:block;
font-size:1px;
position:absolute;
}
#globalNav 
{
z-index:5;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_globalnav.jpg);
margin-top:0px;
padding-top:0px;
padding-bottom:0.20em;
height:3.4em;
border-bottom:2px solid #769D51;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#000000;
position:relative;
min-height:50px;
/*\*/

width:750px !important;
/* */
}

#globalNav em, #footer em {
font-style:normal;
text-decoration:underline;
}

h1
{
clear:none;
margin:0px;
padding:0px;
font-size:1.1em;
width:200px;
height:3.4em - 2px;
position:absolute;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_shield_hint.jpg);
background-repeat:no-repeat;
z-index:0;
}
h1 a:link, h1 a:visited
{
position:absolute;
width:200px;
height:65px;
top:0px;
left:-10px;
display:block;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_shield_tran.gif);
text-decoration:none;
z-index:500;
}

/* declare the cursor for poor lil IE/win. i know hand is invalid - but pointer doesnt do anything V.5 */
h1 a:hover  {
  /* \*/ 
cursor:hand;
/* */
}

 h1 span 
{
display:none;
}


#globalNav  ul, #globalNav form
{
text-align:right;
position:absolute;
right:5px;
padding:0px;
margin:0px;
font-size:90%;
margin:0px;
padding:0px;
color:#ffffff;
width:550px;
}

#globalNav ul
{
top:0px;
}

#globalNav form
{
position:absolute;
bottom:8px;
right:5px;
margin-top:7px;
}

#globalNav input
{
	margin:0px;
	padding:0px;
}
#globalNav .go
{
	vertical-align:top;
	margin-left:3px;
}

#globalNav li,
#mainNav li,
#footer li,
.contentMenu li
{
display:inline;
list-style-image:none;
margin:0px;
padding:0px;
border:0px;
}
#globalNav li a:link, #globalNav li a:visited,
#mainNav li a:link, #mainNav li a:visited
{
color:#ffffff;
text-decoration:none;
font:75% arial;
margin:0px;
}
#globalNav li a:hover, #globalNav li a:active
{
color:#99CC67;
text-decoration:underline;
}
/*
#globalNav div#searchform
{
position:absolute;
top:7px;
right:0.2em;
width:100px;
border:0px;
margin-top:12px;
border:solid;
padding:0px;
clear:none;
height:0;

}
*/
#globalNav fieldset
{
border:0px;
margin:0px;
padding:0px;	
}
#globalNav legend
{
display:none;
}

/*
#globalNav #formBox input 
{
position:absolute;	
right:36px;
background-color:#ffffff;
border:1px solid #000000;
margin-bottom:4px;
margin-top:6px;
margin-right:36px;
}
#globalNav #formBox .go
{
position:absolute;	
right:2px;
border:none;
}
*/


/************************************************
 TOP SECTION NAVIGATION
************************************************/
#mainNav 
{
position:relative;
right:0px;
width:750px;
height:87px;
text-align:right;
clear:both;
border-left:1px solid #000000;
z-index:1;
display:block !important;
}

#mainNav ul 
{
margin:0px;
border:0px;
}
#mainNav li
{	
display:block !important;
width:105px;
float:right;
margin-right:4px;
white-space: nowrap;
text-align:center;
overflow:visible;
/* \*/
width:auto;
/* */
}
#mainNav a.currentSection
{
background-color:#567D31 !important;	
background-image:url(none) !important;
}
#mainNav a:link, #mainNav a:visited 
{
background:#444380 url(https://www.ncl.ac.uk/graphics/buttons/navbuttonbackground.gif) repeat-x top left;
display:block;
overflow:visible;
color:#ffffff;
text-decoration:none;
font-size:0.8em;
padding:3px;
/* border:1px solid #769D51; float:right;  margin:4px; float:right; */
border-top:0px;
/* \*/
margin-right:2px;
/* */
}
.beNiceToOpera {
}

#mainNav a:hover, #mainNav a:active
{
background-image:url(none) !important;
background-color:#769D51 !important;
color:#000000;
border:1px solid #ffffff;
border-top:0px;

}


/************************************************
 SIDE MENU SECTION NAVIGATION
************************************************/

#sidebar
{
float:left;
margin:0px;
padding:0px;
width:180px;
/* should be done with margin, but browsers give different results, why? */
padding-left:8px;
}
.sidebar
{
width:180px !important;
}
#sidebar .borderedBox, #sidebar .quoteBox
{
width:178px !important;	
}
#sidebar h2
{
	border-bottom:none !important;
}
#sidebar div, .boxContainer div
{
margin-top:0px !important;
margin-bottom:8px !important;
clear:both;	
}
#sidebar div hr
{
margin-top:0px !important;
margin-bottom:0px !important;
padding-top:0px !important;
padding-bottom:0px !important;
clear:both;	
}
#sidebar .menu ul 
{
padding:0px;
margin:0px;
font-family: arial, sans-serif;
font-size:0.70em;
}

#sidebar .menu ul ul
{
font-size:100%;	
border:none;
}
#sidebar .menu li 
{
list-style-type:none;
display:inline;
}

#sidebar .depth1 a:link, #sidebar .depth1 a:visited, #sidebar .depth1 .selected, .depth1  strong
{
display:block;
padding:2px;
padding-left:4px;
text-decoration:none;
color:#000000;
width:170px;
}

#sidebar .depth2 a:link, #sidebar .depth2 a:visited, #sidebar .depth2 .selected, .depth2  strong
{
margin-left:6px;
display:block;
width:164px;
}

#sidebar .depth3 a:link, #sidebar .depth3 a:visited, #sidebar .depth3 .selected, .depth3  strong
{
margin-left:12px;
display:block;
width:158px
}

#sidebar .depth4 a:link, #sidebar .depth4 a:visited, #sidebar .depth4 .selected, .depth4  strong
{
margin-left:18px;
display:block;
width:152px
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5
{
font-size:0.8em; 
font-family: verdana, sans-serif;
margin:0px;
padding:3px;
}

#sidebar div.formBox, #contentArea .formBox
{
border:1px solid #07074F;
background-color:#eeeeee;
position:relative;
}

#sidebar .borderedBox, #sidebar .quoteBox
{
position:relative;
}
#sidebar .borderedBox, table.borderedBox
{
background-color:#ffffff;	
}
#sidebar .quoteBox
{
border:1px solid #07074F;	
}
#sidebar fieldset, .formBox fieldset
{
margin:0px;
padding:0px; 
position:relative;
border:0px;
border:0px !important;
background:transparent !important;
}
#sidebar div.formBox legend
{
font-size:80%;
color:black !important;
padding:0px;
margin:0px;
padding-left:5px;
}

#sidebar .borderedBox h4, #sidebar .quoteBox h4
{
padding-right:60px;
}
#sidebar .borderedBox p,  #sidebar .formBox p, #sidebar .quoteBox p, #sidebar .banner p,
#sidebar .borderedBox ul,  #sidebar .formBox ul, #sidebar .quoteBox ul, #sidebar .banner ul
{
margin:5px;
padding:0px;
font-size:0.70em;
line-height: 1.5em;
font-family: verdana, sans-serif;
list-style-type:none;
}
#sidebar .borderedBox li,  #sidebar .formBox li, #sidebar .quoteBox li, #sidebar .banner li
{
margin-top:5px;
margin-bottom:5px;
}
#sidebar .borderedBox li a:link,  #sidebar .formBox li a:link, #sidebar .quoteBox li a:link, #sidebar .banner li a:link
{
color:#000066;
}
#sidebar .borderedBox li a:hover {
text-decoration:none !important;
}


.borderedBox img, .formBox img, .quoteBox img
{
float:left;
border:1px solid black;
margin-right:5px;
}

.formBox form
{
position:relative;
clear:both;
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}
.formBox input, .formBox select
{	
right:33px;
width:136px;
margin-left:4px;
margin-right:4px;
padding:0px;
}
.formBox h4
{
height:1.3em;	
}

.formBox .go
{
width:27px !important;
height:21px;
position:absolute; 
right:0px;
margin-bottom:2px;
border:none;
margin-right:4px;
margin-top:0px;
}

h4 .go
{
position:absolute !important;
top:2px;
right:0px;
}

.borderedBox h4, .formBox h4, .quoteBox h4, .banner h4, #sidebar h4
{
color:#ffffff !important;
margin:0px;
padding:4px;
margin-left:0px;
position:relative; 
min-height:1.2em; /*nessecary for IE 5mac */
}
.borderedBox h4 a, .formBox h4 a, .quoteBox h4 a, .banner h4 a, #sidebar h4 a
{
color:#ffffff !important;	
}
.borderedBox h5, .formBox h5, .quoteBox h5, .banner h5
{
padding-left:4px;
}
.borderedBox h5, .formBox h5, .quoteBox h5, .banner h5,
.borderedBox h5 a, .formBox h5 a, .quoteBox h5 a, .banner h5 a
{
color:#07074F !important;	
}


.quoteBox strong
{
color:#444380 !important;
}

/************************************************
 CONTENT AREA
************************************************/


#contentWrapper 
{
padding:0px;
margin:0px;
position:relative;	
width:750px;
border-left:1px solid #000000;
}

#contentArea 
{
height:auto !important;
float:right;
clear:both;
margin:0px;
border:none;
padding-right:16px;
padding-left:10px;
padding-top:20px;
padding-bottom:0px;
font-size:0.72em;
line-height:150%;
font-family:verdana, sans-serif;
color:#000000;
width:522px;
/*
522 on IE5 MAC 527 on MOX IE PC+ SHOULD PROBABLY BE: width:528px;
*/
} 

.fullWidthContent 
{
float:none !important;
margin:0px;
padding:0px;
width:720px !important;
}

h2, h3 
{
border-bottom:1px solid #cccccc;
font-family:arial, helvetica, sans-serif;
font-size:1.3em;
margin-top:5px;
margin-bottom:5px;
}
h4
{
/*
margin:0px;
*/
padding:0px;	
font-family:arial, helvetica, sans-serif;
font-size:1.2em;
}
h5, h6
{
padding:0px;	
font-family:arial, helvetica, sans-serif;
font-size:1.1em;
}
hr
{
height:1px;
border:none;
margin-top:10px;
margin-bottom:10px;
}
#contentArea ul
{
margin-top:5px;
}

#contentArea li
{
margin-bottom:5px;
}
#contentArea li a:link, #contentArea li a:visited  {
text-decoration:underline;
}
#contentArea li a:hover {
text-decoration:none;

}

dt
{
	display:block;
	float:left;
	width:111px;
	clear:left;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
}
dd
{	display:block;
	padding-top:1px;
	padding-bottom:5px;
	padding-left:10px;
	margin-left:120px;
	clear:right;
}
.styledForm label
{
	margin:0px;
	text-align:right;	
	display:block;
	float:left;
	width:111px;
	clear:left !important;
	text-align:right;
	margin-top:3px;
	margin-bottom:3px;
}
.styledForm input, .styledForm select,.styledForm textarea, .checkBoxList 
{	margin:0px;
	display:block;
	margin-top:1px;
	margin-bottom:5px;
	margin-left:120px;
	clear:right !important;
}

.checkBoxList, .checkBoxList ul
{
clear:both;
list-style-type:none !important;
padding-left:0px;
}

.checkBoxList li
{
clear:both;
list-style-type:none !important;
list-style-image:none !important;
width:90%;
}
.checkBoxList input, .checkBoxList label
{	
display:inline;
float:none;
clear:none;
margin:0px;
padding:0px;
width:auto !important;
}
.checkBoxList input
{
padding-top:5px;	
}
.checkBoxList label
{
clear:both;
margin-left:5px;
}
.scrollBox
{
	overflow:auto;	
	padding:5px;
	margin:0px;
}
#contentArea a:hover, #contentArea a:active, #contentArea li a:hover, #contentArea li a:active
{

/* changed to none from underline. BT 11/03/05. Do not convey information by color alone */
text-decoration:none;
}

.small 
{
font-size:80%;
}

input.small, select.small
{
font-size:125% !important;	
}
/************************************************
 CONTENT AREA FORMS
************************************************/

legend
{
margin:5px;
padding:0px;
margin-bottom:8px;

}
fieldset
{
padding:15px;
padding-top:0px;
margin:0px;	
margin-top:5px;
margin-bottom:5px;
}

/************************************************
 CONTENT AREA BOXES
************************************************/

#contentArea .formBox, #contentArea .bannerBox
{
margin:0px;
margin-top:15px;
margin-bottom:15px;
}
#contentArea .quoteBox, #contentArea .borderedBox
{
margin-bottom:8px;
}
/*  th, .borderedBox th, */
#contentArea .borderedBox h4, #contentArea
#contentArea .formBox h4, 
#contentArea .quoteBox h4, #contentArea .banner h4,
h3.highlight, h4.highlight, caption
{
color:#ffffff;	
border-bottom:none;
margin:0px;
padding:4px;
position:relative;
text-align:left;
font-weight:bold;
}

h4.highlight, h5.highlight, h6.highlight
{
margin:0px;
padding:4px;
position:relative;	
}

#contentArea .borderedBox h4,
 #contentArea .quoteBox h4,
h3.highlight, h4.highlight, h5.highlight, h6.highlight
{
padding-right:40px;
}
#contentArea .borderedBox p,  #contentArea .formBox p, #contentArea .quoteBox p, #contentArea .banner p, td p
{
margin:5px;
}
blockquote
{
margin:0px;
padding:1px;
padding-left:80px;
padding-right:10px;
float:none !important;
clear:both !important;
}

blockquote img
{
border:1px solid black;
float:right;
}
blockquote.left
{
margin:0px;
padding-left:16px;
padding-right:70px;
padding-bottom:12px;
padding-top:12px;
}
blockquote.left img
{
border:1px solid black;
float:left;
}

.contentMenu
{
padding:5px;
padding-left:30px;
text-align:center;	
margin-bottom:10px;
}
.contentMenu ul
{
padding:0px;
margin:0px;
font-family: arial, sans-serif;
}

p.highlight
{
padding:5px;
}
.banner img
{
float:left;
margin-right:5px;
}
#contentArea .imageBox 
{
float:right;
padding:0px;
margin:15px;
margin-right:0px;
background-color:blue;
}

#contentArea .imageBox img
{
border:1px solid black;
padding:0px;
margin:0px;
clear:both;
}
#contentArea .imageBox p
{
text-align:right;
padding:0px;
margin:3px;
margin-top:0px;
clear:both;
font-size:0.9em;
}
#contentArea div.right, #contentArea ul.right, #contentArea table.right, img.right, ul.right
{
float:right;	
margin-left:10px;
margin-right:0px;
width:40%;	
}
#contentArea div.center, #contentArea table.center
{
width:40% !important;	
}

#contentArea .center
{
display:block !important;
float:none !important;
width:auto !important;	
margin-right:auto !important;
margin-left:auto !important;
clear:both !important;
border:1px solid black;
}

img.right, img.left
{
width:auto !important;	
border:1px solid #000000;
}
#contentArea div.left, #contentArea table.left, img.left, ul.left
{
float:left;	
margin-right:10px;
margin-left:0px;
width:40%;	
}

#contentArea .quoteBox a:link, #contentArea .quoteBox a:visited
{
text-decoration:none;
}
#contentArea .quoteBox a:hover {
text-decoration:underline;
}

.noSideBorders
{
border-left:none !important;
border-right:none !important;	
}

#contentArea .linkList img
{
float:none !important;	
margin-right:5px !important;
margin-left:0px !important;
}

#nclPlusLogo
{
position:absolute;
/*
top:-50px;
right:-30px;
*/
top:-75px;
left:240px;
border:0px;
}
/************************************************
 CONTENT AREA TABLES
************************************************/

table
{
border-collapse: collapse; 	
border:0px;
border-spacing:1px;
}
th, caption
{
color:white;
}
caption, th, td
{ 
padding:3px 
}

.breadcrumbs 
{
width:520px;
float:right;
clear:none;
border:1px solid #769D51;
background-color:#efefef;
margin-right:12px;
font-size:80%;
margin-top:0px;
}
ul.striped, ol.striped
{

padding:0px !important;
}

ul.striped li, ol.striped li
{
list-style-position:inside;
margin:0px !important;
padding:3px !important;
}

ul.nobullets, .nobullets li
{
list-style-type:none !important;
list-style-image:none !important;	
}

.stripedRows p
{
font-size:90%;
margin-top:0px;
}

/************************************************
 FOOTER
************************************************/
#footerPadding
{
height:70px;
width:100%;
clear:both;
margin:0px;
padding:0px;
bottom:0px;
background-position: bottom right;
}
#footer
{
clear:both;
width:100%;
padding:12px 0px;
margin:0px;
color:#ffffff;
text-align:center;
background-color:#07074F;
font:73% arial;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_globalnav.jpg);
border-bottom:1px solid black;
}

#footer_bottom
{
background:url(https://www.ncl.ac.uk/graphics/cvi/footershadow.gif) top repeat-x;
width:766px;
margin:0px;
padding:0px;
margin:0 auto;
color:#000000;
font:73% arial, sans-serif;
text-align:center;
}
#footer_bottom p, #footer_bottom ul, #footer_bottom address
{
font-style:normal;
margin:0px;
padding:0px;
padding-top:5px;
text-align:center; 
}
#footer_bottom li
{
display:inline;	
}
#footer a:link, #footer a:visited 
{
color:#ffffff;
text-decoration:none;
}
#footer a:hover 
{
text-decoration:underline;
color:#769D51;
}
#footer_bottom a:link, #footer_bottom a:visited 
{
color:#07074F;
text-decoration:none;
}
#footer_bottom a:hover, #footer_bottom a:active
{
text-decoration:underline;
color:#FF0000;
}
.error
{
background:#ffffff url(/graphics/angles/10,10,ff0000;l,ffffff.png) no-repeat bottom right;
top:10px;
right:10px;
display:block;
color:#AA0000;
margin:0px;
padding:5px;	
border:1px solid gray;
}
#sidebar .error
{
width:170px !important;
overflow: hidden !important;
border:1px solid blue !important;
}
#sidebar .error strong, #sidebar .error a
{
background-color:white !important;	
}
.errorMsg {
padding: 5px;
background-color: #FFCCCC;
border: 1px solid #AE1833;
margin-bottom: 1em;
}
.textGrey {
color: #666666;
}
ol li
{
list-style-image:none !important;	
}

.popuphelp
{
position:relative;	
width:22px;
height:22px;
padding-top:10px;
z-index:500;
}
.popuphelp a, .popuphelp img
{
border:none;	
}
.popuphelp span
{
display:none;
}
/************************************************
 HACKS and UTILITIES
************************************************/
#tickerTape a
{
	text-decoration:none !important;
	color:#666666 !important;
}
#tickerTape
{
	height:3.5em;	
}
a.button
{
	#border-bottom:1px solid gray;
	#border-right:1px solid gray;
	#padding:2px;
	#background-color: #f6f6ff;	
}
.hideMe
{
	display:none;	  
	width:0px !important;
	height:0px !important;
   border: 0px !important;
   overflow: hidden !important;
   background-color: transparent !important;
}
.clear
{
   clear: both !important;
   font-size: 1px !important;
   line-height:1px !important;
   padding:0px !important;
   margin:0px  !important;
   padding-top:0px !important;
   margin-top:0px  !important;
   padding-bottom:0px !important;
   margin-bottom:0px  !important;
   height:0px !important;
   border: 0px !important;
   overflow: hidden !important;
   background-color: transparent !important;
}	
.layout table, .layout tr, .layout td
{
border:none !important;
margin:0px !important;
padding:0px !important;
border:collapse !important;
background-color:white !important;
}
.pale *
{
color:#666666 !important;
text-decoration:none !important;
}
.pale a:hover
{
text-decoration:underline !important;
}
font
{
color:black !important;
font-weight:normal;	
font-style:normal;	
font-size:100% !important;
}
p span
{
font-weight:normal !important;
font-style:normal !important;	
}
.vcard img
{
border:0px;
float:right;
}

#contentArea li.linkList .new, 
#contentArea li.linkList .new a:link, 
#contentArea li.linkList .new a:visited, 
#contentArea li.linkList .new a:active, 
#contentArea li.linkList .new a:hover 
{
color: #B62222;
}

/* --------

calendar

-------- */

.nu_calendar
{
	position:relative;
	background-color:white;
}

.nu_calendar tr, .nu_calendar th, .nu_calendar td
{
margin:4px;
padding:1px;
text-align:center;
}

.nu_calendar td
{
width:20px;
height:20px;
}

.nu_dayNumber
{
text-align:center;
font-size:95%;
border:1px solid #bbbbbb;
background-color:#eeeeee;
display:block;
width:20px;
height:20px;
}

a.nu_dayNumber
{
display:block;
width:20px;
height:20px;
color:white !important;
border:1px solid #666666;
background-color:#999999;
}

.nu_notMonth span
{
display:none;
}

.nu_calendar a
{
text-decoration:none;	
}

.nu_weekEnd 
{
background-color:#eeeeee;	
}

.nu_calendar td.nu_toDay
{
background-color:#ff0000 !important;
}