﻿/**

Project:  Chisholm International Website
Author: Millipede Creative Development
Author URI: http://www.millipede.com.au/

*/

/*______________________________________________________________________________*/
/*														 + Raw tags 			*/

html, body {
	height: 100%;
}
body {
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-size: 78%;
	line-height: 1.5em;
	margin: 0 auto;
}
a img {
	border: 0px
}
a {
	color: #484848;
}
a:hover {
	color: #000;
}
h1 {
	line-height: 1.25em;
	margin-top: 0em;
}

h2 {
	font-family: "Verdana", "Helvetica", Sans-Serif;
	font-size: 1.4em;
	text-transform:uppercase;
	font-weight:normal;
	line-height: 1.3em;
	color: #1b3964;
	}
}

h5 {
	font-size: 1em;
	margin-bottom: 1em
}
h6 {
	font-size: 1em;
	padding-top: 1em;

}
blockquote {
	margin-right: 5em
}

/* structure */
#container {
	width: 940px;
	margin: 0 auto;
	position: relative; /* sticky footer solution */
	min-height: 100%; /* sticky footer solution */
}

/*______________________________________________________________________________*/
/* 														+ Banner 				*/

#banner {
	height: 168px
}
#banner img {
	margin-top: 33px;
	float: left;
}

/* search box */
button {
	width: 42px;
	height: 41px;
	background: url(../img/arrow.gif.png) no-repeat center top;
	border: 0px;
	padding: 41px 0px 0px;
	overflow: hidden;
	margin-top: -41px;
	cursor: pointer;
}
#search-box input {
	height: 31px;
	width: 212px;
	margin-right: 2px;
	padding: 6px 6px 0px;
	line-height: 25px;
	font-size: 20px;
}
#search-button {
	float: right;
}
#search-box {
	margin-top: 33px;
	float: right
}


/*______________________________________________________________________________*/
/* 														+ Left Column 			*/

#left-column  {
	width: 175px;
	float: left;
	margin-top:-8px;
}

/* main menu */
#menu ul {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
}
#menu li, #menu a {
	height: 34px;
	display: block;
	padding: 0px 0px 1px
}
li#menu-link-3, li#menu-link-3 a {
	height: 46px
}
#menu li a {
    padding: 34px 0px 0px 0px;
    height: 0px;
	overflow: hidden;
}
#menu li#menu-link-3 a {
    padding: 46px 0px 0px 0px;
}

/* up state */
#menu-link-1 a {
    background: transparent url(../img/menu-1.gif.png) 0px 0px no-repeat;
}
#menu-link-2 a {
    background: transparent url(../img/menu-2.gif.png) 0px 0px no-repeat;
}
#menu-link-3 a {
    background: transparent url(../img/menu-3.gif.png) 0px 0px no-repeat;
}
#menu-link-4 a {
    background: transparent url(../img/menu-4.gif.png) 0px 0px no-repeat;
}
#menu-link-5 a {
    background: transparent url(../img/menu-5.gif.png) 0px 0px no-repeat;
}
#menu-link-6 a {
    background: transparent url(../img/menu-6.gif.png) 0px 0px no-repeat;
}

/* hover state */
#menu-link-1 a:hover {
    background: transparent url(../img/menu-1.gif.png) -175px 0px no-repeat;
}
#menu-link-2 a:hover {
    background: transparent url(../img/menu-2.gif.png) -175px 0px no-repeat;
}
#menu-link-3 a:hover {
    background: transparent url(../img/menu-3.gif.png) -175px 0px no-repeat;
}
#menu-link-4 a:hover {
    background: transparent url(../img/menu-4.gif.png) -175px 0px no-repeat;
}
#menu-link-5 a:hover {
    background: transparent url(../img/menu-5.gif.png) -175px 0px no-repeat;
}
#menu-link-6 a:hover {
    background: transparent url(../img/menu-6.gif.png) -175px 0px no-repeat;
}

