/*Resests*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-position:inside;
	list-style-type:disc;
margin-left: 25px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
image{ border: none;}
* {margin: 0; padding: 0;}

/**********************************************************************************
General
**********************************************************************************/
html, body{height: 100%;}
body {
    font-family: 'Lucida Grande','Lucida Sans Unicode', Tahoma,Arial,sans-serif;
    line-height:1.9em;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #ccc;
	background: url(../Images/bg2.jpg) center top no-repeat #2b2b2b;
}
/*
img {padding: 5px; border: 1px solid #80c9c5; margin: 5px;}*/
strong{font-weight: bold;}
em{ font-style:italic;}
.article_column {padding:0 20px 0 0 !important;}

/**********************************************************************************
Headings
**********************************************************************************/
h1, h2, h3, h4, h5, .componentheading, .contentheading {font-family: 'Lucida Grande','Lucida Sans Unicode', Tahoma,Arial,sans-serif; color: #6dcff6;}
h1{font-size: 2.8em;}
h2 {font-size: 2.2em; padding:10px 0; /*line-height: 1.2em;*/}
h3 {font-size: 1.8em; padding:10px 0; color: #ed145b;}
h4{font-size: 1.5em;}
h5{font-size: 1.2em;}

.componentheading{font-size: 2.2em;  padding:10px 0 25px 0; color: #ed145b;}
.contentheading{font-size: 2.2em; padding:10px 0 25px 0; color: #ed145b; }

.menutableopv h3 , .moduletableopvoeding h3 , .moduletableparent h3 , .moduletablestudent h3 {color: #fff; font-size: 1.2em; padding: 0; font-weight: bold; text-indent: 5px;}

/**********************************************************************************
Menu
**********************************************************************************/
div#topMenuBg{/*background: url(../Images/bg-divider.png) no-repeat scroll 50% 0;*/ clear: both; position: relative; top: 10px; height: 25px; margin-bottom: 25px; display: block}
div#topMenu{/*background: url(../Images/bg-overlay.png) repeat scroll 0 0; */margin: 0 auto; width: 100%; }
div#topMenu ul#mainlevel-nav {}
div#topMenu ul#mainlevel-nav li{display: inline; margin: 0 10px;}
div#topMenu ul#mainlevel-nav li a.mainlevel-nav{text-decoration: none; font-weight: bold; color: #002330; border-bottom: 0px;}

div#topMenu ul#mainlevel{text-align: right;}
div#topMenu ul#mainlevel li {display: inline; margin-left: 5px; font-size: 0.8em;}

div#generalLinks{height: 30px; display: block; width: 940px; position: relative; top: -73px; text-align: right;}
div#generalLinks ul {display: inline; height: 30px;}
div#generalLinks ul li{display: inline-block;  color: #fff; font-weight: bold; background: #181818; height: 30px; padding: 0 10px; margin-left: 2px;}
div#generalLinks ul li a{color: #fff; font-weight: bold; border-bottom:0px; font-size: 1.2em;}
div#generalLinks ul li a:hover{color: #fff799;}
div#generalLinks ul li a#active_menu {color: #fff799;}


#sidebar_left {text-align: left; width: 165px; padding: 5px; float: left; width:250px; height: 100%;}
#sidebar_right {text-align: left;  float: right; width:230px; height: 100%; position: relative; right: -30px; }
#sidebar_right ul {list-style-type: none;}
#sidebar_right ul li.active a{ color: #fff;}
#sidebar_right ul li#current a{color: #6DCFF6;}
#sidebar_right ul li#current ul li a{color: #fff;}
#sidebar_content{background: #828282; padding: 5px; width:220px; }
#sidebar_bottom{background: url(../Images/menuShadow.png) left top no-repeat; height: 8px; width: 220px; display: block;}

#sidebar_calendar{float: right; width:220px; height: 100%; text-align: left; margin-right:-20px; background:#F5F5F5;}

#sidebar_calendar div.moduletable{}
#sidebar_calendar div ul.eventlistmodagenda{padding-right: 10px;}
#sidebar_calendar  h3{color:#ffffff; font-size:1.2em; font-weight: bold; margin:0px 0 10px 0; padding:2px 0 2px 25px; }
#sidebar_calendar  div.moduletableagenda h3{background: #6DCFF6 url(../Images/sidebarTitle.jpg) right top no-repeat; }
#sidebar_calendar  div.moduletable h3{background: #6DCFF6 url(../Images/sidebarTitleInfo.jpg) right top no-repeat; }
#qscroller1{margin-left: 25px; color: #1A1A1A;}

/**********************************************************************************
Links
**********************************************************************************/
a:link, a:visited {text-decoration: none; font-weight: normal; color: #6dcff6; outline: none; text-align: left;}
a:hover{color: #fff;}
a{border-bottom:1px dotted #6dcff6}

#content a{color: #ED145B;}
#content a:hover{ color: #6dcff6;}

#sidebar_right ul li a{border-bottom: none; color: #181818}
#sidebar_right ul li a:hover{border-bottom: none; color: #fff}

/**********************************************************************************
Header
**********************************************************************************/
#header{ height: 80px;}
#headerScroller{/*background: url(../Images/bg-overlay-light.png) repeat scroll 0 0; border: 1px solid #79b8b3; */
display: block;  width: 100%; height: 320px;}
 
div#logo{background: url(../Images/logoMiddenschool.png) no-repeat left top; width: 410px; height: 123px; position: relative; top: -50px; left: 50px; }

/**********************************************************************************
Content
**********************************************************************************/
div#maincontentBg{background: url(../Images/bg-divider.png) no-repeat scroll 50% 0; clear: both;}
div#maincontent{/*background: url(../Images/bg-overlay.png) repeat scroll 0 0;*/ 
 overflow: hidden; height: 100%; /*padding: 15px 0 25px 0; /*background-color: #fff;*/ width:960px; margin: 0 auto;}

.container {width:940px; margin: 0 auto; text-align: left; display: block; height: 100%;}

#content {
    text-align: left;
    padding: 20px 20px 0 20px;
	/*padding: 25px 0 25px 25px;*/
	/*height: 100%;*/
	min-height: 500px;
	background: #f0fcff;
	color: #181818;
	float: left;
	width: 900px;
	/*margin: 10px 0;*/
	background: url(../Images/bgContent.jpg) repeat-x top left #fff;
}

#text {float: left; width: 670px;}

.article_column{padding: 0 20px 0 20px;}
.column_separator{background: url(../Images/article-divider.png) left top no-repeat; }
img.left{border:1px solid #E5E5E5; margin:3px; padding:2px;}
.left{float: left;}
.right{float: right;}

/**********************************************************************************
Footer
**********************************************************************************/
#footer { text-align:left; padding: 0 10px;
	background: url(../Images/footerBg.png) no-repeat -20px 0;
	font-size:0.8em; color:#fff; min-height: 200px; width:920px}

#footer .box{min-height:200px; margin-top: 35px;}	
#footer .box p{line-height: 1.8em;}	
#footer .box ul {list-style-type: none; list-style-position: outside; margin: 0;}
#footer .box ul li{list-style-type: none; list-style-position: outside; line-height: 1.8em;}
#footer .box h4.talk{background: url(../Images/talk.png) left center no-repeat;}	
#footer .box h4{text-indent: 15px;}		
	
.box{float:left; font-size:1.0em; font-weight:lighter; padding:0 16px 12px 20px; width:21%; color:#fff; height: 100%; display: block;}

.copyText{width: 100%; text-align: center;}

/**********************************************************************************
Misc
**********************************************************************************/
.float { float: left;} 
.clear {clear: both;} 
.overall {}
.important{color: #ed145b; font-weight: bold;}
.center{text-align: center;}
.small{font-size: 0.8em;}
ul li{list-style-position: inside;}

.quote{width: 600px; display: block; border: 1px solid #ccc; background: url(../Images/blockquote.jpg) no-repeat left center #F5F5F5; padding-left: 55px; font-style: italic; color:#828282;}

/**********************************************************************************
Photoslide
**********************************************************************************/
#gk_is-newsimage1{float: right; position: relative; top: 10px;}

/**********************************************************************************
Featured News
**********************************************************************************/
#featuredNews{float: left; width: 320px; height: 300px; position: relative; top: 10px; left: 25px; overflow: hidden;}
#featuredNews h3{color: #002330;}
#featuredNews p{font-size: 1em; line-height:1.9em; color:#04181f;}

/**********************************************************************************
Kalender table
**********************************************************************************/
.tableLayout, .tableLayoutKalender {font-family: 'Lucida Grande','Lucida Sans Unicode', Tahoma,Arial,sans-serif; /*border: 1px solid #80c9c5;*/}
.tableLayout, .tableLayoutKalender {width: 600px;}
.tableLayout a:hover, #content .tableLayoutKalender tr:hover  a:hover{color: #fff;}
.tableLayout tr td{text-align: center; width: 75px; border-bottom: 1px solid #BCEBFE;}
.tableLayout a:hover, .tableLayoutKalender a:hover{color: #fff;}
.tableLayout tr:hover, .tableLayoutKalender tr:hover, .tableLayout tr:hover .columnBg{background: #6dcff6}
.tableLayout tr th, .tableLayoutKalender tr th{font-weight: bold; border-bottom: 1px solid #bcebfe; vertical-align: top;}
.tableLayoutKalender tr th{font-size: 1.5em; }
.tableLayout tr th{text-align: center; line-height: 1.6em;}
.date{width: 75px; font-weight: bold; font-size: 0.9em;}
.alternateTableRow{background: #effaff; }
.alternateTableRow td{/*border-top: 1px solid #bcebfe;*/ border-bottom: 1px solid #bcebfe;}
.border tr td{border: 1px solid #bcebfe; text-align: center;}
.columnBg{background: #effaff; text-align: center; }

.borderLayout tr td{border: 1px solid #bcebfe;}

.article_separator{background: url(../Images/articleSeparator.png) no-repeat center; width: 100%; height: 37px; display: block; margin: 25px 0;}

/**********************************************************************************
Eventlist
**********************************************************************************/
ul.eventlistmodagenda{list-style-type: none; font-size: 0.9em;}
ul.eventlistmodagenda .date a{font-weight: bold;}

.moduletableagenda h3{padding-left: 28px;}

div#eventlist .catimg, div#eventlist .catdescription{display: none;}

/**********************************************************************************
Phoca Random Image
**********************************************************************************/
#phocagallery-module-ri div a{border: none; }
#phocagallery-module-ri a img {border: 2px solid #ED145B;}
#phocagallery-module-ri a img:hover {border: 2px solid #6DCFF6;}
#phocagallery-module-ri{margin-top: 25px;}
#phocagallery img{margin: 0; padding: 0; border: 0;}
#phocagallery a{border-bottom:0;}

/**********************************************************************************
GK News
**********************************************************************************/
p.gk_npro_text { font-size:0.9em; line-height:1.8em;}
div.gk_npro_mainwrap { border:1px solid #CCCCCC; background:#F5F5F5 ;}
h4.ta_left, p.ta_left, .readon_class  { padding-left:5px;}


div.gk_news_image_1_wrapper{margin-bottom: 25px;}
div.gk_news_image_1_text h2{color: #fff;}
div.gk_news_image_1_text p{color: #1A1A1A; line-height: 1.2em;}