/* @override http://tertiaryopenday.cre8ive.com.au/css/layout.css */

/* Tertiary Open Day - tertiaryopenday.com */

html * {
	margin: 0;
	padding: 0;
}

html {
	background: url(../images/html-sml.jpg);
	text-align: center;
}

body {
	margin: 0 auto 0 auto;
	font-size: 14px;
	color: #000;
	font-family: "Verdana";
	line-height: 20px;
	background: url(../images/body-sml.jpg) top center no-repeat;
	min-width: 1064px;
	height: 100%;
}
/* =headings */

h2 {
	font-size: 20px;
	color: #e3058c;
	padding-bottom: 20px;	
}

h3 {
	font-size: 16px;
	color: #e3058c;
	padding-bottom: 15px;	
}

/* =lists */

div.text ol,
div.text ul {
	padding: 0 0 10px 0;
}

div.text ol li,
div.text ul li {
	list-style-position: outside;
	margin: 0 0 10px 25px;
}

div.text ul li {
	list-style: none;
	margin-left: 0;
}
#wrapper.uc div.text ul li {
	margin-left: 25px;
	list-style-type: disc;
}

div.text table {
	margin-bottom: 20px;
}

div.text table td,
div.text table th {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

/* =links */

a:link,
a:visited,
a:hover,
a:active {
	color: #e3058c;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

/* =wrapper */

#wrapper {
	position: relative;
	text-align: center;
	height: 100%;
	background: url(../images/footer.background.shapes.gif) bottom center no-repeat;
}

/*
#bg-left {
	position: absolute;
	z-index: 1;
	width: 50%;
	bottom: 0;
	left: 0;
	height: 420px;
	background: url(../images/footer.tile.right.gif) bottom right no-repeat;
}

#bg-left div {
	padding-right: 749px;
	height: 420px;
	background: url(../images/footer-tile-left.gif) bottom right repeat-x;
	display: none;
}

#bg-right {
	position: absolute;
	z-index: 1;
	width: 50%;
	bottom: 0;
	right: 0;
	height: 420px;
	background: url(../images/footer.tile.left.gif) bottom left no-repeat;
}

#bg-right div {
	margin-left: 749px;
	height: 420px;
	background: url(../images/footer-tile.gif) bottom left repeat-x;
	display: none;
}
*/
#wrapperinner {
	position: relative;
	height: 100%;
	z-index: 3;
	padding-bottom: 20px;
	background: url(../images/footer.border.jpg) bottom left repeat-x;
}

#wrapper.home {
	padding-top: 19px;
}

/* =page */

#page {
	margin: 0 auto 0 auto;
	width: 1064px;	
	text-align: left;
	height: 100%;
}

/* =innerpage */

#innerpage {
	height: 100%;
}

/* =header - default header height and background is for subpages  */

#header {
	margin-bottom: 14px;
	height: 180px;
	background: url(../images/header.subpage.jpg) top center no-repeat;
}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
	display: block;
	text-decoration: none;
	height: 180px;
}

#wrapper.home #header {
	margin-bottom: 0;
	height: 120px;
	background: url(../images/header.home.gif) top center no-repeat;
}

#wrapper.home #header a:link,
#wrapper.home #header a:visited,
#wrapper.home #header a:hover,
#wrapper.home #header a:active {
	height: 120px;
}

#header a span {
	visibility: hidden;
}

/* =menu */

#menu {
	margin: 0 1px 0 1px;
	height: 104px;
	overflow: hidden;
	background: url(../images/menu.subpage.gif) top center no-repeat;
}

#menu ul {
	margin: 8px auto 0 auto;
	width: 942px;
	height: 47px;
	background: url(../images/menu.subpage.ul.jpg) top left repeat-x;
	list-style: none;
}

