/* *** css by GB - TAFE SA Web Services *** */

body {
background-image:url(images/bg.gif); background-repeat:repeat-x;
font-size: 75%;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
background-color:#7763b4;
}
a:link {color: #5a4e84;}
a:visited {color:#5a4e84;}
a:hover {color: #9b88dd;}
a:active { color:#5a4e84;}

p {
font-size: 1em;
line-height: 1.3em;
}

h1 {
font-size: 1.6em;
color: #5a4e84;
}

h2 {
font-size:1.4em;
color: #5a4e84;
}

h3 {
font-size:1.2em;
color: #5a4e84;
}

h4 {
font-size:1em;
color: #5a4e84;
}

h5 {
font-size:1em;
color: #777777;
}

small {
font-size:.75em;
}

/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-left: auto;
margin-right: auto;
font-size: 1em;
}

/* ----------banner-------------- */
#banner {
background-image:url(images/banner.gif);
height:278px;
padding: 0px;
margin: 0px;
}


#rotator {
float:right;
margin-right:98px;
padding:0px 0px;
margin-top:15px;
}

#home_link { 
float:left;
margin-top: 20px; 
margin-left: 45px; 
width: 320px; 
height: 82px; 
background-color: transparent; 
/*border: 1px solid yellow;*/
 }
 
#tafesa_link { 
float:right;
margin-top: -120px; 
margin-right: 38px; 
width: 228px; 
height: 62px; 
background-color: transparent; 
/*border: 1px solid yellow;*/
 }

/* ----------search-------------- */

#search_container {
float: right;
text-align:right;
margin-top:52px;
margin-right:25px;
width:220px;
height:18px;
color:#FFFFFF;
}

#search {
width:220px;
height:18px;
}

#phone {
margin-bottom:4px;
margin-right:3px;
}

/* ----------main nav-------------- */
#main_nav {
background-image:url(images/main_nav_bg.gif);
height:35px;
width:1000px;
margin-left:0px;
margin-top:0px;
padding: 0px;
font-size: .9em;
}

#main_nav_menu {
position:absolute;
width:725px;
margin-left:255px;
margin-top:-5px;
padding: 0px;
z-index:10;
}

/* -----------------content--------------------- */
#content_top {
background-image:url(images/content_top_bg.gif); background-repeat:no-repeat;
min-height:397px;

}

#content_bottom {
background-image:url(images/content_bottom_bg.gif); background-repeat:repeat-y;
margin-top:0px;
margin-left:0px;
position:relative;
min-height: 450px;
}

#content_section {
background-color: #ffffff;
width: 684px;
min-height:600px;
margin-left: 237px;
padding-top: 33px;
padding-left: 29px;
padding-right: 0px;
padding-bottom: 18px;
}

/* -----------------home page columns--------------------- */

#col_container{

margin-top:80px;
width: 692px;
margin-left:-3px;

}

#leftcol {
 width:335px;
 margin-left:0px;
 text-align:left;
 /*border:thin solid #666666;*/

 }
  
#leftcol img {
 border:1px hidden;

 vertical-align:middle;
}

#rightcol {
 width:335px;
 float:right;
 text-align:left;
 margin-top:0px;
 margin-right:0px;
 /*border:thin solid #666666;*/

 }


/* --------------left nav------------- */
#left {
position:absolute;
top: 339px;
width: 233px;
z-index: 10;

}

#program_menu li {
list-style-image: url(images/arrow.gif);
border-bottom-style: dotted;
border-bottom-color: #5a4e84;
border-bottom-width: 1px;
margin-top:15px;
margin-right:33px;
margin-left:20px;
padding-bottom:4px;
padding-right:0px;
}

#program_menu li a{text-decoration:none; color: #5a4e84;}

#program_menu li a:hover {text-decoration:none; color: #9b88dd;}

/* -----------footer--------------------------- */
#footer {
clear: both;
height:80px;
margin: 5px 17px 0px 17px;
padding: 12px;
background-color:#e8e9e9;
text-align:center;
font-size:10px;
}

