/* start lachlan it online css document */

/* start general document css */

html, body {
background: #ccccbb;
text-align: center; /* ie fix to center content */
padding: 0px;
margin: 0px;
height: 100%;
top: 0;
bottom: 0;
}

img {
padding: 0;
margin: 0;
border: 0;
}

/* end general document css */

/* start container div - center content */

#container {
background-color: #84849f;
margin: 0px auto;
padding: 0;
text-align: left;
width: 700px;
border: 0;
}

/* end container div */

/* start page header */

#pageheader {
background: #000;
padding: 0px 10px 5px 0px;
margin: 0;
border: 0;
width: 690px;
align: left;
text-align: right;
vertical-align: bottom;
font-family: verdana, helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #fff;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #fe9900;
overflow: hidden; 
}

img#lachlan {
float: left;
margin-left: 0px;
margin-top: 10px
padding: 30px;
border: 0;
}

#pageheader a, #pageheader a:link, #pageheader a:active, #pageheader a:visited {
color: #fff;
text-decoration: none;
border: none;
}

#smallflash a:hover{
float: left;
position: relative;
left: -100px;
background: #000;
width: 240px;
height: 96px;
margin: 0px;
padding: 0px 0px 0px 0px;
border-top: 0px none;
}

#flashtable {
height: 107px;
width: 684px;
}

#blankcell {
height: 34px;
}

#pageheader a:hover {
color: #fe9900;
text-decoration: underline;
}

/* end page header */

/* start dark blue content header area */ 

#contentheader {
text-align: left;
background-color: #666688;
width: 680px;
padding: 5px 10px;
border: 0;
overflow: hidden; 
}

#contentheader h1 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #fff;
padding: 0;
margin: 0;
}

#contentheader span {
font-family: verdana, helvetica, sans-serif;
font-weight: normal;
font-size: 0.7em;
color: #c1c1ce;
}

#contentheader a, #contentheader a:link, #contentheader a:active, #contentheader a:visited {
color: #c1c1ce;
text-decoration: none;
border: none;
}

#contentheader a:hover {
color: #fe9900;
text-decoration: none;
border: none;
}

/* end content header */

/* start white content area */

#content {
float: left;
background: #fff url("../images/content-top.gif") repeat-x;
padding: 10px 5px 40px 15px;
margin: 0;
width: 530px;
height: 100%;
border: 0;
overflow: auto;
}

.staffcontainer {
clear: both;
background: none;
margin: 10px 0px 10px 0px;
padding: 0;
width: 530px;
border: 0;
}

.staffpics {
float: left;
background-color: #eee;
margin: 5px;
padding: 10px;
border: 1px #666 solid;
vertical-align: middle;
}

.staffbio {
float: left;
background: none;
margin: 5px;
padding: 10px;
border: 0;
}

#wizard {
size: 3;
font-family: verdana;
}
#content p {
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #666;
line-height: 150%;
}

.help {
font-family: verdana, helvetica, sans-serif;
font-style: normal;
font-size: 0.6em;
color: #666688;
}

#content h2 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: #666;
padding: 0px 0px 15px 0px;
margin: 0;
}

#content h3 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
color: #999;
padding: 0;
margin: 0;
}

#content ul.visible {
list-style-type: disc;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
line-height: 200%;
color: #666;
}

#content ul.non-visible {
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
line-height: 200%;
color: #666;
}

#content table.classes {
margin: 0px auto;
border-style: solid;
border-width: 1px;
border-color: #666688;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
color: #666;
}

#content td.classlabel {
background-color: #eee;
border-style: none;
border-width: 1px;
border-color: #fff;
padding: 10px 20px;
text-align: center;
}

#content td.classdesc {
background-color: #eee;
border-style: none;
border-width: 1px;
border-color: #fff;
padding: 10px 20px;
text-align: center;
}

#content table.courses {
margin: 0px auto;
border-style: none;
border-width: 0;
border-color: none;
font-family: arial, helvetica, sans-serif;
}

#content td.courselabel {
background-color: none;
border-style: none;
border-width: 1px;
border-color: #fff;
padding: 10px 20px;
text-align: center;
font-size: 1.1em;
font-weight: bold;
color: #666;
}

#content td.coursedesc {
background: none;
border-style: none;
border-width: 1px;
border-color: #fff;
padding: 0;
text-align: center;
font-size: 0.9em;
font-weight: normal;
color: #666;
}

#content a.courses, #content a:link.courses, #content a:active.courses, #content a:visited.courses {
display: block;
padding: 10px 20px;
border: 0;
background-color: #eee;
color: #fe9900;
text-decoration: none;
}

#content a:hover.courses {
background-color: #c1c1ce;
color: #fff;
text-decoration: none;
}

#content a, #content a:link, #content a:active, #content a:visited {
color: #fe9900;
text-decoration: underline;
border: none;
}

#content a:hover {
text-decoration: none;
}
#courses {
bordercolor: #111111;
}


/* end content */

/* start left menu bar */

#menu {
float: left;
width: 150px;
border: 0;
padding: 0;
margin: 0;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #333;
background-color: #84849f;
height: 100%;
overflow: hidden; 
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 100%;
}

#menu li {
border-bottom: 1px solid #666688;
margin: 0;
text-align: center;
}

#menu li a, #nav li a:active, #nav li a:visited {
display: block;
padding: 5px 0px 5px 0px;
border: 0;
background-color: #84849f;
color: #fff;
text-decoration: none;
width: 100%;
}

#menu li a:hover {
background-color: #444;
color: #fe9900;
}

#menu li a.current {
background-color: #444;
color: #fff;
}

/* end menu */

/* start page footer */ 

#pagefooter {
clear: both;
text-align: center;
vertical-align: middle;
background-color: #000;
padding: 10px 3px;
width: 694px;
border: 0;
font-family: verdana, helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #fff;
overflow: hidden; 
}

#pagefooter span {
display: inline;
}

#pagefooter a, #pagefooter a:link, #pagefooter a:active, #pagefooter a:visited {
color: #fff;
text-decoration: none;
border: none;
}

#pagefooter a:hover {
color: #fe9900;
text-decoration: underline;
}

/* end page footer */

/* start help page-specific styles */

#contenthelp {
background: #fff url("../images/content-top.gif") repeat-x;
padding: 10px 5px 40px 15px;
margin: 0;
width: 680px;
height: 100%;
border: 0;
overflow: auto;
}

#contenthelp p {
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #666;
line-height: 150%;
}

#contenthelp h2 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: #666;
padding: 0px 0px 15px 0px;
margin: 0;
}

#contenthelp h3 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
color: #999;
padding: 0;
margin: 0;
}

#contenthelp ul.visible {
list-style-type: disc;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
line-height: 200%;
color: #666;
}

#contenthelp ul.non-visible {
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-size: 0.8em;
line-height: 200%;
color: #666;
}

#contenthelp a, #contenthelp a:link, #contenthelp a:active, #contenthelp a:visited {
color: #fe9900;
text-decoration: underline;
border: none;
}

#contenthelp a:hover {
text-decoration: none;
}

#contenthelp form {
float: right;
display: block;
}

/* end help page */

/* end document */