@media screen
{
/* Global Styles */
html { margin: 0; font-size: 1em; font-family: arial, verdana, sans-serif; color: #000; 
background-color:#ddd;

}
BODY { padding: 0; margin: 0; background-color:#ddd;}
IMG { margin: 0; border: 0; padding: 0; }
P.navigation-header { DISPLAY: none }
A:link { COLOR: #039; TEXT-DECORATION: none;}
A:visited { COLOR: #039; TEXT-DECORATION: none }
A:hover { COLOR: #039; TEXT-DECORATION: underline }

/* structure */
.container {
	/*background: url(bgcontainer.gif) repeat-y; */
	border-left:1px #C8BBBE solid;
    border-right:1px #C8BBBE solid;
    border-bottom:1px #C8BBBE solid;
	margin: 0 auto;
	padding-bottom: 6px;
	margin-top:-3px;
	margin-bottom:2px;
	width: 790px;
	background:white;
}

.main {
	clear: both;
	padding: 3px 8px;
}

/* Miscellaneous Styles */
#content-jump { DISPLAY: none }
.ahem { border: #ccc 1px solid; padding: 5px; WIDTH: 25em; BACKGROUND-COLOR: #fff }
.ahem { DISPLAY: none }
/* Header Styles */
#header { display: block; margin: 0; border: 0; padding: 0; background:#000099; color: #fff; min-height:68px; width: 100%;  /* max-width: 790px */  height: 4.25em; }
#header IMG { display: inline-block; float: left; }
#header H1 { display: inline-block; margin: 0; border: 0; padding: 0.2em 253px 0 0; text-align: left; vertical-align: top; color: #fff; font-size: 1.1em; font-weight: normal; }
#header A { margin: 0; border: 0; padding: 0; }
/* Grey Bar Navigation */
#navigation-background { display: block; float: none; BACKGROUND-COLOR: #666666; margin: 0 0 0.3em 0; border: 0; padding: 0; COLOR: #fff;  width: 100%; /* max-width: 790px*/ /* min-height: 24px; */ min-height: 1.35em; }
#navigation-background UL.navigation { display: block; list-style: none; BACKGROUND-COLOR: #666666; margin: 0 0 0 2px; border: 0; padding: 0; }
#navigation-background UL.navigation LI { display: inline-block; float: left; BACKGROUND-COLOR: #666666; COLOR: #fff; margin: 0.04em 1.3em 0 0.2em; border: 0; padding: 0; white-space: nowrap; }
#navigation-background UL.navigation LI IMG { margin: 0 0.3em 0.05em 0; padding: 0; vertical-align: text-bottom; width: 18px; height: 14px;}
#navigation-background UL.navigation LI A { margin: 0 0 0 -1px; border: 0; padding: 0; COLOR: #fff; BACKGROUND-COLOR: #666666; font-size: 0.8em; }
#navigation-background UL.navigation LI.search { BACKGROUND-COLOR: #666666; margin: 0 2em 0 0.3em; border: 0; padding: 0 0.1em 0 0.1em; }
#navigation-background FORM { margin: 0; border: 0; padding: 0; white-space: nowrap; }
#navigation-background FORM LABEL INPUT.LinkButton { margin: 0 0 0 0.5em; border: 0px solid #FF0; padding: 0 0 0 0; COLOR: #fff; background:none; TEXT-DECORATION: none; cursor: pointer; font-size: 0.8em; }
#navigation-background FORM INPUT.search-box { margin: 0 0 0.04em 0; border-style: none; border: 0px; padding: 0 .5em 0.1em 0.5em; font-size: 0.75em; WIDTH: 10em; FONT-FAMILY: arial, verdana, sans-serif;}
/* Nav Level 2 */
#subnavigation-links { clear: both; display: block; float: none; margin: 0; border: 0px solid #FA3; padding: 0; }
#subnavigation-links UL.subnavigation { clear: both; display: table; list-style: none; margin: 0; border: 0px solid #3AF; padding: 0;text-indent:0; }
#subnavigation-links UL.subnavigation LI.subnav2 { border: 0px solid #3AF; float: left; padding: 0; margin: 0 0.8em 0 0.8em;  font-size: 0.8em; white-space: nowrap; min-width:9em; max-width:11em; }
#subnavigation-links UL.subnavigation LI.subnav { border: 0px solid #3AF; float: left; padding: 0; margin: 0 5px/*0.8em 0 0.8em*/;  font-size: 0.8em; white-space: nowrap; width:180px;/* <- fix for ie6 */ /*min-width:13em; max-width:13.5em; min-width:175px; max-width:175px;*/ }
#subnavigation-links UL.subnavigation LI.subnav A { margin: 0; border: 0px solid #3AF; padding: 0; font-weight: bold; white-space: nowrap; }
#subnavigation-links UL.subnavigation LI.subnav A:hover { COLOR: #CE1018; }
#subnavigation-links UL.subnavigation UL.home-list { clear: both; float:left; display: block; list-style: none; margin: 0; border: 0px dashed #FA3; padding: 0; }
#subnavigation-links UL.subnavigation UL.home-list LI { clear: both; margin: 0; border: 0px solid #3AF; padding: 0; FONT-SIZE: 0.85em; }
#subnavigation-links UL.subnavigation UL.home-list LI A { margin: 0; border: 0px solid #FA3; padding: 0; font-weight: normal; white-space: nowrap; COLOR: #039; }
#subnavigation-links UL.subnavigation UL.home-list LI A:hover { font-weight: normal; white-space: nowrap; COLOR: #039; }
/* Content Holder */
#content-holder { clear: both; display: block; margin: 0.5em 0 0 0; border: 0px solid #04F; border-top: 1px solid #666; WIDTH: 100%; }
/* Content ROW */

/* content-home table*/
/*Added by Edmund Boey, 08-08-2011*/
#content-home {margin:5px 0;}

/*pcms search bar*/
/*Added by Edmund Boey, 08-08-2011*/
/*Edited by Edmund Boey, 06-02-2012*/
#pcmssearch {height:48px;width:580px;background:transparent url(/images/srchbg.gif) repeat-x;margin:0 0 5px 0;position:relative;}
#pcmssearch form#pcmsform {text-align:center;position:relative;top:9px;}
#pcmssearch input#pcmstxtsrch {height:22px;line-height:22px;font-size:16px;color:#aaa; font-style:italic;}
#pcmssearch input#pcmstxtsrch.selected {color:black; font-style:normal;}
#pcmssearch input#pcmssubmit {font-size:16px;width:66px;-webkit-appearance:none;-webkit-padding-start:6px;background-image:url(/images/buttonbg.gif);}
/*#pcmssearch input#pcmssubmit {font-size:16px;line-height:24px; height:24px; border:0px; width:66px;text-align:left;background:none; background-image:url(/images/buttonbg.gif);  padding-left:8px !important;}*/

#content-row { display: block; }
#slideshow {width: 580px; height: 294px;}
#sidebar {width: 183px; height:345px; border: 1px solid #C0C0C0;margin:0 0 0 8px;}
}
/* HTML > BODY #sidebar .slogan { WIDTH: 151px } */
#sidebar UL.quicklinks { clear: both; float: left; display: inline-block; list-style: disc url(../../images/bullet.jpg) outside; margin: 0 0 0 0.8em; padding: 0; FONT-SIZE: 0.7em; }
#sidebar UL.quicklinks LI { margin: 0.4em 0 0.4em 17px; border: 0px dotted #FA3; padding: 0; width: 145px; }
#sidebar UL.quicklinks LI A { margin: 0; border: 0px dotted #3AF; padding : 0; color: #000; }
#sidebar A.adlink { clear: both; float: left; display: inline-block; margin: 0; padding: 12px 0 10px 0; font-size: 0.7em; font-weight: bold; color: #000; white-space: nowrap; }
/* Staff and Alumni */
/* Added by Edmund Boey, 18-02-2009 */
#staffandalumni {display:inline-block;/*background-color:#000099;*/color:#ffffff;width:80px;height:22px;font-size:0.8em; font-weight:bold; padding:0em 0em 0em 0.8em; line-height:22px;position:relative;}
#staffandalumni {background-image:url('/images/sa-background.gif');background-repeat:repeat-x;border-bottom:3px white solid;}

#staffandalumni A {width:100%;display:inline-block;cursor:pointer;} /*Fix for ie, added cursor style; Edmund Boey 19/3/09*/
#staffandalumni A:link { COLOR: #FFF; TEXT-DECORATION: none }
#staffandalumni A:visited { COLOR: #FFF; TEXT-DECORATION: none }
#staffandalumni A:hover { COLOR: #FFF; TEXT-DECORATION: underline }
#staffandalumni A.heading {vertical-align:middle;float:left;position:relative;}
#staffandalumni A.icon {vertical-align:middle;float:right;position:relative;top:2px;right:2px;}


/* News and Events */
#newsAndEvents {display:inline-block;/*background-color:#000099;*/color:#ffffff;width:173px;height:22px;font-size:0.8em; font-weight:bold; padding:0em 0em 0em 0.8em;line-height:22px;}
/* News and Events background added by Edmund Boey, 18-02-2009 */
#newsAndEvents {background-image:url('/images/ne-background.gif');background-repeat:repeat-x}
}
#newsAndEvents A {color:#FFF;}
#newsAndEvents A:link { COLOR: #FFF; TEXT-DECORATION: none }
#newsAndEvents A:visited { COLOR: #FFF; TEXT-DECORATION: none }
#newsAndEvents A:hover { COLOR: #FFF; TEXT-DECORATION: underline }
#newsAndEvents A.heading {vertical-align:middle;float:left;position:relative;}
#newsAndEvents A.icon {vertical-align:middle;float:right;position:relative;top:2px;right:2px;}

/* Quick Links */
#QuickLinks {display: inline-block;/*background-color:#ccc;*/color:#ffffff;width:173px;height:20px;font-size:0.8em; font-weight:bold; padding:0.3em 0em 0em 0.8em;margin-top:1em;}
/* Quick Links background added by Edmund Boey, 18-02-2009 */
#QuickLinks {background-image:url('/images/ql-background.gif');background-repeat:repeat-x}

/* Content Sub Column (LEFT) */
/* Content Sub Column (CENTRE) */
/* Footer */
#footer { clear: both; display: block; margin: 2.2em 0 0 0.6em; border: 0; BORDER-TOP: #ccc 1px solid; padding: 0; text-align:center; }
#footer UL { LIST-STYLE-type: none; MARGIN: 0; border: 0; padding: 0;  }
#footer UL LI { DISPLAY: inline; margin: 0; border: 0; padding: 0; FONT-SIZE: 0.6em; letter-spacing: 0; }

@media print 
{
body { margin: 0; padding: 0; font-family: Arial, Verdana, Sans-Serif; font-size: 12pt; color: #000; background-color: #fff; }
p { line-height:1.5em; }
IMG { border: 0; }
h1 { font-size: 1.5em; padding-top:0; color: #000;}
h2 { font-size: 1.2em; padding-top:0; color: #000;}
h2 a { color: #000;}
h3 { font-size: 1.1em; padding-top:0; color: #000;}
A:link { color: #039; text-decoration: none; }
A:visited { color: #039; text-decoration: none; }
A:hover { color: #039; text-decoration: underline; }
a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a:link:after { content: " (" attr(href) ") "; font-size: 90%; }
.ahem { display:none; }

#navigation-background { display:none; }
#subnavigation-links { display:none; }
#footer { display:none; }
#content-jump { DISPLAY: none }
}

/*******************************************************************************************/
/* graphical button links located at end of page -- styles created by John Newall May 2011 */
	.linksWrapper{
		overflow:visible;
		width:782px;
	}
	div.linksColumn{
		float:left;
		margin-left:12px;
		width:185px;
	}
	div.socialMediaIcons{
		overflow:visible;
		margin-left:-6px;
		width:196px;
	}
	div.socialMediaIcons img{
		display:block;
		float:left;
		margin:9px 0 0 6px;
	}
	
	img.graphicalButton{
		display:block;
		margin-bottom:9px;
	}