/*
-----------------------------------------------
CSS Base Stylesheet
Author:   Matthijs Brondijk, Jasper Roel
Version:  17-07-2006
----------------------------------------------- */

/* Base styles
----------------------------------------------- */
html, body {
    height:                     100%;
}
* {
    margin:                     0;
    padding:                    0;
}
body {
    width:                      100%;
    height:                     100%;
    font:                       0.8125em Verdana, Arial, sans-serif;
    color:                      #006;
}
a {
    text-decoration:            none;
}
a img {
    border:                     none;
}
a:link, a:visited, a:active {
    color:                      #000;
}
a:hover {
    color:                      #006;
}
h1 {
    font-size:                  1.5em;
}
h2 {
    font-size:                  1.2em;
    letter-spacing:             1px;
}
h3 {
    font-size:                  1em;
    letter-spacing:             2px;
    text-transform:             uppercase;
}
ul, ol {
    list-style:                 none;
}
table {
    border-collapse:            collapse;
    border-spacing:             0;
}
th {
    text-align:                 left;
}


/* Page Blocks
----------------------------------------------- */
#topbar_bg {
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     33px;    
    background-color:           #FFF;
}

#main {
    position:                   relative;
    width:                      827px;
    height:                     100%;    
    margin:                     0 auto;
}
#topbar {
    position:                   absolute;
    width:                      100%;
    height:                     33px;
    overflow:                   hidden;
    background-color:           #FFF;
}
#topbar_left, #topbar_right {
    float:                      left;
    overflow:                   hidden;
    height:                     33px;
}

#topbar_left {
	width:					  184px;
}

#topbar_right {
	width:					  264px;
}

#topbar_center {
    width:                      379px;
    float:                      left;
    height:                     33px;    
}
#topbar_right a {
    display:                    block;
    float:                      left;
}
.inputfield {
    padding:                    3px;    
    color:                      white;
    font-weight:                bold;
    border:                     1px solid white;
    height:                     14px;
}
.search {
    position:                   absolute;
    top:                        63px;
    right:                      21px;
    width:                      357px;
    height:                     81px;
}
.search .searchfield {
    position:                   relative;
    top:                        39px;
    left:                       52px;
    width:                      220px;
    background-color:           #C51700;
}
#searchbutton {
    position:                   absolute;
    top:                        24px;
    left:                       300px;
    display:                    block;
    width:                      55px;
    height:                     53px;
	border:						0;
}
#searchbutton:hover {

}

#topbar_center h2.title {
	text-align:					center;
	font-family:				IsonormD;
	font-size:					24px;
	color:						#83838D;
	font-style:					italic;
	font-variant:				small-caps;
}

.question, .question2 {
    position:                   absolute;
    right:                      13px;
    top:                        148px;
    width:                      284px;
    height:                     82px;
}
.question .questionfield {
    position:                   relative;
    top:                        37px;
    left:                       10px;
    width:                      201px;
    background-color:           #D95700;
}
#questionbutton {
    position:                   absolute;
    top:                        28px;
    left:                       226px;
    display:                    block;
    width:                      57px;
    height:                     55px;
	border:						0;
}
#questionbutton:hover {

}
.site_help {
    position:                   absolute;
    top:                        143px;
    left:                       406px;
    width:                      110px;
    height:                     144px;
}
.site_help a#site_helpbutton {
    position:                   absolute;
    top:                        42px;
    left:                       32px;
    display:                    block;
    width:                      55px;
    height:                     54px;
}
.site_help a#site_helpbutton:hover {
    
}
.library {
    position:                   absolute;
    right:                      13px;
    top:                        221px; 
    width:                      289px;
    height:                     83px;
}
.library .libraryfield {
    position:                   relative;
    top:                        41px;
    left:                       12px;
    background-color:           #D98500;
}
.library input.libraryfield {
    width:                      201px;
    height:                     14px;
}

