﻿body {
	text-align:center;
	background-color:#D8E3F0;
	background-image:url('http://my.sunitafe.edu.au/images/background.png');
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
}

h2 {
	font-size:14pt;
	margin-top:0;
	
}

#siot-body-wrapper{
	width:955px;
	text-align:left;
	color:white;
}

#siot-login{
	/*display:none; /*turn back on to develop*/
	width=100%;
}
	
#siot-header {
	margin:1px auto;
	width:100%;

}

/* ------------------
    Start: Top Menu
---------------------*/

#siot-topmenu {
	float:left;
	font:normal 12px 'Trebuchet MS','Arial';
	margin:0;
	padding:0;
	background-image:url('http://my.sunitafe.edu.au/images/top_menu/back.gif');
	background-repeat:repeat-x;
	line-height:32px;
	width:100%;

}

#siot-topmenu ul {
	background-image:url('http://my.sunitafe.edu.au/images/top_menu/back.gif');
	background-repeat:repeat-x;
	float:left;
	line-height:32px;
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
}

#siot-topmenu li {
	display:inline;
	padding:0;
}

#siot-topmenu a {
	color:#FFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
	text-decoration:none;
}


#siot-topmenu a span {
	display:block;
	float:none;
	padding:0 10px 0 7px;
}

#siot-topmenu a span img {
	border:none;
	margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#siot-topmenu a:hover{
	background: url('http://my.sunitafe.edu.au/images/top_menu/left.png') no-repeat left center;
}

#siot-topmenu a:hover span {
	background:url('http://my.sunitafe.edu.au/images/top_menu/right.png') no-repeat right center;
}

#siot-topmenu a.right {
	float:right; /* for help button - just add class "right" ->  <a class="right"... */
}


/* ------------------
     End: Top Menu
---------------------*/



#siot-search {
	width:230px;
	/*padding: 5px 0px 5px 0px;*/
	float:right;
	vertical-align:middle;
	display:table-cell;

}

#siot-search a {
	padding-left:0px;
}



#siot-content-wrapper {
	padding-left:20px;
	padding-right:20px;
}

#siot-content-header {
	color:white;
	padding-bottom:10px;
	padding-top:10px;
	width:920px;
}

#siot-breadcrumb {
	float:right;
	width:700px;
	margin-top:10px;
	background-color:#1F497D;
	font-size:8pt;
	color:white;
	padding-bottom:5px;

}

#siot-breadcrumb a:link{
	color:white;
	text-decoration:none;
}

#siot-breadcrumb a:visited{
	color:white;
	text-decoration:none;
}

#siot-breadcrumb a:active{
	color:white;
	text-decoration:none;
}

.siot-breadcrumb-left{
	text-align:left;
	padding-left:10px;
	float:left;
	padding-top:5px;

}

.siot-breadcrumb-left tr{
	vertical-align:middle;
}

.siot-breadcrumb-left table{
	vertical-align:middle;
}

.siot-breadcrumb-left td{
	font-size:8pt;
}

.siot-breadcrumb-right{
	text-align:right;
	padding-right:10px;
	float:right;
	padding-top:3px;

}

.siot-breadcrumb-right td{
	font-size:8pt;
	padding-right:5px;
}

/* Breadcrumb for no menu */

#nomenu-siot-breadcrumb {
	float:right;
	width:920px;
	margin-top:10px;
	background-color:#1F497D;
	font-size:8pt;
	color:white;
	padding-bottom:5px;

}

#nomenu-siot-breadcrumb a:link{
	color:white;
	text-decoration:none;
}

#nomenu-siot-breadcrumb a:visited{
	color:white;
	text-decoration:none;
}

#nomenu-siot-breadcrumb a:active{
	color:white;
	text-decoration:none;
}

.nomenu-siot-breadcrumb-left{
	text-align:left;
	padding-left:10px;
	float:left;
	padding-top:5px;

}

.nomenu-siot-breadcrumb-left tr{
	vertical-align:middle;
}

.nomenu-siot-breadcrumb-left table{
	vertical-align:middle;
}

.nomenu-siot-breadcrumb-left td{
	font-size:8pt;
}

.nomenu-siot-breadcrumb-right{
	text-align:right;
	padding-right:10px;
	float:right;
	padding-top:3px;

}

.nomenu-siot-breadcrumb-right td{
	font-size:8pt;
	padding-right:5px;
}

#siot-asp-content-placeholder {
	float:right;
	width:700px;
	
	background-color:#F4F7FB;
}


#nomenu-siot-asp-content-placeholder {
	float:right;
	width:920px;
	
	background-color:#F4F7FB;
}

/*--- LHS MENU----*/
#siot-left-menu {
	float:left;
	width:200px;
	margin-top:10px;
	background-color:#3E494E;
	line-height:150%;
	font-size:10pt;
}