#menu ul li {
	float: left;
	margin-left: 40px;
	width: 140px;
	height: 75px;
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:hover,
#menu ul li a:active {
	display: block;
	text-decoration: none;
	float: left;
	width: 140px;
	height: 75px;
}
#menu ul li.current a, 
#menu ul li a:hover {
	background: url(../images/menu.subpage.active.gif) bottom center no-repeat;
}

#menu ul li a strong {
	display: block;
	float: left;
	width: 140px;
	height: 75px;
	cursor: pointer;
}

/* anu */
#menu ul li.tab-anu a strong {
	background: url(../images/menu.subpage.anu.jpg) top left no-repeat;
}
/* uc */
#menu ul li.tab-uc a strong {
	background: url(../images/menu.subpage.uc.jpg) top left no-repeat;
}
/* acu */
#menu ul li.tab-acu a strong {
	background: url(../images/menu.subpage.acu.jpg) top left no-repeat;
}
/* cit */
#menu ul li.tab-cit a strong {
	background: url(../images/menu.subpage.cit.jpg) top left no-repeat;
}
/* adfa */
#menu ul li.tab-adfa a strong {
	background: url(../images/menu.subpage.adfa.jpg) top left no-repeat;
}

#menu ul li a strong span {
	visibility: hidden;
}

/* =menu home - same markup, different style */

#wrapper.home #menu {
	padding-top: 0;
	height: 480px;
	background: url(../images/home.comestogether.gif) 32px 0px no-repeat;
}

#wrapper.home #menu ul {
	margin: 0;
	padding-top: 240px;
	background: none;
	position: relative;
}

#wrapper.home #menu ul li {
	height: 120px;
	margin: 0;
}
	/* inset the first menu tab */
	#wrapper.home #menu ul li.tab-anu {
		padding-left: 58px;
	}
	#wrapper.home #menu ul li.tab-uc,
	#wrapper.home #menu ul li.tab-acu,
	#wrapper.home #menu ul li.tab-adfa {
		padding-left: 20px;
	}
	#wrapper.home #menu ul li.tab-adfa {
		
		position: absolute;
		left: 272px;
		top: 360px;
		
	}
	#wrapper.home #menu ul li.tab-cit {
		clear: left;
		padding-left: 132px;
	}

#wrapper.home #menu ul li a {
	height: 110px;
	width: 127px;
	background: url(../images/menu.home.bubble.up.gif) top left no-repeat;
}

#wrapper.home #menu ul li a:hover {
	background: url(../images/menu.home.bubble.hover.gif) top left no-repeat;
}

#wrapper.home #menu ul li a strong {
	display: block;
	height: 110px;
	width: 127px;
	float: left;
}

/* anu */
#wrapper.home #menu ul li.tab-anu strong {
	background: url(../images/menu.home.anu.up.gif) 25px 33px no-repeat;
}
/* uc */
#wrapper.home #menu ul li.tab-uc strong {
	background: url(../images/menu.home.uc.up.gif) 24px 20px no-repeat;
}
/* acu */
#wrapper.home #menu ul li.tab-acu strong {
	background: url(../images/menu.home.acu.up.gif) 29px 38px no-repeat;
}
/* cit */
#wrapper.home #menu ul li.tab-cit strong {
	background: url(../images/menu.home.cit.up.gif) 36px 33px no-repeat;
}
/* adfa */
#wrapper.home #menu ul li.tab-adfa strong {
	background: url(../images/menu.home.adfa.up.gif) 22px 30px no-repeat;
}

/* =content */

#content {
	margin: 0 auto 5px auto;
	width: 940px;
	background: url(../images/content.jpg) top left repeat-y;
}

#content p {
	padding-bottom: 1.5em;
}
#content p.iphone-app {
	float: right;
}

#wrapper.home #content {
	margin: 0;
	width: auto;
	background: none;
}

#contentinner {
	background: url(../images/content.bottom.jpg) bottom left no-repeat;
}

#wrapper.home #contentinner {
	background: no-repeat;
}

/* =map */

#content #col-map {
	padding: 22px 30px 20px 30px;
}