/* sub menu */
li#secondary-nav-list {
	height: auto !important;
	padding: 0px !important;
}
li#secondary-nav-list li, li#secondary-nav-list a {
	height: auto !important;
}

ul.secondary-nav {
	background: url(../img/nav-bg.gif.png) no-repeat;
	padding: 8px 0px 0px !important;
	margin: 0px 0px 3px
}
.secondary-nav li {
	height: auto !important;
	padding: 6px 10px 0px 16px !important; /* was L 20px */
}
.secondary-nav li.secondary-nav-last-item {
	background: url(../img/nav-bg.gif.png) left bottom no-repeat;
	padding: 6px 10px 14px 16px !important; /* was L 20px */
}
.secondary-nav li a {
	padding: 0px !important;
	height: auto !important;
	display: inline !important;
	color: #D2232A
}
.secondary-nav li a:hover {
	color: #484848
}

/* sub sub menu */
li#ternary-nav-list li {
	padding-top: 2px !important;
	background: url(../img/ternary-bullet.png) left 9px no-repeat;
}
li.ternary-nav-first-item {
	padding-top: 0px !important
}

/* virtual tour box */
#virtual-tour-link a {
    background: transparent url(../img/virtual-tour-rhs.png) 0px 0px no-repeat;
    width:143px;
    overflow:hidden;
}
#virtual-tour-link a:hover {
    background: transparent url(../img/virtual-tour-rhs.png) -143px 0px no-repeat;
}
li#virtual-tour-link, li#virtual-tour-link a {
	height: 135px;
	clear:both;
}
#menu li#virtual-tour-link a {
    padding: 166px 0px 0px 0px;
    height: 0px;
	overflow: hidden;
}
/* --- fake lhs fix --- */
li#virtual-tour-link-fake {
	height: 0px;
	clear:both;
}

/* new-link-1 box */
#new-link-1 {
	color: #FFF;
	font-weight:bold;
}
ul#new-link-1{
	background: url(../img/pathways-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
	float:left;
	width:100%;
	
}
#new-link-1 p {
	padding: 0px 15px;
	
}
#new-link-1 li {
	background: url(../img/pathways-bottom.gif.png) left bottom no-repeat;
	height: auto
}
/*#new-link-1 li a {
	height: auto;
	overflow: visible;
	padding: 10px 0px 0px
}*/

/* new-link-2 box */
#new-link-2 {
	color: #FFF;
}
ul#new-link-2 {
	background: url(../img/pathways-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
	float:left;
	width:100%;
}
#new-link-2 p {
	padding: 0px 15px
}
#new-link-2 li {
	background: url(../img/pathways-bottom.gif.png) left bottom no-repeat;
	height: auto
}
#new-link-2 li a {
	height: auto;
	overflow: visible;
	padding: 0px 0px 0px;
	font-size: 1.0em;
	font-weight:bold;
	color: #fff;
}

/* new-link-3 box */
#new-link-3 {
	color: #FFF;
}
ul#new-link-3 {
	background: url(../img/pathways-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
	float:left;
	width:100%;
}
#new-link-3 p {
	padding: 0px 15px
}
#new-link-3 li {
	background: url(../img/pathways-bottom.gif.png) left bottom no-repeat;
	height: auto
}
#new-link-3 li a {
	height: auto;
	overflow: visible;
	padding: 0px 0px 0px;
	font-size: 1.0em;
	font-weight:bold;
	color: #fff;
}

/* new-link-4 box */
#new-link-4 {
	color: #FFF;
}
ul#new-link-4 {
	background: url(../img/pathways-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
	float:left;
	width:100%;
}
#new-link-4 p {
	padding: 0px 15px
}
#new-link-4 li {
	background: url(../img/pathways-bottom.gif.png) left bottom no-repeat;
	height: auto
}
#new-link-4 li a {
	height: auto;
	overflow: visible;
	padding: 0px 0px 0px;
	font-size: 1.0em;
	font-weight:bold;
	color: #fff;
}

