/* Stylesheet for Site@School template 'schoolyard'
http://siteatschool.sourceforge.net
licensed under GNU/GPL
Design: David Prousch, d.prousch@gmx.de
May 2006
*/
body {
font: normal 100.01% verdana, arial, helvetica, sans-serif; /* global font types, size and colour */
color: black;
background-color: #F0F8FF; /* background colour of the site body */
margin: 0;
}
/* Frame of the site */
.sas_pageframe {
border-right-width: 2px;
border-left-width: 2px;
border-top-width: 2px;
border-bottom-width: 0px;
border-color: #6699CC;
border-style : solid;
}
div#sas_header1 {
float: left; /* position of logo */
padding: 1em 0.6em;  /* first padding top, second padding left */
margin: 0;
color: black;
background-color: #FFFFFF; /* background color of the header */
}
div#sas_header2 {
font-size: 1.4em;
margin: 0;
padding: 1.4em; /* if you have a larger logo change to 2em or higher */
color: black;
background-color: #FFFFFF; /* background color of the header */
}
div#sas_info {
font-size: 0.8em;
font-weight: bold;
margin: 0;
padding: 0.2em;
}
div#sas_info a {
font-size: 1em;
color: #00008B;
background-color: #F0F8FF;
text-decoration: underline;
margin: 0;
padding: 0.2em;
}
div#sas_info a:hover {
font-size: 1em;
color: #00008B;
background-color: #F0F8FF;
text-decoration: none;
margin: 0;
padding: 0.2em;
}
div#sas_info2 {
font-size: 0.8em;
margin: 1em 0;
}
div#sas_info2 a {
font-size: 1em;
color: #00008B;
background-color: #FAF0E6;
text-decoration: underline;
}
div#sas_navi1 {
color: #00008B;
background-color: #FFFFFF;
}
/* Round angles on the left and right side of the fist level navigation tabs */
.sas_tableft {
background-color: #6699CC;
color: #00008B;
background-image: url(tableft.png);
background-repeat: no-repeat;
background-position: left top;
}
.sas_tabright {
background-color: #6699CC;
color: #00008B;
background-image: url(tabright.png);
background-repeat: no-repeat;
background-position: right top;
}
.sas_tableft2 {
background-color: #E4E4E4;
color: #00008B;
background-image: url(tableft2.png);
background-repeat: no-repeat;
background-position: left top;
}
.sas_tabright2 {
background-color: #E4E4E4;
color: #00008B;
background-image: url(tabright2.png);
background-repeat: no-repeat;
background-position: right top;
}
/* Colour of the tabs */
.sas_active a {
background-color: #6699CC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.sas_active a:hover {
background-color: #6699CC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
/* Font colours and settings of the first level navigation */
.sas_mainmenu {
color: #00008B;
background-color: #E4E4E4;
font-weight: bold;
text-decoration: none;
}
.sas_mainmenu a {
color: #00008B;
background-color: #E4E4E4;
text-decoration: none;
}
.sas_mainmenu a:hover {
color: #0066cc;
background-color: #E4E4E4;
text-decoration: none;
}
ul#sas_navi2 {
float: left;
width: 11em;
margin: 0em;
padding: 0.2em;
border: 0px;
background-color: #F0F8FF;
color: #00008B;
}
/* position of the list elements */
ul#sas_navi2 li {
list-style: none;
margin-left: 0.2em;
margin-right: 0;
padding: 1em 0 0;
}
/* formatting of the navigation buttons */
ul#sas_navi2 a, ul#sas_navi2 span, ul#sas_navi2 h2 {
display: block;
padding: 0.1em 0;
text-decoration: none;
border: 0;
color: #00008B;
background-color: #F0F8FF; /* font colour and background colour of the none-active buttons */
}
ul#sas_navi2 a:hover, ul#sas_navi2 span {
padding: 0.1em;
border: 0;
color: #00008B;
background-color: #C2DFF8; /* font colour and background colour of the active button */
}
div#sas_content {
margin-left: 12em;
margin-top: 0.2em;
padding: 0.2em 0.6em;
color: black;
background-color: #FFFFFF;
border: 0;
min-width: 16em;
}
div#sas_content h1 {
font-size: 1.5em;
margin: 0.5em 0;
}
div#sas_content h2 {
font-size: 1.2em;
margin: 0.5em 0;
}
/* formatting of the text-area */
div#sas_content p {
font-size: 1em;
margin: 1em 0;
line-height : 150%;
}
/* Correction for the display of the modules in Internet Explorer */
div#sas_module {
width: 100%;
}
/* Colours and settings of the normal text links */
a {
color: #333366;
background-color: #FFFFFF;
font-size: 12pt;
text-decoration: underline;
}
a:hover {
color: #333366;
background-color: #E4E4E4;
text-decoration: none;
}
a:active {
color: #DC143C;
background-color: #E4E4E4;
text-decoration: none;
}
/* Colour of the bar under the tabs */
.sas_bar1 {
background-color: #6699CC;
color: #00008B;
margin: 0;
padding: 0.1em;
}
/* Colour of the footer bar */
.sas_bar2 {
background-color: #6699CC;
color: black;
margin: 0;
padding: 0.2em;
font-size: 0.8em;
}
.sas_bar2 a {
background-color: #6699CC;
color: #00008B;
margin: 0;
padding: 0.2em;
text-decoration: underline;
font-size: 1em;
}
.sas_bar2 a:hover {
background-color: #6699CC;
color: #00008B;
margin: 0;
padding: 0.2em;
text-decoration: none;
font-size: 1em;
}
div#sas_footer p {
background-color: #6699CC;
color: black;
font-size: 8em;
}