.library select.libraryfield {
    width:                      209px;
    height:                     20px;
	padding:					0;
}
.library #librarybutton {
    position:                   absolute;
    top:                        28px;
    left:                       231px;
    display:                    block;
    width:                      56px;
    height:                     54px;
	border:						0;
}
.library #librarybutton:hover {

}
.info_links {
    position:                   absolute;
    top:                        317px; 
    right:                      131px;
    width:                      254px;
    height:                     46px;
}
.info_links a#infobutton {
    position:                   absolute;
    top:                        8px;
    left:                       233px;
    display:                    block;
    width:                      35px;
    height:                     34px;
    background:                 url('../images/btn_info0.gif') no-repeat;
}
.info_links a#infobutton:hover {
    background:                 url('../images/btn_info1.gif') no-repeat;
}
.forum {
    position:                   absolute;
    top:                        367px; 
    right:                      100px;
    width:                      230px;
    height:                     46px;
}
.forum a#forumbutton {
    position:                   absolute;
    top:                        7px;
    left:                       200px;
    display:                    block;
    width:                      36px;
    height:                     34px;
    background:                 url('../images/btn_forum0.png') no-repeat;
}
.forum a#forumbutton:hover {
    background:                 url('../images/btn_forum1.png') no-repeat;
}
.school {
    position:                   absolute;
    top:                        410px; 
    right:                      122px;
    width:                      124px;
    height:                     41px;
}
.school a#schoolbutton {
    position:                   absolute;
    top:                        5px;
    left:                       105px;
    display:                    block;
    width:                      36px;
    height:                     34px;
    background:                 url('../images/btn_school0.png') no-repeat;
}
.school a#schoolbutton:hover {
    background:                 url('../images/btn_school1.png') no-repeat;
}
.reading {
    position:                   absolute;
    top:                        55px;
    left:                       110px;
    width:                      305px;
    height:                     213px;
}
.reading a#readbutton {
    position:                   absolute;
    top:                        172px;
    left:                       241px;
    display:                    block;
    width:                      35px;
    height:                     33px;
    background:                 url('../images/btn_read0.png') no-repeat;
}
.reading a#readbutton:hover {
    background:                 url('../images/btn_read1.png') no-repeat;
}
.readcontent {
    position:                   absolute;
    left:                       70px;
    top:                        50px;
    width:                      210px;   
}
.readcontent p {
    font-size:                  15px;   
}
.do {
    position:                   absolute;
    top:                        289px;
    left:                       108px;
    width:                      306px;
    height:                     213px;
}
.do a#dobutton {
    position:                   absolute;
    top:                        173px;
    left:                       245px;
    display:                    block;
    width:                      35px;
    height:                     33px;
    background:                 url('../images/btn_do0.png') no-repeat;
}
.do a#dobutton:hover {
    background:                 url('../images/btn_do1.png') no-repeat;
}
.docontent {
    position:                   absolute;
    left:                       70px;
    top:                        50px;
    width:                      210px;   
}
.docontent p {
    font-size:                  15px;   
}
.interactive {
    position:                   absolute;
    top:                        530px;
    left:                       102px;
    width:                      299px;
    height:                     205px;
}
.interactive a#interactivebutton {
    position:                   absolute;
    top:                        167px;
    left:                       241px;
    display:                    block;
    width:                      35px;
    height:                     33px;
    background:                 url('../images/btn_interactive0.png') no-repeat;
}
.interactive a#interactivebutton:hover {
    background:                 url('../images/btn_interactive1.png') no-repeat;
}
.interactivecontent {
    position:                   absolute;
    left:                       70px;
    top:                        42px;
    width:                      210px;   
}
.interactivecontent p {
    font-size:                  15px;   
}
.news {
    position:                   absolute;
    top:                        420px; 
    right:                      117px;
    width:                      288px;
    height:                     341px;
}
	#news1Text,#news2Text,#news3Text {
		height:					100px;
	}
.newscontent {
    position:                   absolute;
    left:                       30px;
    top:                        50px;
    width:                      215px;   
}
.newscontent p {
    font-size:                  15px;   
}

/* FLASH POSITIONING */

#readingFlash {
    position:           absolute;
    left:               -122px;
    top:                0px;
}
#doFlash {
    position:           absolute;
    left:               -122px;
    top:                -3px;
} 
#interactiveFlash {
    position:           absolute;
    left:               -122px;
    top:                -3px;
}
#news1Flash {
    position:           absolute;
    left:               257px;
    top:                37px;
}
#news2Flash {
    position:           absolute;
    left:               248px;
    top:                135px;
} 
#news3Flash {
    position:           absolute;
    left:               248px;
    top:                236px;
}