/* new-courses-link box */
#new-courses-link {
	color: #d2232a;
}
ul#new-courses-link {
	background: url(../img/courses-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
	float:left;
	width:100%;
}
#new-courses-link p {
	padding: 0px 15px
}
#new-courses-link li {
	background: url(../img/courses-bottom.gif.png) left bottom no-repeat;
	height: auto
}
#new-courses-link li a {
	height: auto;
	overflow: visible;
	padding: 0px 0px 0px;
	font-size: 1.0em;
	font-weight:bold;
	color: #d2232a;
}

#new-courses-link h3 {

	font-size: 1.25em;
	padding:0;
	margin: -5px 0px -10px 0px;
	
}



/* pathways box */
#pathways {
	color: #FFF;
}
ul#pathways {
	background: url(../img/pathways-top.gif.png) left top no-repeat;
	padding: 1px 0px 0px;
	line-height: 1.25em;
}
#pathways p {
	padding: 0px 15px
}
#pathways li {
	background: url(../img/pathways-bottom.gif.png) left bottom no-repeat;
	height: auto
}
#pathways li a {
	height: auto;
	overflow: visible;
	padding: 10px 0px 0px
}

/* did you know box */
#did-you-know {
	color: #FFF;
}
ul#did-you-know {
	background: url(../img/did-you-know-top.gif.png) left top no-repeat;
	padding: 35px 0px 0px;
	line-height: 1.25em;
}
#did-you-know p {
	background: url(../img/did-you-know-bottom.gif.png) left bottom no-repeat;
	padding: 0px 15px 15px
}


/*______________________________________________________________________________*/
/* 														+ Middle Column 		*/

#middle-column {
	width: 530px;
	float: left;
	padding: 0px 20px 30px
}
#int_content ul {
	list-style-type: square;
	padding-left: 1.1em
}
#int_content p.flush-top {
	margin-bottom: 0px
}
#int_content ul.flush-top {
	margin-top: 0px
}
#int_content p, #int_content ul {
	width: 333px
}
#flash-content, .header-image {
	margin-bottom: 37px;
}
#testimonials {
	float: right;
	margin-left: 20px;
	width:185px;
	
}
.page-title {
	clear:both;
	margin: 0px 0px 20px -3px
}
.page-summary {
	border-top: dotted 1px #808080;
	border-bottom: dotted 1px #808080;
	padding: 0.75em 0em
}
.clear-fix {
	clear: both;
}
.pad-t1 {
	padding-top: 1em
}
.pad-t2 {
	padding-top: 2em;
	clear: both;
}
.no-flash {
	font-size: 0.9em;
	border: dotted 1px #808080;
	padding: 0.75em;
	background: #EFEFEF;
	line-height: 1.5em
}
.no-flash img {
	display: block;
	padding-bottom: 0.5em
}
.no-flash hr {
	color: #E6E6E6
}
.paragraph-dotted {
	padding-bottom: 1em;
	border-bottom: 1px dotted #484848
}
.paragraph-dotted-top {
	padding-top: 1em;
	border-top: 1px dotted #484848
}
.middle-padding-short {
	visibility: hidden;
	margin-bottom: 160px
}
.middle-padding {
	visibility: hidden;
	margin-bottom: 240px
}
.middle-padding-long {
	visibility: hidden;
	margin-bottom: 360px
}

/* text heavy and extra long pages */
div.text-heavy p {
	width: 520px !important
}
.mega-page h3 {
	padding-top: 1em;
}
.mega-page h4 {
	padding-top: 1em;
	border-bottom: 1px dotted #484848;
	clear: both;
}
.mega-page h5 {
	color: #5F5F5F;
	text-decoration: underline
}
.span-left {
	float: left;
	padding-bottom: 1em
}
.span-right {
	float: right;
}

