/* lachlan it online css document */

body {
background: #000 url('../images/homebg.gif') repeat-y 50% 50%; /* display background for mozilla */
text-align: center;
height: 100%;
margin: 0;
padding: 0;
top: 0;
bottom: 0
}

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

#background {
background: url('../images/homebg.gif') repeat-y; /* display background for ie */
text-align: center;
height: 100%;
width: 700px;
margin: 0px auto;
padding: 0;
border: 0px none;
}

#container {
position: relative;
top: 6em;
left: 0px;
text-align: left;
background: none;
width: 700px; 
padding: 0;
border: 0px none;
}

#top {
font-size: 1px;
clear: none;
background-color: #fe9900;
width: 500px;
height: 5px;
margin: 0;
padding: 0;
border: 0px none;
}

#left {
float: left;
text-align: right;
background: #666688;
width: 100px;
height: 260px;
margin: 0;
padding: 0;
border: 0px none;
}

#lachlanIT {
font: 24px arial, sans-serif bold;
color: #fff;
line-height: 95%
}

#online {
font: 24px arial, sans-serif bold;
color: #fe9900;
line-height: 95%
}

#flash {
float: left;
background: #FFFFFF;
width: 400px;
height: 260px;
margin: 0;
padding: 0;
border-top: 0px none;
}

#right {
float: left;
background: #84849f;
width: 200px;
height: 260px;
margin: 0;
padding: 0;
border: 0px none;
color: #333333;
}

#menu {
width: 200px;
border: 0px none;
margin-bottom: 1px;
background: #84849f;
color: #333333;
height: 258px; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana, arial, sans-serif; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

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

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

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

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

#bottom {
clear: none;
float: right;
text-align: left;
background: #fe9900;
height: 75px;
width: 600px;
margin: 0px;
padding: 0px;
border: 0px;
}

#footer {
position: relative;
bottom: 0;
text-align: center;
vertical-align: bottom;
background: none;
width: 400px;
margin: 0px 200px 0px 100px;
padding: 0px;
border: 0px;
}

#footer span {
font: 11px normal verdana, arial, sans-serif;
color: #666;
}

a, a:link, a:active, a:visited {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #666;
text-decoration: none;
border: none;
}

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