#footer a{text-decoration:none; color: #5a4e84;}

#footer a:hover {text-decoration:none; color: #9b88dd;}

#footer img {
float:right;
margin-right:27px;
margin-top:15px;
padding:0px 0px;
}

#cricos {
float: left;
text-align:left;
margin-top:27px;
margin-left:14px;
color:#666666;
font-size:10px;
text-decoration:none;
}

/* ----------- floating image/caption box classes --------------------------- */

.box { background-color: #fff; border: 1px solid #ddd; padding: 3px;} 
.right {margin: 0.5em 0em 0.5em 0.8em; float:right;} 
.left { margin: 0.5em 0.8em 0.5em 0em; float:left; } 
.box p {text-align:left;font-size:0.75em;font-style:italic;padding:0 0 0 0.5em;}
.box p em {font-style:normal;}
.landscape {width: 355px;}
.portrait {width: 262px;}

blockquote {
background:#dddddd url('images/quote.gif') no-repeat;
padding:1px 10px 5px 40px;
font-style:italic;
}
blockquote em {
font-style:normal;
}

/* styles from TIM */

table

{

	margin: 0;

	padding: 0;

}



.thgrid

{

	font-weight: bold;

	color: #4c4c4c;

	border-bottom: 1px solid #d0d4d4;

	padding: 4px;

	margin: 0;

	background-color: #eee;

	font-size: 90%;

}



.thgridsansbg

{

	font-weight: bold;

	color: #4c4c4c;

	background-color: #eee;

	border-bottom: 1px solid #d0d4d4;

	padding: 4px;

	margin: 0;

}



.tdgrid

{

	vertical-align: top;

	border-bottom: 1px solid #d0d4d4;

	padding: 4px;

	margin: 0;

}





.tdgridsmall

{

	font-size: 0.8em;

}



.tdsansborder

{

	vertical-align: top;

	padding: 4px;

	margin: 0;

	line-height: 150%;

}

.tdborder

{

	border-bottom:1px solid #d0d4d4;

	font-size: 85%;

}



.tdborder strong {

	color: #4c4c4c;

}

.tdborder i {

	color: #727272;

	font-weight: bold;

	font-style: normal;

}

.thdeliverytitle

{

	font-weight: bold;

	color: #4c4c4c;

	padding: 4px;

	margin: 0;

}

.clarity {

	clear: left;

	height: 0;

	margin: -5px;

	padding: 0;

}



/* @group Course Intake Year Nav */



#ciyear-nav {

	font-size:80%;

	margin: 10px 0 0;

	padding: 0;

	width:85%;

}



#nav {

	background: #d2e2f2;

	border-top: 1px solid #9CC;

	list-style: none outside none;

	padding: 0;

	text-align: left;

	margin: 0;

}



#nav ul {

	margin: 0;

	padding: 0;

}





#nav li {

	bottom: 11px;

	display: inline;

	line-height: 1.2em;

	margin: 0;

	padding: 6px;

	position: relative;

}



html>body #nav li {

	margin: 0;

	padding: 6px;

}



#nav a strong {

	color: #2a2a2a;

	font-size: 120%;

}



#nav a, #nav a:link, #nav a:visited {

	border-top: 1px solid #75cfff;

	bottom: 0;

	color: #226696;

	cursor: pointer;

	display: inline;

	height: 1em;

	margin: 0;

	padding: 4px 5px;

	position: relative;

	right: 0;

	text-decoration: none;

	background-color: #d2e2f2;

}



#nav a:hover {

	background: #d2e2f2;

	bottom: 3px;

	color: #FFF;

	position: relative;

	right: 0;

	border: 1px solid #fff;

}



#nav a:active {

	background: #999;

	bottom: 0;

	color: #FFF;

	position: relative;

	right: 0;

}