/* third level navigation list */
.third-level-navigation ul {
	float: left !important;
	list-style: none !important;
	padding: 0em;
	margin-top: 0em;
	width: 500px !important
}
.third-level-navigation li {
	float: left !important;
	padding-right: 2em;
}
.third-level-navigation a {
	color: #D2232A
}
.third-level-navigation a:hover {
	color: #484848
}

/* tables */
div.text-heavy table {
	/*width: 530px !important;*/
}

div#int_content table {
	font-size: 0.9em
}
div#int_content table, div#int_content td {
	/*border: 1px solid #5F5F5F;*/
	border-collapse: collapse;
}
.pathways table {
	width:530px;
}
.pathways table, .pathways td {
	border: 1px solid #5F5F5F;
}

.intake table {
	width:530px;
}
.intake table, .intake td, .intake th {
	border: 1px solid #5F5F5F;
	padding: 0.25em;
}

div#int_content td {
	padding: 0.25em
}
.no-cell-border {
	border: 0px;
	background: #EFEFEF
}
.course-table {
	width:530px;
}
.course-table, .course-table td {
	border: 0px;
}
td.course-table-left  {
	padding-left: 0.75em
}
.course-table tr.stripe {
	background: #EFEFEF
}
.course-table tr.stripe2 {
	background: #D0CFCF
}


.stripe {
	/*background: #EFEFEF*/
}
.stripe2 {
	/*background: #DFDFDF*/
}

div#int_content th {
	border: 1px solid #5F5F5F;
	background: #B3B2B2
}
table.contact-table, table.contact-table td {
	border: 0px;
}

textarea, form input {
	font-family: inherit;
	font-size: 1.1em;
	width: 350px
}
input.btn {
	width: 100px
}

/* bottom navigation buttons */
#bottom-navigation {
	height: 87px;
	margin-top: 5.5em;
}
#bottom-navigation ul {
	list-style: none;
	padding: 0px;
}
#bottom-navigation li.last-list-item {
	padding: 0px
}
#bottom-navigation li, #bottom-navigation a {
	height: 45px;
	width: 128px;
	display: block;
	float: left;
	padding: 0px 6px 0px 0px
}
#bottom-navigation li a {
    padding: 45px 0px 0px 0px;
    height: 0px;
	overflow: hidden;
}
#bottom-nav-1 a {
    background: transparent url(../img/bottom-nav-1.gif.png) 0px 0px no-repeat;
}
#bottom-nav-2 a {
    background: transparent url(../img/bottom-nav-2.gif.png) 0px 0px no-repeat;
}
#bottom-nav-3 a {
    background: transparent url(../img/bottom-nav-3.gif.png) 0px 0px no-repeat;
}
#bottom-nav-4 a {
    background: transparent url(../img/bottom-nav-4.gif.png) 0px 0px no-repeat;
}

/* Apply */

#apply-1 {
	background: transparent url(../img/apply-to-chisholm-01.jpg) no-repeat;
	padding: 310px 10px 34px;
}
#apply-2 {
	background: transparent url(../img/apply-to-chisholm-02.png) no-repeat;
	padding: 57px 10px 32px;
}
#apply-3 {
	background: transparent url(../img/apply-to-chisholm-03.png) no-repeat;
	padding: 57px 10px 30px;
}
#apply-4 {
	background: transparent url(../img/apply-to-chisholm-04.png) no-repeat;
	padding: 57px 10px 30px;
	height: 74px
}
#apply-4 ul {
	margin-top: 0px
}

/*______________________________________________________________________________*/
/* 														+ Right Column 			*/

#right-column  {
	width: 175px;
	float: left;
	background: url(../img/right-col-bg.gif.png) no-repeat top left;
	padding: 20px 0px 0px;
}
#right-column ul {
	list-style: none;
	margin: 0px 15px !important;
	padding: 15px 0px
}
ul.toggle-display {
	
}
.right-col-link {
	border-top: 1px dotted gray
}
.clear-fix-right {
	height: 20px;
	padding-top: 0px; /* was 104px */
	background: url(../img/right-col-bg.gif.png) no-repeat bottom left;
	padding-bottom:15px;
}

