/* NUS header and footer styles ----- */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.head-foot-container{width:960px; margin:0 auto; background:none transparent; position:relative;}

/* Header styles -------------------- */
#header {height:112px; background:none transparent;}
#logo {position:absolute; top:20px; left:12px;}
#nusNav{position:absolute; top:0; right:18px; background-image: url(../img/NUSNav-bg.png); background-repeat: no-repeat; width:263px; height: 25px; }
#nusNav ul{list-style-type: none; margin:4px 0 0 14px; padding:0; }
#nusNav ul > li{ display: inline-block; zoom:1; *display:inline; margin:0px 13px 0px 0px; padding:0;}
#nusNav ul li a, #nusNav ul li a:visited, #nusNav ul li a:hover{text-decoration: none; color:#333333!important; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

#nusSearch{position:absolute; top:44px; right:18px; width:283px; height: 30px; }
#nusSearch input { color:#333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#searchBox, #searchDropdown, #searchGo {float:left; height:30px;}
#searchBox {width:117px; background-image: url(../img/NUSNav-bg-search.png); background-repeat: no-repeat; }
#searchDropdown {width:128px; background-image: url(../img/NUSNav-bg-select.png); background-repeat: repeat-x; }
#searchGo {}
#searchBoxInput {width:110px; background-color: #ffffff; margin: 6px 0 0 4px !important; border:none;}
#searchSelector {margin:5px 0 0 6px; background-color: #f7fafa; border:solid 1px #d8d8d8; font-size:12px;}

/* Footer styles -------------------- */
#footer{ height:70px; margin-top:20px;}
#footerBorder{border-top:solid 1px #dedede; height:4px; width:98%;}

#footerLeftCol, #footerRightCol { width:48%;}
#footerRightCol{text-align:right; padding-right: 20px;}

#footerLeftCol p, #footerLeftCol span, 
#footerRightCol p, #footerRightCol span 
	{margin:4px 0; padding:0; color:#cdcdcd; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

#footerLeftCol ul, #footerRightCol ul{list-style-type: none; margin:4px 0; padding:0; }
#footerLeftCol ul > li, #footerRightCol ul > li{ display: inline-block; zoom:1; *display:inline; padding:0px 5px; margin:0;}
#footerLeftCol ul > li{  border-left:solid 1px #dedede;}
#footerRightCol ul > li{ border-right:solid 1px #dedede;}
.lastRight{padding-right:0!important; border:none!important;}
.firstLeft{padding-left:0!important; border:none!important;}

#footerLeftCol ul li a, #footerLeftCol ul li a:visited, #footerLeftCol p a, #footerLeftCol p a:visited,
#footerRightCol ul li a, #footerRightCol ul li a:visited, #footerRightCol p a, #footerRightCol p a:visited
	{text-decoration: none; color:#ababab; margin:0; padding:0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

#footerLeftCol ul li a:hover, , #footerLeftCol p a:hover,
#footerRightCol ul li a:hover, , #footerRightCol p a:hover
	{color:#333333!important;}