@charset "utf-8";
/* CSS Document */


body {
	background-color: #CCCCCC;
	
}
a:link {
font-size: 18px;
text-decoration: none;
color: #28391A;

}

a:visited {
font-size: 18px;
color: #28391A;
text-decoration:none;
}

a:hover {
font-size: 18px;
text-decoration:none;
color: #339933;
}

a:active {
font-size: 18px;
text-decoration:none;
color: #28391A;
}

#ganoheader {
position: absolute;
top: 10px;
}

#home {
float: left;
position: absolute;
top: 225px;
left: 20px;

}

#moodle {
float: left;
position: absolute;
top: 225px;
left: 85px;
}

#tutorials {
float: left;
position: absolute;
top: 225px;
left: 158px;
}

#courses {
float: left;
position: absolute;
top: 225px;
left: 247px;
}

#topsection {
width: 947px;
position: absolute;
background-color:#c2c3b0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
padding-bottom: 10px;
border-top-style:double;
border-right-style:double;
border-bottom-style:double;
border-left-style:double;
list-style: none;
top: 268px;
height:1700px;
}

#qlcolumn1 {

position: inherit;
float:left;
width: 420px;
background-color:#C0C0C0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;

list-style: none;
}

#qlcolumn2 {

position: inherit;
float:left;
left: 470px;
width: 420px;
background-color: #C0C0C0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
list-style: none;
}

#column1 {
position: inherit;
float: auto;
background-color:#c2c3b0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
width: 400px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-top-style:double;
border-right-style:double;
border-bottom-style:double;
border-left-style:double;
list-style: none;
}

#column2 {

position: inherit;
float:left;
left: 555px;
width: 400px;
background-color:#c2c3b0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-top-style:double;
border-right-style:double;
border-bottom-style:double;
border-left-style:double;
list-style: none;
}

#column3 {

position: inherit;
float:left;
width: 400px;
background-color:#c2c3b0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-top-style:double;
border-right-style:double;
border-bottom-style:double;
border-left-style:double;
list-style: none;
}

#column4 {

position: inherit;
float:left;
left: 555px;
width: 400px;
background-color:#c2c3b0;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-color: 000033 ;
border-width: 2px;
padding: 5px;
border-top-style:double;
border-right-style:double;
border-bottom-style:double;
border-left-style:double;
list-style: none;
}