/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10pt;
}
#Content {
	position: relative;
	float: left;
	width: auto;
	padding: 0 10px 0 15px;
	background: url(../images_staff/bg1.gif) no-repeat;
}
html>body #Content {
width: 75%;
}

h1 {color: #FFFFFF; background-color: #006699;	padding: 0 0 0 0 ;	font-size: 16pt;	margin-top: 0px;}
h2 { padding-top: 40px; color: #000000;	font-size: 14pt; }
h3 {  color: #000000; font-size: 12pt; }
h4  { font-size: 11pt; font-weight: bold}
h5	{ font-size: 11pt;}
p	{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
ul	{font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
li { margin-left: 10px;}

#qglogo {
width: 100%;
padding: 0 0 0 0;
height: 20px;
background: url(../images_staff/agency_tafe.gif) top right no-repeat;
}

#agency {
position: relative;
float: right;
padding: 0 0 0 0;
}

#corpbranding {
background-image: url(../images_students/tile.jpg);
margin: 0px auto;
margin-top: 25px;
text-align: center;
}

#page	{
	padding: 0 0 0 0;
}

#navbar {
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#navbar h1{
color: #FFFFFF;
	background-color: #669900;
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	
}

#navbar ul	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	list-style-image: url(../images_staff/bul_rnd_blue.gif);
	margin-top: -10px;
	margin-left: 15px;
}
html>body #navbar ul {
margin: 0px 0px 20px -20px;
}

#navbar a {
	color: #000000;
	text-decoration: none;
}

#navbar a:hover{
	text-decoration: underline;
	color: #000000;
}

#navbar a:visited{
	color: #000000;
}

#box {
	background-color: #FFFFCC;
	border: 1px solid #000000;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 12px;
	width: 80%;
}

.graphic{
	float: left;
	padding-right: 20px;
}

.point{
float: inherit;
}

#print {
	float: right;
}

#table {
width: 300px;
}

#tableSm {
width: 260px;
}

.step1 {
	background-color: #33FF99;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 16px;	
}

.step2 {
	background-color: #FFFF33;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 16px;
}

.step3 {
	background-color: #FFCC99;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 16px;
}

.border {
border: 3px double #006699;
margin: 0px 10px 10px 10px;
padding: 5px 5px 5px 5px;
}

.style1 {
	color: #FFFFFF;
	font-weight: bold;