/* - - - - - - - - - - - - - - - - - - - - -

Title : McMillan Staff Development
Author : ZOO Communications (Max Wheeler)
URL : www.mcmillan.net.au

Created : 22 August 2005
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {
padding : 0;
margin : 0;
}
body {
background : #fff url(../img/main_bg.jpg) repeat-x fixed;
color : #333;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size : 11px;
line-height : 15px;
text-align : center;
}

/* ----- Layout ----- */
#wrapper {
margin : 0 auto;
text-align : left;
width : 760px;
}

#header {
height : 94px;
width : 760px;
}

#mainnav {
float : right;
margin : 74px 0 0 0; 
width : 420px;
}



/* Hack to pass to IE 5 Mac only */
/*\*//*/
#mainnav {
padding-top : 74px;  
}
/**/

#mainwrapper {
background : #fff;
padding : 1px;
}

#maincontent {
float : left;
margin-right : 1px;
width : 517px;
}

#sidecontent {
background : #eaeaea url(../img/side_bg.jpg) repeat-x bottom;
color : #777;
float : right;
_height : 400px;
min-height : 400px;
width : 240px;
}

#flashquotes {
_margin-bottom : -3px;
}

#news, #studentlogin, .sidebar, .sidenav {
border-top : 5px #e0dfdf solid;
margin-top : 1px;
padding : 10px;
}

#news, .sidebar {
margin-bottom : 10px;
}

#footer {
border-top : 1px #eee solid;
border-bottom : 1px #eee solid;
color : #999;
margin : 25px 0 10px 0;
padding : 1px 16px 2px 16px;
_padding-bottom : 8px;
}

#footernav {
float : left;
width : 460px;
}

#breadcrumbs {
background : #eee;
padding : 4px 16px;
}

.sidenav {
position : fixed;
left : 50%;
margin-left : 139px;
top : 94px;
width : 220px;
}

.roominfo {
float : left;
width : 250px;
}

/* ----- Headings ----- */

h1 {
background: url(../img/mcmil_logo.gif) no-repeat;
float : left;
height : 94px;
line-height: 94px;
overflow: hidden;
text-indent: -100em;
width : 185px;
}

#maincontent h2 {
color : #a5b8df;
font-size : 20px;
font-weight : normal;
line-height : 24px;
margin : 19px 16px 18px 16px;
}

#maincontent h3 {
border-bottom : 1px #ccc dotted;
color : #5280ae;
font-size : 13px;
font-weight : normal;
margin : 15px 16px 5px 16px;
padding : 5px 0;
}
#maincontent .roominfo h3 {
margin : 15px 0 5px 16px;
}

h2#mainintro {
background: url(../img/main_intro.jpg) top left no-repeat;
float: left;
height : 56px;
line-height: 56px;
overflow: hidden;
margin : 20px 16px;
_margin : 15px 8px;
text-indent: -100em;
width : 460px;
}

#sidecontent h3 {
color : #555;
font-size : 13px;
font-weight : normal;
margin : 0 0 10px 0;
}

#maincontent h4 {
color : #999;
border-bottom : 1px #efefef solid;
font-size : 12px;
font-weight : normal;
margin : 12px 15px 0 15px;
padding-bottom : 3px;
}
#maincontent .roominfo h4 {
border-bottom : 0;
margin : 12px 0 0 15px;
}
/* ----- Text ----- */

#maincontent p {
margin : 8px 16px;
}
#sidecontent p {
margin : 8px 0;
}
p#copynote {
float : right;
padding-top : 3px;
text-align : right;
width : 250px;
}
.backtotop {
color : #ccc;
text-align : right;
}
.backtotop span {
display : block;
margin-top : 15px;
}
p#intro {
color : #36c;
font-size : 13px;
line-height : 17px;
}
p#price, p.price {
color : #c00;
}
p#note {
color : #a00;
}

/* ----- Links ----- */

#mainnav a:link, #mainnav a:visited {
float: left;
font-size: 12px;
line-height: 14px;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #fff;
}

#mainnav a:link.active, #mainnav a:visited.active, #mainnav a:hover {
color: #000;
background: url(../img/nav_select.gif) no-repeat bottom center;
}

#footernav a:link, #footernav a:visited {
float: left;
padding: 3px 20px 3px 0;
text-decoration: none;
color: #999;
}