.siot-left-menu-heading{
	color:white;
	line-height:150%;
	padding:5px;
	font-size:11pt;
}

.siot-left-menu-heading:hover{
	background-color:#A1A1A1;
}

.siot-left-menu-heading a{
	display:block;
	width:100%;
	height:100%;
}

.siot-left-menu-item{
	background-color:#6F777B;
	padding:8px 8px 8px 15px;
	border-bottom:1px;
	border-bottom-style:solid;
	border-color:#D3D3D3;
	display:block;
}


.siot-left-menu-item:hover{
	background-color:#A1A1A1;
}


#siot-left-menu a:active{
	color:white;
	text-decoration:none;
}

#siot-left-menu a:visited{
	color:white;
	text-decoration:none;
}

#siot-left-menu a:link{
	color:white;
	text-decoration:none;
}


/*--- End LHS Menu ---*/


/*--- start default content layout ---*/

#siot-content-default-wrapper {
	padding:10px;
	border:1px #1F497D solid;
	color:black;
}

#siot-content-top {
	
}

.siot-content-top-welcome {
	width:70%;
	padding-right:5px;
}

.siot-content-top-quickpick {
	padding-left:5px;
}

#siot-content-uppermid {
	margin-top:10px;
	margin-bottom:10px;
}

#siot-content-lowermid {
	margin-top:10px;
	margin-bottom:10px;
}

.siot-content-lowermid-right {
	padding-left:5px;
}

.siot-content-lowermid-left {
	padding-right:5px;
}

#siot-content-bottom {
	
}

/*--- End default content layout ---*/

/*--- Start Footer ---*/


#siot-Footer {
	text-align:left;
	color:white;
	font-size:8pt;
	clear:both;
	padding-top:10px;

	

}

#siot-Footer-top {
	background-color:#595959;
	padding:5px;
}

#siot-Footer-bottom {
	background-color:black;
	padding:5px;
}


#siot-Footer-top-signout {
	float:right;
	background-color:#376092;
	/* background-image:url(http://my.sunitafe.edu.au/images/siotsiteactionsmenugrad.gif); */
	
	white-space:nowrap;
	cursor:pointer;
	margin-right:-5px;
	margin-top:-5px;
}

#siot-Footer-top-signout a {
	display:block;
	height:100%;
	width:100%;
	padding:5px;
	text-decoration:none;
}


#siot-Footer-top-signout a:hover{
	background-color:orange;
	color:black;
	
}

a:visited {
	color:white;
	
}


#siot-Footer-top-signout a:link {
	color:white;
	
}


/*--------------------------------
   Start: Home Page div elements     
 -------------------------------*/
#siot-homepage-wrapper {
	width:100%;
	vertical-align:top;
	background-image:url('http://my.sunitafe.edu.au/images/leafbig.png');
	background-position:right;
	background-repeat:repeat-y;
	padding-top:30px;
}


/* Container for top of page */
.siot-homepage-content-top {
	vertical-align:top;
}

/*spacer (blue line)*/
.siot-homepage-divider {
	vertical-align:bottom;
	padding-bottom:30px;
}

/* Colomn 1 */
.siot-homepage-content-mysunitafe {
	vertical-align:top;
	text-align:center;
}

/* Colomn 2 */
.siot-homepage-content-lifeoncampus {
	vertical-align:top;
	text-align:center;
}

/* Colomn 3 */
.siot-homepage-content-informationdesk {
	vertical-align:top;
	text-align:center;
}

/* Colomn 4 */
.siot-homepage-content-studentsupport {
	vertical-align:top;
	text-align:center;
}


/* Container for the bottom of the page */

/* Colomn 1 */
.siot-homepage-whatshappening {
	padding:10px;
	background-color:#2D5588;
	background-image:url('http://my.sunitafe.edu.au/images/newsboxbkgnd.png');
	background-repeat:repeat-x;
	vertical-align:top;
}

/* Colomn 2 */
.siot-homepage-announcements {
	padding:10px;
	background-color:#2D5588;
	background-image:url('http://my.sunitafe.edu.au/images/newsboxbkgnd.png');
	background-repeat:repeat-x;
	vertical-align:top;
}

/* Colomn 3 */
.siot-homepage-other {
	padding:10px;
	background-color:#2D5588;
	background-image:url('http://my.sunitafe.edu.au/images/newsboxbkgnd.png');
	background-repeat:repeat-x;
	vertical-align:top;
}

.siot-homepage-listbox {
	font-size:10pt;
}

.siot-homepage-listbox a{
	color:white;
	text-decoration:none;
}

.siot-homepage-listbox a:hover{
	color:white;
	text-decoration:underline;
}


.siot-homepage-listbox td {
	border-bottom:1px silver solid;
}


/*--------------------------------
    END: Home Page div elements     
 -------------------------------*/
