@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: 255px;
}

#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;
width: 420px;
background-color: #C0C0C0;
border-color: #000033 ;
border-width: 2px;
padding: 5px;
border-color: #000033 ;
border-width: 2px;
padding: 5px;
list-style: none;
}

#linkstitle {
font-size: 18px;
text-align:center;
width: 947px;
top: 545px;
position: absolute;
background-color:#c2c3b0;
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;
}

#general {

position: absolute;
float:left;
background-color:#c2c3b0;
border-color: #000033 ;
border-width: 2px;
padding: 5px;
top: 672px;
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;
}

#photography {

position: absolute;
float:left;
left: 555px;
top: 672px;
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;
}

#drawingpainting {

position: absolute;
float:left;
top: 1380px;
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;
}

#arthistory {

position: absolute;
float:left;
left: 555px;
top: 905px;
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;
}