#content #col-map h2 {
	padding-left: 30px;
}

#content #col-1 ul.institutionlist {
	list-style: none;
}

#content #col-1 ul.institutionlist li {
	cursor: pointer;
	margin-bottom: 15px;
}

#content #col-1 ul.institutionlist li {
	background: url(../images/map.pin.shadow.jpg) 5px 33px no-repeat;
}

#content #col-1 ul.institutionlist li div {
	padding-left: 40px;
}

li.pin1 div {
	background: url(../images/map.pin1.png) top left no-repeat;
}
li.pin2 div {
	background: url(../images/map.pin2.png) top left no-repeat;
}
li.pin3 div {
	background: url(../images/map.pin3.png) top left no-repeat;
}
li.pin4 div {
	background: url(../images/map.pin4.png) top left no-repeat;
}
li.pin5 div {
	background: url(../images/map.pin5.png) top left no-repeat;
}

#content #col-1 ul.institutionlist li h3 {
	color: #00b5e3;
	margin: 0;
	padding: 0;
}

#content #col-1 ul.institutionlist li em {
	font-size: 12px;
	display: block;
}

#content #col-1 {
	padding: 22px 0 34px 0;
	float: left;
	width: 540px;
	position: relative;
	left: 60px;
}

hr {
	margin: 50px 0 40px 0;
	border-top: 1px solid #aad8e7;
	border-bottom: 1px solid #e7f2f6;
	border-left: none;
}

#content #col-1 #video {
	padding: 20px 0 20px 0;
}

#content #col-1 .intro.uc {
	padding-top: 123px;
	background: url(../images/logo.uc.large.jpg) top left no-repeat;
}
#content #col-1 .intro.acu {
	padding-top: 100px;
	background: url(../images/logo.acu.large.jpg) top left no-repeat;
}
#content #col-1 .intro.cit {
	padding-top: 110px;
	background: url(../images/logo.cit.large.jpg) top left no-repeat;
}
#content #col-1 .intro.anu {
	padding-top: 110px;
	background: url(../images/logo.anu.large.jpg) top left no-repeat;
}
#content #col-1 .intro.adfa {
	padding-top: 110px;
	background: url(../images/logo.adfa.large.jpg) top left no-repeat;
}

#content #col-1 .intro h2 {
	padding-bottom: 10px;
}

#content #col-1 .intro.adfa h2 {
	padding-bottom: 20px;
}

#content #col-1 p.smalltext {
	font-size: 12px;
	font-style: italic;
	list-style: 1.3em;
	padding-bottom: 0px;
	margin-bottom: 20px;	
}

/* =contact page */

#content #col-1 .contactDiv {
	
}

#content #col-1 .contactDiv .item {
	padding-left: 185px;
	margin-bottom: 40px;
}

#content #col-1 .contactDiv .item.uc {
	background: url(../images/logo.uc.jpg) top left no-repeat;
}
#content #col-1 .contactDiv .item.acu {
	background: url(../images/logo.acu.jpg) 6px 0px no-repeat;
}
#content #col-1 .contactDiv .item.cit {
	background: url(../images/logo.cit.jpg) 15px 0px no-repeat;
}
#content #col-1 .contactDiv .item.anu {
	padding-bottom: 20px;
	background: url(../images/logo.anu.jpg) 5px 0px no-repeat;
}
#content #col-1 .contactDiv .item.adfa {
	background: url(../images/logo.adfa.jpg) 0px 0px no-repeat;
}

#content #col-1 .contactDiv h3 {
	margin: 0;
	padding: 0;
}

/* =col-2 =sidebar */

#content #col-2 {
	padding: 25px 0 34px 0;
	float: right;
	width: 252px;
	position: relative;
	right: 60px;
}

#content #col-2 #bubble {
	padding: 16px 0 0 33px;
	margin-bottom: 20px;
	list-style: none;
	width: 221px;
	height: 204px;
	background: url(../images/sidebar.bubble.jpg) top left no-repeat;
}