#footernav a:link.active, #footernav a:visited.active, #footernav a:hover {
color: #333;
}

#maincontent p a, #maincontent p a:link, #sidecontent p a, #sidecontent p a:link {
color : #6582c0;
border-bottom : 1px #aabedd solid;
text-decoration : none;
}
#maincontent p a:visited, #sideconent p a:visited {
color : #7e99c3;
border-bottom : 1px #aabedd solid;
}
#maincontent p a:hover, #sidecontent p a:hover {
color : #c61c1c;
border-bottom : none;
}

#maincontent .focus a, #maincontent .focus a:link {
color : #c61c1c;
border-bottom : none;
}
#maincontent .focus a:visited {
color : #7e99c3;
border-bottom : 1px #aabedd solid;
}
#maincontent .focus a:hover {
color : #6582c0;
border-bottom : 1px #aabedd solid;
text-decoration : none;
}

#maincontent li a, #maincontent li a:link, #breadcrumbs a, #breadcrumbs a:link, .sidebar li a, .sidebar li a:link, .sidenav a, .sidenav a:link, .sidebar a, .sidebar a:link {
color : #6582c0;
text-decoration : none;
}

#maincontent li a:visited, #breadcrumbs a:visited, .sidebar li a:visited, .sidenav a:visited, .sidebar a:visited {
color : #7e99c3;
}

#maincontent li a:hover, #breadcrumbs a:hover, .sidebar li a:hover, .sidenav a:hover, .sidebar a:hover {
color : #c61c1c;
border-bottom : 1px #c61c1c solid;
}


/* ----- Lists ----- */

#mainnav li {
display: inline;
list-style-type: none;
}

#footernav li {
display: inline;
list-style-type: none;
}

#maincontent ul {
margin : 15px 0;
}
#maincontent ul li {
background : url(../img/bullet_white.gif) 0 6px no-repeat;
list-style-type: none;
margin : 3px 16px;
padding-left : 15px;
text-align : left;
}
#maincontent table ul {
margin : 0;
}
#maincontent ul#nested {
margin : 0 25px;
}
#maincontent ul#nested li {
color : #666;
}
.sidebar ul, .sidenav ul {
margin : 0;
}

.sidebar ul li, .sidenav ul li {
background : url(../img/bullet_white.gif) 0 6px no-repeat;
list-style-type: none;
margin : 3px 0;
padding-left : 15px;
}


/* ----- Tables ----- */

#maincontent table {
border-collapse : separate;
border-bottom : 1px #f1f5f6 solid;
border-top : 1px #f1f5f6 solid;
margin : 0 15px;
width : 485px;
}
#maincontent table tr.tablehead td {
background : #f7f7f7;
}
#maincontent table td {
background : #f1f5f6;
margin : 1px;
padding : 3px 4px;	
text-align : center;
}

.sidebar table {
border-collapse : separate;
margin : 0;
width : 220px;
}
.sidebar table td {
color : #c61c1c;
margin : 1px;
padding : 0 4px;	
text-align : left;
}

.sidebar table td.first {
color : #333;
text-align : right;
}

#maincontent table#projectdetails {
border-collapse : seperate;
border-bottom : 1px #f1f5f6 solid;
border-top : 1px #f1f5f6 solid;
margin : 15px 15px;
width : 485px;
}
#maincontent table.hiredetails {
width : 240px;
}
#maincontent table#projectdetails td, #maincontent table.hiredetails td {
background : #f1f5f6;
margin : 1px;
padding : 1px;	
text-align : left;
}

/* ----- Misc ----- */
.spacer {
clear : both;
}
#sidecontent hr {
  background : transparent;
  border : 1px #ccc dotted;
  border-width : 1px 0 0 0;
  height : 1px;
  margin : 12px auto;
  text-align : center;
  width : 150px;
}
#maincontent em {
background : #d5f3ff;
font-style : normal;
}
#maincontent img.new {
border : 0;
float : none;
margin : 0 0 -1px 2px;
padding : 0;
}
#maincontent img {
border : 1px #ccc solid;
float : left;
margin : 5px 15px 5px 15px;
padding : 3px;
}
#maincontent img.imgright {
float : right;
margin : 5px 15px 5px 10px;
}
.sidebar img {
border : 1px #ccc solid;
padding : 3px;
}

.quote {
background: transparent url(../img/quote.gif) top left no-repeat;
padding: 12px 12px 0 12px;
}