/* uq omc site css template 							  	/	
 / Site constant tags 				   					/  
 / The tags below are NOT to be modified, deleted or added to. 	/
 / Doing so will result in deviation from the UQ template.     	/
 / ***********************************************************  */
 /* this has been edited by S.Toh for use with Typo3 CMS */
 /* rev 2.0, nov 2008                                    */
 
body 					{ background: #FFFFFF; margin: 0; font-size : 70%; }
table                         { font-size: 100%; }
td.toplinks				{ background-color: #367FCC; }
td.header 	 	 		{ background-image: url(sa.uqomc/header-background.gif); background-repeat: repeat; }

td.uqlogobox 	 	 		{ background-image: url(sa.uqomc/header-background.gif);  } 
td.searchbar 				{ font-size: 95%; height: 21px; background-color: #3A3A3A}
td.feedback 	 	 		{ font-size: 90%; height: 19px; background-color: #E9E5E5; background-image: url(sa.uqomc/feedback-gradient.gif); background-repeat: repeat; }
input.searchbutton 			{ vertical-align: bottom; }
.quicklink         			{ font-size: 11px; background-color : #FAFAFA; width: 178px; } 
#relatedlink 		 		{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #333; }
input,textarea,select  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
.footer 					{ font-size: 85%; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;}
.searchbar				{ margin: 0; }
 
table#headercontent		{ margin:0; width:100%; }
table#headercontent td	{ padding:0; }
 
.feature 				{ background: url(sa.uqomc/banner-bg.jpg) repeat-x; width:100%; }  
.featurebanner 		{ width:700px; }  
.featuremiddle			{ padding: 30px 0px 0px 30px; width:269px; margin:0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #ffffff; }
.featureheader 		{ font-weight: bold; font-style:italic;  font-size: 22px;padding-bottom:10px;}
.featureheadernormal 	{ font-style:italic; font-size:11px; padding-bottom:10px;}
.featureheadersmall 	{ font-style:normal; font-size:9px;  padding-bottom:5px;}
.featureright 			{ background: url(sa.uqomc/feature-right.jpg); background-position:right; background-repeat:no-repeat; vertical-align:top;}

table#footercontent			{ margin:0; width:100%; }
table#footercontent td		{ padding:1px; }
 
table#feedbackcontent		{ margin:0; width:100%; }
table#feedbackcontent td		{ padding:0; }
.feedbacklinks				{ color: #5A5858; }
.feedbacklinks	 a:link		{ color: #5A5858; text-decoration:none;  }
.feedbacklinks	 a:visited 	{ color: #5A5858; text-decoration:none;  }
.feedbacklinks	 a:hover		{ color: #5A5858; text-decoration: underline; }
.feedbacklinks	 a:active		{ color: #5A5858; text-decoration:none;  }
#clear											{ clear: right}
 
 
 /********************* Link Colour ************************** /  
 /															   /		
 / To make a change to the link colour and mouseover/hover     /
 / state of the link text, please change the color in BOTH     /
 / tags below if required. 	   								   /
 /															   /
 /*************************************************************/

a:link,a:active,a:visited 		{ color : #0A57B7; text-decoration:none;  }
a:hover { color : #3A3A3A; text-decoration: underline; }

a img, a:link img, a:visited img, a:hover img {border: none; text-decoration:none; border-style: none; }

 /**************** Background Colour Tags ******************** /  
 /															   /		
 / The background colour of the navigation menu and divider    /
 / can be modified here. They should both be the SAME colour.  /
 /															   /
 /*************************************************************/

td.menu    { background-color: #E9E5E5; width:200px;}
td.divider { background-color: #3A3A3A; height: 20px; padding-left:890px;}
#slideshow a {font: bold 12px arial; color:#ffffff;padding-left:10px;}
#slideshow a:link,active,visited,hover {color:#FFFFFF; text-decoration:none;}
.menuheader	{font-weight: bold; color: #3A3A3A; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0; padding: 10px 0px 10px 40px; background-color:#D8D2D2;}
/********* Navigation Menu Tags - Do not modify these  *******/ 
 
table.navtable 			{ width: 200px; }
#navcontainer ul 			{ margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#navcontainer li 			{ margin: 0 0 0 0; padding: 0 0 0 0; width: 199px;}
#navcontainer a 				{ display: block; color: #3A3A3A; padding: .4em .8em .4em 3em; text-decoration: none; background-image: url(/sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:15px 7px;}
 
 /*** Navigation Menu Tags - You can modify the hover (background) colour **/ 
#navcontainer a:hover 	{ background-color: #B6B5B5; color: #000; background-image: url(sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:15px 7px;}	


#navcontainer2 ul 			{ margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#navcontainer2 li 			{ margin: 0 0 0 0; padding: 0 0 0 0; width: 199px;}
#navcontainer2 a 				{ display: block; color: #3A3A3A; padding: .4em .8em .4em 3em; text-decoration: none; background-image: url(sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:25px 7px;}
 
 /*** Navigation Menu Tags - You can modify the hover (background) colour **/ 
#navcontainer2 a:hover 	{ background-color: #D3D3D3; color: #000; background-image: url(sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:25px 7px;}	


#navcontainer3 ul 			{ margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#navcontainer3 li 			{ margin: 0 0 0 0; padding: 0 0 0 0; width: 199px;}
#navcontainer3 a 				{ display: block; color: #3A3A3A; padding: .4em .8em .4em 4em; text-decoration: none; background-image: url(sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:35px 7px;}
 
 /*** Navigation Menu Tags - You can modify the hover (background) colour **/ 
#navcontainer3 a:hover 	{ background-color: #D3D3D3; color: #000; background-image: url(sa.uqomc/tri.gif); background-repeat:no-repeat; background-position:35px 7px;}
 
/***************** Content (Level 2) Pages ****************** /  
/												   /		
/ Please DO NOT modify any of these tags. They are separate   /
/ from the constant tags (above) as they serve their purpose  /
/ in only the content (Level 2) pages.                        / 
/												   /
/*************************************************************/
#breadcrumb 				{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 5px; margin-left: 10px; margin-right: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em}
#relatedlink 				{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #333; }
td.contentheader 			{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 18px; font-weight: bold; color: #3A3A3A; }
/* added by s.toh */
font.contentheader-small 	{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #3A3A3A; }

table.infotable    		{ background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 2px 5px 5px 5px; margin-left: 2px; margin-right: 2px; width: 220px;font-size:11px; }

table#maincontent			{ margin: 10px 0 0 10px; width: 785px; }
table#maincontent td		{ vertical-align:top; }
table#maincontent td.news 	{ padding: 3px 0; margin: 0 0; }

 /*** Home page styles ***/
.contentcol		{ width:500px; vertical-align:top;}
.newscol			{ vertical-align: top;width:300px;}

.contentheaders 	{ font-size:16px; font-weight:bold; color:#ffffff; padding: 10px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif;}
.contentheaders a 	{ color:#fff;}
#contentlist ul 	{ margin-top:5px; margin-bottom:10px;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#contentlist li 	{ list-style-type:square; color:#000;}
#contentlist a  	{ color: #000;}
#contentlist a:hover {color: #fff;}

#leftside 	{ float:left; width:240px;}
#rightside 	{ float:left; width:235px;}

br 			{ clear:left;}

#newsheaderbox 	{ width:295px; background-color:#3A3A3A;padding: 7px 0px 7px 0px;}
.newsheadertext 	{ font-size:16px; font-weight:bold; font:Arial, Helvetica, sans-serif; color:#fff; padding-left:15px;}
#newsbox 		{ width:295px;background-color:#E9E5E5;padding-top:10px;}
#newsbox ul 		{ margin-top:5px; margin-bottom:10px;font-size:12px;}
#newsbox li 		{ list-style-image: url('sa.uqomc/images/asterix.gif');font-size:13px;padding-bottom:10px;}
#newsbox a  		{ color:#3A3A3A;}
#newsbox a:hover 	{ color: #3A3A3A;}
.newsimage 		{ margin-left:-33px;padding-bottom:10px;padding-top:5px;}
/*** End home page styles ***/

.printversion 	{ font-size:0.8em;padding-bottom:10px;}
.moreinfoimage 	{ padding-top:10px;padding-bottom:10px;}


#content 		{ font-size:1.1em; line-height:150%; color:#000000;padding: 2px; margin-left: 10px; margin-right: 20px; }
font,th,td,p 		{ font-family: Verdana, Arial, Helvetica, sans-serif; }