#content #col-2 #bubble li {
	padding: 13px 18px 13px 18px;
	width: 188px;
	height: 39px;
}

#content #col-2 #bubble li a:link,
#content #col-2 #bubble li a:visited,
#content #col-2 #bubble li a:hover,
#content #col-2 #bubble li a:active {
	display: block;
	width: 188px;
	height: 39px;
	text-decoration: none;
}

#content #col-2 #bubble li a span {
	visibility: hidden;
}

#content #col-2 #bubble li.link-website a:link,
#content #col-2 #bubble li.link-website a:visited,
#content #col-2 #bubble li.link-website a:active {
	background: url(../images/sidebar.bubble.website.up.jpg) -1px -1px no-repeat;
}
#content #col-2 #bubble li.link-website a:hover {
	background: url(../images/sidebar.bubble.website.hover.jpg) 0px 0px no-repeat;
}

#content #col-2 #bubble li.link-map a:link,
#content #col-2 #bubble li.link-map a:visited,
#content #col-2 #bubble li.link-map a:active {
	background: url(../images/sidebar.bubble.map.up.jpg) -1px 0px no-repeat;
}
#content #col-2 #bubble li.link-map a:hover {
	background: url(../images/sidebar.bubble.map.hover.jpg) top left no-repeat;
}

#content #col-2 #bubble li.link-contact a:link,
#content #col-2 #bubble li.link-contact a:visited,
#content #col-2 #bubble li.link-contact a:active {
	background: url(../images/sidebar.bubble.contact.up.jpg) -1px -1px no-repeat;
}
#content #col-2 #bubble li.link-contact a:hover {
	background: url(../images/sidebar.bubble.contact.hover.jpg) top left no-repeat;
}

/* =quicklinks */

ul#quicklinks {
	margin: 0 0 0 33px;
	padding: 0;
	height: 400px;
	width: 220px;
	overflow: hidden;
	position: relative;
	list-style: none;
}

ul#quicklinks li {
	position: absolute;
	height: 110px;
	width: 220px;
	left: 0px;
	top: 0px;
}

ul#quicklinks li a:link,
ul#quicklinks li a:visited,
ul#quicklinks li a:hover,
ul#quicklinks li a:active {
	display: block;
	height: 110px;
	width: 220px;
	background: #EEE;
	text-decoration: none;
}

/* =ql-twitter */
ul#quicklinks li.ql-twitter {
	top: 0px;
	z-index: 100;
}

ul#quicklinks li.ql-twitter a:link,
ul#quicklinks li.ql-twitter a:visited,
ul#quicklinks li.ql-twitter a:active {
	background: url(../images/quicklink.sidebar.twitter.up.gif) top left no-repeat;
}
ul#quicklinks li.ql-twitter a:hover {
	background: url(../images/quicklink.sidebar.twitter.hover.gif) top left no-repeat;
}

/* =ql-facebook */
ul#quicklinks li.ql-facebook {
	top: 100px;
	z-index: 99;
}

ul#quicklinks li.ql-facebook a {
	background: url(../images/quicklink.sidebar.facebook.up.gif) top left no-repeat;
}
ul#quicklinks li.ql-facebook a:hover {
	background: url(../images/quicklink.sidebar.facebook.hover.gif) top left no-repeat;
}

/* =ql-gettingaround */
ul#quicklinks li.ql-gettingaround {
	top: 200px;
	z-index: 98;
}

ul#quicklinks li.ql-gettingaround a {
	background: url(../images/quicklink.sidebar.gettingaround.up.gif) top left no-repeat;
}
ul#quicklinks li.ql-gettingaround a:hover {
	background: url(../images/quicklink.sidebar.gettingaround.hover.gif) top left no-repeat;
}

/* =ql-abouttod */
ul#quicklinks li.ql-abouttod {
	top: 300px;
	height: 100px;
	z-index: 97;
}

