/************************************************
 Newcastle University Styling
************************************************/
@media screen
{
/* Start of CSS Fonts */
body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
-webkit-text-size-adjust: none; /* WebKit Font Scale */
background-color: #FFFFFF;
}
/* End of CSS Fonts */

select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Start of CSS Base */
body {font-family: Verdana, Geneva, sans-serif;}
#mainNav ul {font-size: 138.5%;} /* 18px */
#contentArea, #subContent {font-size: 108%; line-height: 140%;} /* 14px */
h1{font-size:320%;}
h2{font-size:260%;}
h3{font-size:153.9%;} /* 20px */
h4{font-size:131%;} /* 17px */
h5{font-size:116%;} /* 15px */
h6{font-size:108%;} /* 14px */
h3{margin-bottom:12px; line-height: 138%;}
h4,h5,h6{margin-top:1em; margin-bottom:0.5em; line-height: 138%;}
small{font-size:77%; line-height: 140%;} /* 10px */
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin:0 1em 1em 2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom: 6px;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* End of CSS Base */

h1, h2, h3, h4, h5, h6 { font-family:Verdana, Geneva, sans-serif; font-weight: normal;}

h1, h2, h3, h4, h5, h6, hr, ul, ol, p, fieldset, table {
text-align:left;
margin-left: 4px;
margin-right: 4px;
}

h2 a {
color: #ae1833;
}

h3, h4, h5, h6 {
color: #004781;
}

h3 {
padding-bottom: 3px;
border-bottom: 1px solid #cccccc;
}

strong, dt, b {
color: #000000;
}

img {
/*float: right;
clear: right;*/
margin: 0 0 5px 5px;
padding: 0;
}

.clearImg {
float: none;
clear: none;
margin: 0;
padding: 0;
}

.nclVideo img:hover {
filter: alpha(opacity=88);
-moz-opacity: 0.88;
-khtml-opacity: 0.88;
opacity: 0.88;
zoom: 1; /* hasLayout for IE6 and IE7 */
}

.videoIcon {
background-image: url(../Images/video_button.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 26px;
}

.paddingBottom {
margin-bottom: 5px;
}

strong, dt, b {
font-weight: bold;
}

pre, tt, code {
border: 1px dotted #CCCCCC;
background-color:#F6F6F6;
}

dt {
display:block;
float:left;
width:111px;
clear:left;
text-align:left;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
}

dl {
border-bottom:1px dotted #B8B8B8;
}

dt, dd {
border-top:1px dotted #B8B8B8;
}

dd {
display:block;
padding-top:1px;
padding-bottom:5px;
padding-left:10px;
margin-left:120px;
clear:right;
}

a {
color: #015a9e;
}

a:hover, 
a:active, 
#mainNav a:hover, 
#mainNav a:active, 
#sidebar a:hover, 
#sidebar a:active, 
.footerLinks a:hover, 
.footerLinks a:active {
color: #993333;
text-decoration: underline;
}

li {
margin-left: 18px;
}

.clear {
clear: both !important;
font-size: 1px !important;
line-height:1px !important;
padding: 0px !important;
margin: 0px  !important;
height: 0px !important;
border: 0px !important;
overflow: hidden !important;
background-color: transparent !important;
}

.errorMsg {
padding: 5px;
background-color: #FFCCCC;
border: 1px solid #AE1833;
margin-bottom: 1em;
}

.textGrey {
color: #666666;
}

.readMore {
margin-top: 10px;
clear: both;
}

.fullWidth {
clear:both;
position:relative;
}

/************************************************
 Global Navigation
************************************************/
.skip, a.skip:link, a.skip:visited, a.skip:hover {
float:left;
text-indent: -8888px;
}

#globalNav {
border-bottom: 1px solid #000000;
background-color: #FFFFFF;
margin-bottom: 12px;
}

#globalNav strong {
color: #000000;
}

#globalNav a {
text-decoration:none;
}

#globalNav a:hover, #globalNav a:active {
text-decoration: underline;
}

#globalNav ul {
margin: 0;
padding: 0;
padding: 4px;
}

#globalNav li {
display: inline;
padding: 0;
margin: 0;
}

#crumbs {
display:block;
width: 60%;
}

#usability {
display: block;
position: absolute;
top: 0;
right: 4px;
}

/************************************************
 Main Navigation
************************************************/
#mainNav {
color: #FFFFFF;
margin: 0;
padding: 10px 0 10px 0;
border-top: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
background-color: #118eba;
background-image: url(../Images/nav_bkg.jpg);
background-repeat: repeat-x;
background-position: bottom;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
}

