body {margin:0px; padding:0px; height:100%;}
				 
/* FIRST PAGE DIVS */
#shadowDiv {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/gso_shadow.jpg);
	background-position:center top; 
	background-repeat:repeat-y;
	width:100%;
	height:100%
}
#centerDivWidth {
	position:relative;
	background-color:#ffffff;
	border: 0px solid black;
	width:1000px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}
#backgroundDivHeight {
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
}
#logoDiv {
	position: absolute; 
	top: 0px; 
	cursor:pointer;
	left:100px; 
	border:0px solid white;
	width:70px;
	height:90px;
	background-image: url(../images/GSO_logo.png);
}
#navAndContent {
	position:absolute;
	top:100px;
	left:0px;
	bottom:0px;
	width:100%;
}

#active_content {
	position:absolute;
	top:35px;
	bottom:115px;
	width:100%;
	overflow:auto;
}
#activeHeading {
	position:absolute;
	top:0px;
	height:35px;
	width:100%;
	cursor:pointer;
}
#firstPageCalendarBox {
	position: absolute;
	top:5px;
	left:350px;
}
#firstPageCalendarContainer {
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}
#aboutDivBottom{
	position:absolute;bottom:2px;right:10px;
}

#aboutDivBottomLeft{
	position:absolute;bottom:2px;left:10px;
}
/* 
	REPEATING ELEMENTS ON THE FIRSTPAGE 
*/
.rubrik_table {
	height:35px;
	width:100%;
}
.rubrik 	{ 
	border-top:1px solid white;
}

.navRubrik {
	padding-left: 100px;
	width:250px;
	color:#FFFFFF;
	vertical-align:middle;
	cursor:pointer;
}

.div_rubrik {
	position: absolute; 
	top:8px;
	left:0px;
	width:240px;
	padding-left: 100px;
}	
a {color:black;}

/* MAIN AREA*/

#mainDivScroll {
	position:absolute;
	top:6px;
	left:335px;
	width:629px;
	overflow:auto;
	bottom:10px;
}
#bottomNav {
	position:absolute;
	bottom: 10px;
	left:0px;
	width:100%;
}
#mainDiv{
	position:relative;
	top:0px;
	left:0px;
	height:100%;
	width:578px;
	
	padding-left:10px;
	padding-right:10px;
}
#mainDivBottomLine{
	position:absolute;
	top:6px;
	left:933px;
	width:1px;
	border-right:1px solid #c2c2c2;
	bottom:10px;
}
#leftDiv{
	position:absolute;
	top:6px;
	bottom:10px;
	width:335px;
	border-right:1px solid #c2c2c2;
}
.templateLeaf {
	position:relative;
	min-height:92px;
	padding-bottom:10px;
	border-bottom:1px solid #c2c2c2;
}
.subContentDiv {
	position:relative;
	margin-top:10px;
	font-size:11px;
	font-family:arial;
	clear:both;
}
.largeButton {
	width:91px;
	height:91px;
	background-color:#c20018;
	cursor:pointer;
	margin-left:10px;
}
.tellAFriend {
	position:absolute;
	top:0px;
	right:10px;
	font-size:11px;
	font-family:arial;
}
/* Shadow containers */

.shadowContainer .pos {position:absolute;}
.shadowContainer .tl {top:-10px;    left:-10px;  width:10px; height:10px; background: url(../images/shadows/tl.png)}
.shadowContainer .t  {top:-10px;    left:0px;    width:100%; height:10px; background: url(../images/shadows/t.png) }
.shadowContainer .tr {top:-10px;    right:-10px; width:10px; height:10px; background: url(../images/shadows/tr.png)}
.shadowContainer .r  {top:0px;      right:-10px; width:10px; height:100%; background: url(../images/shadows/r.png) }
.shadowContainer .br {bottom:-10px; right:-10px; width:10px; height:10px; background: url(../images/shadows/br.png)}
.shadowContainer .b  {bottom:-10px; left:0px;    width:100%; height:10px; background: url(../images/shadows/b.png) }
.shadowContainer .bl {bottom:-10px; left:-10px;  width:10px; height:10px; background: url(../images/shadows/bl.png)}
.shadowContainer .l  {top:0px;      left:-10px;  width:10px; height:100%; background: url(../images/shadows/l.png) }
.shadowContainer .content {top:0px; left:0px; right:0px; bottom:0px; border:1px solid black;}