ul#quicklinks li.ql-abouttod a {
	background: url(../images/quicklink.sidebar.abouttod.up.gif) top left no-repeat;
}
ul#quicklinks li.ql-abouttod a:hover {
	background: url(../images/quicklink.sidebar.abouttod.hover.gif) top left no-repeat;
}

ul#quicklinks li a span {
	visibility: hidden;
}

/* =quicklinks home */

#wrapper.home ul#quicklinks {
	list-style: none;
	margin: 0 100px 20px 100px;
	padding: 0;
	width: auto;
	height: 100px;
	position: relative;
}

#wrapper.home ul#quicklinks li {
	position: absolute;
	width: 215px;
	height: 100px;
	top: 0px;
}

#wrapper.home ul#quicklinks li a:link,
#wrapper.home ul#quicklinks li a:visited,
#wrapper.home ul#quicklinks li a:hover,
#wrapper.home ul#quicklinks li a:active {
	display: block;
	text-decoration: none;
	height: 100px;
}

/* =ql-twitter */
#wrapper.home ul#quicklinks li.ql-twitter {
	left: 0px;
	top: 0px;
	z-index: 100;
}

#wrapper.home ul#quicklinks li.ql-twitter a {
	background: url(../images/quicklink.home.twitter.up.gif) top left no-repeat;
}
#wrapper.home ul#quicklinks li.ql-twitter a:hover {
	background: url(../images/quicklink.home.twitter.hover.gif) top left no-repeat;
}

/* =ql-facebook */
#wrapper.home ul#quicklinks li.ql-facebook {
	left: 205px;
	z-index: 99;
}

#wrapper.home ul#quicklinks li.ql-facebook a {
	background: url(../images/quicklink.home.facebook.up.gif) top left no-repeat;
}
#wrapper.home ul#quicklinks li.ql-facebook a:hover {
	background: url(../images/quicklink.home.facebook.hover.gif) top left no-repeat;
}

/* =ql-gettingaround */
#wrapper.home ul#quicklinks li.ql-gettingaround {
	left: 410px;
	z-index: 98;
}

#wrapper.home ul#quicklinks li.ql-gettingaround a {
	background: url(../images/quicklink.home.gettingaround.up.gif) top left no-repeat;
}
#wrapper.home ul#quicklinks li.ql-gettingaround a:hover {
	background: url(../images/quicklink.home.gettingaround.hover.gif) top left no-repeat;
}

/* =ql-abouttod */
#wrapper.home ul#quicklinks li.ql-abouttod {
	left: 615px;
	width: 205px;
	z-index: 97;
}

#wrapper.home ul#quicklinks li.ql-abouttod a {
	background: url(../images/quicklink.home.abouttod.up.gif) top left no-repeat;
}
#wrapper.home ul#quicklinks li.ql-abouttod a:hover {
	background: url(../images/quicklink.home.abouttod.hover.gif) top left no-repeat;
}

#wrapper.home ul#quicklinks li a span {
	visibility: hidden;
}

/* =sponsors */

#wrapper.home #sponsors {
	margin-bottom: 5px;
	position: relative;
	height: 47px;
}

#wrapper.home #sponsors h2 {
	float: left;
	margin-left: 57px;
	width: 119px;
	height: 47px;
	background: url('../images/sponsors.h2.gif') 0px 14px no-repeat;
}

#wrapper.home #sponsors h2 span {
	visibility: hidden;
}

#wrapper.home #sponsors ul {
	padding: 0 0px 0 10px;
	list-style: none;
	float: left;
	width: 450px;
	height: 47px;
	overflow: hidden;
}

#wrapper.home #sponsors ul li {
	float: left;
	height: 47px;
	overflow: hidden;
}

#wrapper.home #sponsors ul li a:link,
#wrapper.home #sponsors ul li a:visited,
#wrapper.home #sponsors ul li a:hover,
#wrapper.home #sponsors ul li a:active {
	text-decoration: none;
	display: block;
	height: 47px;
	float: left;
}

