html{background:#fff url('../images/bg-body2.png') repeat-x scroll 0pt 300px}/*top feature bg-gradient */
body{background:transparent url('../images/bg-content2.jpg') repeat-x scroll 100% 0pt} /*content bg-gradient*/
																																				
#header-inner h2 a{background:transparent url(../images/masthead-logo-aboutuq.gif) no-repeat scroll 0 0;width:227px}													
#content{margin:6px 0 10px}

/* Feature (front) - smaller version of UQ homepage
-----------------------------------------------------------------------------*/	
#feature{display:inline-block;width:960px;margin:20px 0 0 0;padding:0}
#feature:after{content:".";display:block;height:0;font-size:0pt;clear:both;visibility:hidden}

#feature-image{float:left;width:960px;height:200px;padding-left:0}

#feature .ribbon{margin:250px 0pt 0pt -9px;padding:7px 15px 10px 18px;background:rgb(93, 178, 3) none;position:absolute;height:20px;font-size:1.2em;font-family:Arial, verdana;z-index:100;opacity:0.8}
#feature .ribbon a{padding-right:15px;color:#fff;text-transform:uppercase}
#feature .ribbon a:hover{color:rgb(197, 252, 93)}
#feature .ribbon a.last{margin-left:25px}
#feature .ribbon span.wrap{background:transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%;display:block;position:absolute;top:-9px;left:0pt;width:9px;height:9px}

#feature-info{background:#fff;float:right;position:relative;width:270px;height:180px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid rgb(239, 239, 239);padding:10px 15px;font-family:Arial, Helvetica, sans-serif;line-height:18px;font:0.8em Arial, Helvetica, sans-serif;color:#999}
#feature-info h1 {font-size:1.8em;margin:0}
#feature-info h3{color:#000;font-size:1.1em;margin:0;padding-bottom:5px}
#feature-info li{border-top:0.1em solid rgb(239, 239, 239);padding:3px 0}
#feature-info ul, #feature-info ol{list-style-image:none;list-style-position:outside;list-style-type:none}

.floatright	{float:right;font-size:0.9em;padding-top:5px}

/* Panel Slider (Optional) (front)
-----------------------------------------------------------------------------*/	
a:focus{outline:none}
#panel{background:rgb(136, 180, 21) url('../images/bg-slider-panel.gif') repeat-x scroll 0pt 0pt;height:200px;display:none}
#slide{margin:0;padding:0}
.btn-slide{margin:0;padding:0}
.active{background-position:right 12px}

/* Banner Slider  (Optional)(front)
-----------------------------------------------------------------------------*/	
.slider-wrap{width:640px;top:0;left:0;clear:both}			
.stripViewer .panelContainer .panel ul{text-align:left;margin:0}
.stripViewer{position:relative;overflow:hidden;width:640px;height:200px;float:left }
.stripViewer .panelContainer{position:relative;left:0;top:0}
.stripViewer .panelContainer .panel{float:left;height:100%;position:relative;width:640px}
.stripNavL, .stripNavR, .stripNav {display:none}
.nav-thumb {border:0px solid black}

#movers-row {margin:0px auto 0px;padding:2px 0 0 0;position:relative;text-align:center}
#movers-row div {margin:0 auto;display:inline;position:relative;text-align:center}
#movers-row div a.cross-link{}

.cross-link{background:url(../images/icon-slide-off.gif) no-repeat center;display:inline;float:none;padding:0 .1em !important;position:relative;z-index:0}
.active-thumb{background:url(../images/icon-slide-on.gif) no-repeat center}

/* Sectioned Info (front - optional)
-----------------------------------------------------------------------------*/	
.sectioned-info{float:left;background:#fff;width:640px;margin:0 0 10px 10px;padding:0;overflow:hidden;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-radius:0 0 0 8px}
.sectioned-info h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(189, 161, 78);font-weight:bold}
.sectioned-info h2 a{color:rgb(57, 137, 47)}  /*header colours*/
.sectioned-info h2 a:hover{color:rgb(0, 0, 0)}
.sectioned-info  a{color:rgb(30, 136, 181)}
.sectioned-info  a:hover{color:rgb(147, 18, 170)}
.sectioned-info img{margin:3px 5px 5px 0}
.sectioned-info .listings{width:210px;float:left}
.sectioned-info .listings li{padding:0 3px}
.sectioned-info .listings h3{margin:0;padding:0;font-size:12px;color:rgb(30, 136, 181);font-weight:bold;background:none;border-top:none;text-transform:none}
.sectioned-info .listings ul, .sectioned-info .listings ol, .sectioned-info .listings ul li{list-style-image:none;list-style-position:outside;list-style-type:none}
.sectioned-info .listings p{margin:0;padding:0 0 8px 0;line-height:18px;font:11px Arial, Helvetica, sans-serif;color:#999}
.sectioned-info p{font:11px verdana, Arial, Helvetica, sans-serif;color:rgb(89, 89, 89);text-align:left;margin:5px 0 0 0;padding:0}

/* Events (front - optional)
-----------------------------------------------------------------------------*/	
#events{float:left;background:#fff;width:180px;margin:0;padding:0 10px 10px 10px;overflow:hidden;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-radius:0 0 0 8px}
#events h2{margin:5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(201, 0, 68);font-weight:bold}
#events h2 a{color:rgb(201, 0, 68)}
#events h2 a:hover{color:rgb(0, 0, 0)}
#events  a{color:rgb(30, 136, 181)}
#events  a:hover{color:rgb(147, 18, 170)}
#events img{border:1px solid rgb(229, 229, 229);margin:3px 5px 5px 0}
#events .listings h3{margin:0;padding:0;font-size:12px;color:rgb(30, 136, 181);font-weight:bold;background:none;border-top:none;text-transform:none}
#events .listings p{margin:0;padding:0 0 8px 0;line-height:18px;font:11px Arial, Helvetica, sans-serif;color:#999}
#events p{font:11px verdana, Arial, Helvetica, sans-serif;color:rgb(89, 89, 89);text-align:left;margin:5px 0 0 0;padding:0}

/* Ads (front - optional)
-----------------------------------------------------------------------------*/	
#rightcol{float:right;background:#fff;width:283px;margin:0 20px 0 0;padding:0 0 10px 0;overflow:hidden;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-radius:0 8px 0 0}

#rightcol h2{margin:5px 0 5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(57, 137, 47);font-weight:bold}
#rightcol h2 a{color:rgb(57, 137, 47)}
#rightcol h2 a:hover{color:rgb(0, 0, 0)}

img.spotlight{margin:3px 5px 15px 0}

/*For RSS News feed -looks like UQ news bullet list for Latest News 
-----------------------------------------------------------------------------*/	
#rightcol h1.one{margin:15px 0 0 0;padding:1px 0 0 4px;color:#fff;font-size:12px;font-family:arial;line-height:14px;font-weight:normal;text-transform:uppercase;background:rgb(201, 0, 68) url('../images/tip.gif') no-repeat right top;height:14px}		
#rightcol h1.one a{color:#fff}	
  
#rightcol .latest ul{background:#FCF4F4;padding:5px;width:270px}  
#rightcol .latest h2{font-weight:normal;font-size:18px;margin:4px 0 0 0;color:#A52629;border-bottom:1px solid #ccc;font-family:arial}	  

.bulletlist{margin:5px 0 3px 0;padding:0;line-height:14px}	
.bulletlist li{list-style:none;padding:0 0 3px 18px;background:url("../images/bullet.gif") no-repeat 1px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size :11px}	
.bulletlist li a, .bulletlist li a:visited{font-weight:normal;text-decoration:none;color:#3778C7}		
.bulletlist li a:hover{border-bottom:1px solid #CC0300;color:#333}

#content-primary table.fastfacts{border:0px;margin:10px 0 10px 0px}
#content-primary table.fastfacts td{border-bottom:1px solid #888;border-left:none;padding:5px}
#content-primary table.fastfacts td.label{background:#E9E9E9 none repeat scroll 0 0;border-right:1px solid #888}
#content-primary table td#caption{background:#E8E8E8 none repeat scroll 0 0;padding:6px;text-align:left}