/* Course finder */
#course-finder img {
	padding: 0px 15px 15px;
}
#course-finder ul {
	padding-top: 0px;
}
#course-finder ul a {
	text-decoration: none
}
#course-finder ul a:hover {
	text-decoration: underline
}
.course-colour-0 a { color: #708f50 }
.course-colour-1 a { color: #005a28 }
.course-colour-2 a { color: #f58229 }
.course-colour-3 a { color: #8eabbf }
.course-colour-4 a { color: #a32c35 }
.course-colour-5 a { color: #205253 }
.course-colour-6 a { color: #4b8bb4 }
.course-colour-7 a { color: #704a72 }
.course-colour-8 a { color: #73933f }
.course-colour-9 a { color: #0072ae }
.course-colour-10 a { color: #485861 }
.course-colour-11 a { color: #57681e }
.course-colour-12 a { color: #f2af13 }
.course-colour-13 a { color: #50284c }
.course-colour-14 a { color: #005a28 }
.course-colour-15 a { color: #708f50 }
.course-colour-16 a { color: #a32c35 }

/* Apply */
#apply li, #apply a, #courseguide li, #courseguide a, #study-planner a, #main-site-link a  {
	height: 34px;
	display: block;
}
li#apply-link a, li#study-planner-link a, li#main-site-link a, li#courseguide-link a {
	padding: 34px 0px 0px 0px;
	width: 143px;
    height: 0px;
	overflow: hidden;
}
#apply-link a {
    background: transparent url(../img/apply.gif.png) 0px 0px no-repeat;
}
#courseguide-link a {
	background: transparent url(../img/course-guide.gif) 0px 0px no-repeat;
}
#apply-link a:hover {
    background: transparent url(../img/apply.gif.png) -143px 0px no-repeat;
}
#courseguide-link a:hover {
	background: transparent url(../img/course-guide.gif) -143px 0px no-repeat;
}
#study-planner-link a {
    background: transparent url(../img/study-planner.gif.png) 0px 0px no-repeat;
}
#study-planner-link a:hover {
    background: transparent url(../img/study-planner.gif.png) -143px 0px no-repeat;
}
#meet-chisholm-link li, #meet-chisholm-link a  {
	height: 47px;
	display: block;
}
li#meet-chisholm-link a {
	padding: 47px 0px 0px 0px;
	width: 143px;
    height: 0px;
	overflow: hidden;
}
#meet-chisholm-link a {
    background: transparent url(../img/link-meet-chisholm.gif.png) 0px 0px no-repeat;
}
#meet-chisholm-link a:hover {
    background: transparent url(../img/link-meet-chisholm.gif.png) -143px 0px no-repeat;
}
/* paying ink */
#paying-link li, #paying-link a  {
	height: 47px;
	display: block;
}
li#paying-link a {
	padding: 33px 0px 0px 0px;
	width: 143px;
    height: 0px;
	overflow: hidden;
}

#paying-link a {
    background: transparent url(../img/link-paying.gif.png) 0px 0px no-repeat;
}
#paying-link a:hover {
    background: transparent url(../img/link-paying.gif.png) -143px 0px no-repeat;
}

ol.studentpay-login {
	list-style: none inside;
	list-style-type: none;
	margin-left: 0em;
}

#studentpay-login li, #studentpay-login a  {
	height: 47px;
	display: block;
}
li#studentpay-login a {
	padding: 47px 0px 0px 0px;
	width: 143px;
    height: 0px;
	overflow: hidden;
}
#studentpay-login a {
    background: transparent url(../img/link-studentpay.gif.png) 0px 0px no-repeat;
}
#studentpay-login a:hover {
    background: transparent url(../img/link-studentpay.gif.png) -143px 0px no-repeat;
}


/* Main site */
#main-site-link a {
    background: transparent url(../img/link-main.gif.png) 0px 0px no-repeat;
}
#main-site-link a:hover {
    background: transparent url(../img/link-main.gif.png) -143px 0px no-repeat;
}