#wrapper.home #sponsors ul li a:hover {
	opacity: 0.7;
	/* opacity filter ofor IE */
	filter:alpha(opacity=70);
}

#wrapper.home #sponsors ul li.sp-ten {
	width: 58px;
}
#wrapper.home #sponsors ul li.sp-ten a {
	width: 58px;
	background: url('../images/sp-ten.gif') 8px 5px no-repeat;
}

#wrapper.home #sponsors ul li.sp-serviceone {
	width: 98px;
}
#wrapper.home #sponsors ul li.sp-serviceone a {
	width: 98px;
	background: url('../images/sp-serviceone.gif') 10px 11px no-repeat;
}

#wrapper.home #sponsors ul li.sp-action {
	width: 95px;
}
#wrapper.home #sponsors ul li.sp-action a {
	width: 95px;
	background: url('../images/sp-action.gif') 9px 14px no-repeat;
}

#wrapper.home #sponsors ul li.sp-canberratimes {
	width: 106px;
}
#wrapper.home #sponsors ul li.sp-canberratimes a {
	width: 106px;
	background: url('../images/sp-canberratimes.gif') 8px 20px no-repeat;
}

#wrapper.home #sponsors ul li.sp-cre8ive {
	width: 80px;
}
#wrapper.home #sponsors ul li.sp-cre8ive a {
	width: 80px;
	background: url('../images/sp-cre8ive.gif') 8px 18px no-repeat;
}

#wrapper.home #sponsors ul li a span {
	visibility: hidden;
}

#wrapper.home #sponsors p {
	float: left;
	margin: 0;
	padding: 0;
	width: 317px;
	height: 42px;
	overflow: hidden;
	background-color: #00b5e0;
	background: url('../images/sponsors.date.jpg') top left no-repeat;
}

#wrapper.home #sponsors p span {
	visibility: hidden;
}

/* =footer */

#footer {
	margin: 0 auto 0 auto;
	width: 1018px;	
	background: url('../images/footer.jpg') 0px 18px repeat-x;
	color: #2e7598;
	font-family: "Verdana";
	font-size: 11px;
}

#innerfooter {
	padding-top: 20px;
	padding-bottom: 30px;
	min-height: 130px;
	background: url('../images/footerinner.gif') 77px 0px no-repeat;
}

#innerfooter .col {
	padding: 30px 0 0 0;
	width: 120px;
	overflow: hidden;
	float: left;
}

#innerfooter .col-1 {
	padding-left: 220px;
}

#innerfooter .col-2 {
	padding-right: 65px;
	padding-left:  60px;
}

#innerfooter .col h3 {
	height: 20px;
	list-style: 20px;
	border-bottom: 1px solid #a9d1e3;
}

#innerfooter .col ul {
	border-top: 1px solid #e1f3f7;
	padding-top: 10px;
	list-style: none;
}

#innerfooter .col ul li {
	height: 20px;
	list-style: 20px;
}

#innerfooter .col ul li a:link,
#innerfooter .col ul li a:visited,
#innerfooter .col ul li a:hover,
#innerfooter .col ul li a:active {
	color: #2e7598;
	text-decoration: none;
}
#innerfooter .col ul li a:hover {
	color: #e3058c;
	text-decoration: underline;
}

#innerfooter #tweets {
	padding-top: 57px;
	float: left;
	width: 392px;
	background: url('../images/footer.tweets.gif') 0px 20px no-repeat;
}

#innerfooter #tweets #tweetsinner {
	margin-left: 56px;
	width: 281px;
	background: url('../images/footer.tweets.inner.jpg') top left repeat-y;
}


#innerfooter #tweets #tweetsinner #tweet {
	padding: 5px 20px 10px 20px;
	background: url('../images/footer.tweets.inner.footer.jpg') bottom left no-repeat;
	color: #000;
}
.twtr-hd, 
.twtr-ft {
	display: none;
}