#nav li#active {

	background: #000;

	bottom: 13px;

	display: inline;

	margin: 0 5px;

	padding: 0;

	position: relative;

}



html>body #nav li#active {

	background: #000;

	margin: 0 5px;

	padding: 0;

}



#nav #active a, #nav #active a:link, #nav #active a:visited, #nav #active a:hover {

	background: #4080c7;

	border: 1px solid #fff;

	bottom: 2px;

	color: #d2e2f2;

	cursor: text;

	margin: 0;

	padding: 4px 5px;

	position: relative;

	right: 2px;

}

/* =-=-=-=-=-=-=-[Course Student Groups Menu]-=-=-=-=-=-=-=- */

.hovermenu {
	background: #e5e5e5;
	border: 2px solid #cfcfcf;
	padding: 4px;
	width: 532px;
}

.hovermenu ul {
	padding: 0;
	margin: 0 auto;
}

.hovermenu ul li {
	list-style: none;
	display: inline;
	margin-left: 2px;
}

.hovermenu ul li a,
.hovermenu 
a:visited {
	padding: 4px;
	float: left;
	text-decoration: none;
	color: black;
	background: #e5e5e5 url(images/table_header.gif) repeat-x;
	border: 2px solid #cfcfcf;
	white-space: nowrap;
}

.hovermenu ul li 
a:hover {
	background: #dce2e7;
	border-style: outset;
	white-space: nowrap;
}

.hovermenu li#hot a {
	background: #fff;
	border-style: inset;
}

/* Vertical Hover Menu */

.hovermenuV {
	padding: 4px;
}

.hovermenuV ul {
	padding: 0;
	margin: 0 auto;
}

.hovermenuV ul li {
	list-style: none;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

.hovermenuV ul li a,
.hovermenuV 
a:visited {
	padding: 4px;
	float: left;
	text-decoration: none;
	color: black;
	background: #e5e5e5 url(images/table_header.gif) repeat-x;
	border: 2px solid #cfcfcf;
	white-space: nowrap;
}

.hovermenuV ul li 
a:hover {
	background: #dce2e7;
	border-style: outset;
	white-space: nowrap;
}

.hovermenuV li#hot a {
	background: #fff;
	border-style: inset;
}

html>body 
.hovermenu ul li 
a:active, .hovermenuV ul li 
a:active {
	border-style: inset;
}

.clarity {
	clear: left;
	height: 0;
	margin: -5px;
	padding: 0;
}

/* @group buttons */

#buttons {
	padding: 5px;
	float: left;
	color: #000000;
	margin: 10px 0;
	width: 98%;
}

#buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#buttons #app a {
	background: url(images/backnext.gif) no-repeat 100% 0;
	color: #fff;
	display: block;
	padding: 12px 20px 14px 15px;
	text-decoration: none;
	font-size: 1.0em;
	margin: 0;
}

#buttons #app a:hover, #buttons #enq a:hover {
	color: #ccc;
}

#buttons #app {
	background: url(images/backnext.gif) no-repeat 0 0;
	float: left;
	padding: 0 0 0 5px;
	margin-left: 20px;
}

#buttons #enq a {
	background: url(images/backnext.gif) no-repeat 100% -45px;
	color: #ffffff;
	display: block;
	text-decoration: none;
	font-size: 1.0em;
	padding: 12px 20px 14px 15px;
	margin: 0;
}

#buttons #enq {
	background: url(images/backnext.gif) no-repeat 0px -45px;
	float: right;
	padding: 0 0 0 5px;
	margin-right: 20px;
}

/* @end */

/* Misc Styles */

.tblFeeAllocationInfo td {
	border-bottom: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	text-align: center;
	padding: 4px;
	margin: 0;
}

.tblFeeAllocationInfo th {
	background-color: #f0f0f0;
	border-bottom: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	text-align: center;
}

.tblFeeAllocationInfo p {
	padding: 0;
	margin: 0;
}

.note p {
	text-align: left;
}

.fee p {
	text-align: right;
}