.pad-bottom {
	padding-bottom: 46px !important;
}

.pay-red-highlight {
	color:#d90000;
}

/* Languages */
#languages li, #languages a {
	height: 21px;
	display: block;
	margin-bottom: 1px;
}
#languages li a {
	padding: 21px 0px 0px 0px;
	width: 143px;
    height: 0px;
	overflow: hidden;
}
#language-link-1 a {
    background: transparent url(../img/language-1.gif) 0px 0px no-repeat;
}
#language-link-2 a {
    background: transparent url(../img/language-2.gif) 0px 0px no-repeat;
}
#language-link-3 a {
    background: transparent url(../img/language-3.gif) 0px 0px no-repeat;
}

/* New courses */
h4.new-courses{
	margin: 0 15px;
	background: transparent url(../img/new-courses.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top:25px
}
ul.new-courses {
	background: transparent url(../img/new-courses.png) left bottom no-repeat;
	color: #FFF;
	margin-top: 0px
}
.new-courses li {
	font-size: 0.8em;
	padding: 0px 12px 10px;
	line-height: 1.25em;
}
.new-courses li a, .new-courses li a:hover {
	color:#FFF
}
.new-courses li.link-action {
	padding: 0px 12px 0px;
}

/* Welcome message */
h4.welcome-message {
	margin: 15px 15px 0px;
	background: transparent url(../img/welcome-message.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top:25px
}
ul.welcome-message {
	background: transparent url(../img/welcome-message.png) left bottom no-repeat;
	color: #FFF;
	margin-top: 0px
}
.welcome-message li {
	font-size: 0.8em;
	padding: 0px 12px 10px;
	line-height: 1.25em;
}
.welcome-message li a, .welcome-message li a:hover {
	color:#FFF
}

/* Safety message */
h4.safety-message {
	margin: 5px 15px 0px;
	background: transparent url(../img/personal-safety.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top: 25px
}
ul.safety-message li{
	
}
ul.safety-message {
	background: transparent url(../img/personal-safety.png) left bottom no-repeat;
	color: #FFF;
	margin-top: 0px;
	
	
	
	
}
.safety-message li {
	font-size: 0.8em;
	padding: 0px 12px 10px;
	line-height: 1.25em;
	
}
.safety-message li a, .safety-message li a:hover {
	color:#FFF;
	

}


/*______________________________________________________________________________*/
/* 														+ Footer				*/
#footer-wide {
	width:100%;
	clear: both;
	
}
#footer {
	clear: both;
	height: 153px;
	background: url(../img/bg-footer.gif.png) repeat-x top left #969696;
	position: relative; /* sticky footer solution */
	margin: -20px 0px 0px 0px; /* sticky footer solution - was: -133 0 0 0 */
	color: #FFF;

}
#footer a {
	color: #FFF;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline
}
#footer-wrap {
	width: 940px;
	margin: 0 auto;
}
#footer ul {
	float: left;
	list-style: none;
	padding: 37px 0px 0px 0px;
}
#footer-links li {
	float: left;
	padding: 0em;
	margin: 0em;
}
#footer-links li a {
	padding: 0.5em
}
ul#footer-cricos {
	clear: left;
	padding: 12px 0px 0px 6px;
	margin-left: 0px
}
ul#footer-logos {
	float: right;
}
#footer-logos li {
	float: right;
	padding: 0em;
	margin: 0em;
}
#footer-logos li img {
	margin-left: 26px
}

/* --- international welcome message ---- */

#welcome-msg {
	clear:both;
	display:block;
}

#welcome-msg ul{
	
	list-style: none;
	height: 215px;

}

#welcome-msg a {
	margin:0;
	padding:0;
	height: auto;
	display:inline;
	
	
}

#welcome-msg img {
	margin:0;
	padding:0;
	margin-left:20px;
	display:block;
	
}