#mainNav ul {
float: left;
margin: 0 0 0 10px;
padding: 0;
}

#mainNav li {
margin: 0;
padding: 0;
display: inline;
}

#mainNav a {
color: #FFFFFF;
text-decoration: none;
}

#mainNav a:hover {
color: #FFFFFF;
}

#mainNav #search {
margin: 0 6px 0 0;
border: 0;
float: right;
}

#mainNav legend {
margin: 0;
padding: 0;
display: none;
}

#mainNav fieldset {
margin: 0;
padding: 0;
}

#search span {
display: none;
visibility: hidden;
}

/*Header*/
#header{margin:18px 0 8px}
#header h1 a:link,
#header h1 a:visited,
#header h1 a:active,
#header h1 a:hover{float:right;height:38px;width:173px;height:38px;text-indent:-8888px;background:url() no-repeat}
#header #wzHeaderDiv {display:none}
div.container div#contentWrapper{min-height:350px;background-image:url(../Images/NUSHsmall2.jpg);background-position:right top;background-repeat:no-repeat}



h2 {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
padding-top: 20px;
padding-bottom: 10px; /*IE Cropping Fix*/
}

h2 a {
color: #ae1833;
text-decoration: none;
}

h2 a:hover, h2 a:active {
text-decoration: underline;
}

/************************************************
 Sidebar
************************************************/
#sidebar .navigation {
border-top: 5px solid #004680;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul ul {
background-color: #f5f5f5;
}

#sidebar ul ul ul {
background-color: #e7e7e7;
margin-left: 14px;
}

#sidebar ul ul ul ul {
background-color: #dbdbdb;
}

#sidebar ul ul ul ul ul {
background-color: #d0d0d0;
}

#sidebar ul ul ul ul ul ul {
background-color: #c5c5c5;
}

#sidebar li {
margin-left: 0;
padding: 0;
border-bottom: 1px dotted #777777;
list-style: none;
}

#sidebar li li {
border-bottom: none;
}

#sidebar li a {
padding: 4px;
display: block;
color: #202020;
text-decoration: none;
}

#sidebar li a:hover {
background-color: #e3eff8;
}

#sidebar li li a {
background-image: url(../Images/bullet.gif);
background-repeat: no-repeat;
background-position: 6px 8px;
padding: 4px 4px 4px 20px;
}

#sidebar li strong {
padding: 4px;
color: #FFFFFF;
background-color: #177AB8;
display: block;
}

#sidebar li li strong {
background-image: url(../Images/bullet_on.gif);
background-repeat: no-repeat;
background-position: 6px 8px;
padding: 4px 4px 4px 20px;
color: #FFFFFF;
display: block;
}

/************************************************
 Content
************************************************/
#contentArea ul, #contentArea ol, #subContent ul, #subContent ol {
/*margin-left: 28px;*/
}

#contentArea ul ul, #subContent ul ul {
margin-top: 6px;
}

#contentArea li, #subContent li {
margin-bottom: 6px;
}

#contentArea li li, #subContent li li {
list-style: circle;
}

#subContent {
margin-top: 32px;
}

blockquote {
padding: 0 0 0 80px;
background-image: url(../Images/blockquote.gif);
background-repeat: no-repeat;
clear: both;
}

blockquote strong {
color: #AE1833;
}

blockquote a {
text-decoration: none;
}

blockquote a:hover {
text-decoration: underline;
}

.quoteBox h4 {
margin: 0 0 4px 0;
padding: 4px 4px 6px 4px;
background-color: #DDDDDD;
color: #333333;
}

.quoteBox {
background-color: #f5f5f5;
border: 1px solid #DCDCDC;
margin-bottom: 10px;
padding-bottom: 5px;
}

.quoteBox a {
text-decoration: none;
}

.quoteBox a:hover, .quoteBox a:active {
text-decoration: underline;
}

.formBox h4, .borderedBox h4 {
margin: 0 0 4px 0;
padding: 4px 4px 6px 4px;
background-color: #DDDDDD;
color: #333333;
}

.formBox, .borderedBox {
background-color: #f5f5f5;
border: 1px solid #DCDCDC;
margin-bottom: 10px;
padding-bottom: 5px;
}

.formBox img, .borderedBox img, .quoteBox img {
margin: 4px;
padding: 0;
}

#contentArea div.left, #contentArea table.left {
float: left;	
margin-right: 10px;
margin-left: 0;
margin-bottom: 0;
width: 220px !important;
}

#contentArea div.right, #contentArea table.right {
float: right;
margin-left: 10px;
margin-right: 0;
margin-bottom: 0;
width: 220px !important;
}

#sidebar .quoteBox, 
#sidebar .borderedBox, 
#sidebar .formBox, 
#subContent .quoteBox, 
#subContent .borderedBox, 
#subContent .formBox {
width: 220px !important;
}

#contentArea .quoteBox, #contentArea .borderedBox {
margin: 0 0 10px 10px !important;
}

table {
border-collapse: collapse;
border: 0;
border-spacing: 1px;
}

td, th {
border: 1px solid #DCDCDC;
}

th, caption {
color: #FFFFFF;
background-color: #1C7AC7;
}

caption, th, td {
padding: 3px;
}

.odd td, td.odd, li.odd, .td1 {
background-color: #F5F5F5;
}

.even td, td.even, li.even, .td2 {
background-color: #FFFFFF;
}

#contentArea .popuphelp a, #contentArea .popuphelp img {
margin: 0 6px 3px 3px;
}

.popuphelp {
position:relative;	
width:22px;
height:22px;
padding-top:10px;
z-index:500;
}

.popuphelp a, .popuphelp img {
border:none;	
}

.popuphelp span {
display:none;
}

.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 {
text-decoration:none;
}

.small {
font-size:80%;
}

input.small, select.small {
font-size:125% !important;	
}

/************************************************
 CONTENT AREA FORMS
************************************************/
legend {
color: #1C7AC7;
margin: 5px;
padding: 0;
margin-bottom: 8px;
}

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

.formBox fieldset {
margin: 10px 2px 0 5px;
padding: 0 0 10px 0;
}

#sidebar .formBox ul, #subContent .formBox ul {
margin: 0 0 0 5px;
padding: 0;
list-style: none;
}

#sidebar .formBox li, #subContent .formBox li {
margin: 0 0 4px 0;
padding: 0;
list-style: none;
}

#contentArea fieldset, .scrollBox {
border: 1px solid #3B7D97;
padding: 1em;
}



/* Footer */


#footer{margin-top:8px}

.footerLinks ul, .footerLinks ol {
margin-left: 22px;
}

.footerLinks h4, .footerLinks h4 a  {
font-family: Georgia, "Times New Roman", Times, serif;
color: #659800;
}

.footerLinks a {
color: #0066cc;
text-decoration: none;
}

.footerLinks a:hover, .footerLinks a:active {
color: #993333;
text-decoration: underline;
}

.footerLinks ul, .footerLinks ol {
color: #0066cc;
margin-bottom: 20px;
}

.footerLinks li {
list-style: disc;
margin-bottom: 2px;
}

.dividerFull {
margin: 0;
width: 978px;
height: 24px;
background-image: url(../Images/divider_fw.jpg);
background-repeat: no-repeat;
}

#footerLegal {
padding: 5px 0 5px 0;
border-top: 1px solid #CCCCCC;
}

#footerLegal ul {
margin: 0;
padding: 0;
padding: 4px;
}

#footerLegal li {
display: inline;
padding: 0;
margin: 0;
}

#footerAddress {border-top: 1px solid #CCC;padding:5px 0 20px}
#footerAddress address{margin:0 0 8px}

/************************************************
 News / Events
************************************************/
.newsitem, .newsButtons {
clear: both;
}

.newsButtons {
margin: 0 0 4px 4px;
padding: 0;
}

.rssLink img, .writeLink img {
float: left;
}

/************************************************
 Staff Profiles
************************************************/
.staffProfileTable td, .staffProfileTable th {
border: none;
}

.staffProfile img {
float: left;
margin: 0;
padding: 0;
}

#contentArea ul.tabs {
margin: 0 12px 0 12px;
}

/************************************************
 Background Colour
************************************************/
.bkgGrey {
background-color: #F0F0F0;
margin-bottom: 10px;
}

.bkgGrey img {
margin: 0 0 8px 0;
}

/************************************************
 HACKS and UTILITIES
************************************************/
#tickerTape a {
text-decoration:none !important;
color:#666666 !important;
}

#tickerTape ul {
margin: 0;
padding: 0;
}

#tickerTape li {
margin: 0;
padding: 0;
}

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

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

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 !important;
}

/************************************************
 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:93%;
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;
}
}