/* GSPLACE CSS STYLE                                      */
/* PREPARED 2006 BY JOHAN ROOMS http://www.johanrooms.com */
/* FOR FUSIONBUREAU http://www.fusionbureau.com           */


/* MAIN SITE */



html,body{

background-color: #FFFF33;

background-image:url(../img/bg_gradient.gif);

color: #666666;

padding: 0px;

margin: 0px;

height:100%; /* needed for wrapper min-height */

}



a:link, a:visited {
color:#ff4000;
font-weight:bold;
}

a:hover, a:active {
color: #FFFF00; /* change color if needed */
font-weight:bold;
}

/* MAIN STRUCTURE IS            */

/* WRAPPER                      */

/*    HEADER                    */

/*    PAGE TOTAL (LEFT|RIGHT)   */

/*    FOOTER                    */

/* WRAPPER                      */




div#wrapper {

background-color: #FFFFFF;
width: 720px;

text-align: left;

/*padding: 0px; */
position:relative; /* needed for footer positioning*/

margin:0 auto; /* center, not in IE5 */

height:auto !important; /* real browsers */

height:100%; /* IE6: treated as min-height*/

min-height:100%; /* real browsers */

border-right:1px solid #FF4000;
border-left:1px solid #FF4000;
}





div#header {

display:block;

width:720px;

height:207px;

background-image:url(../img/bg_header.gif);

}



div#footer {
	background-image:url(../img/bg_footer.gif);
	background-color: #FFFF33; 
	position:absolute;
	font-size:9px;	
	letter-spacing:200%;	
	vertical-align:bottom;
	width: 720px;
	height: 143px;
	text-align:center;		

	bottom:0; /* stick to bottom */

}



div#page_total{

height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
clear:both;

width:720px;
/*padding-bottom:115px;  /* bottom padding for footer */

padding:0;
padding-bottom:10px; /* bottom padding for footer */
}



div#page_total_base{

padding-bottom:144px; /* bottom padding for footer */
clear:both;

}



div#page_left{

clear:left;

float:left;

width:470px;

padding:10px;

}



div#page_right{

float:right;

width:200px;

padding:10px;

}



div#page_title{

clear:both;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:14px;

color:#FF4000;

text-decoration:none;

padding-bottom:10px;

padding-top:10px;

border-bottom: 1px solid #FF4000;

}



div#page_content{
clear:both;
float:left;
width:100%;
display:block;
font-family: osaka_unicode, MS-Gothic, "Arial", Verdana, Osaka;

font-weight:none;

font-size:11px;

color:#666666;
}



.page_content a:link {
	color : #ff4000;
	font-size : 11px;
	text-decoration : underline;
	font-weight : bold;
  	 font-family: osaka_unicode, MS-Gothic, "Arial", Verdana, Osaka;
}

.page_content a:visited {
	color : #ff4000;
	font-size : 11px;
	text-decoration : underline;
	font-weight : bold;
  	font-family: osaka_unicode, MS-Gothic, "Arial", Verdana, Osaka;
}

.page_content a:hover {
	color : #333333;
	font-size : 11px;
	text-decoration : none;
	font-weight : bold;
  	font-family: osaka_unicode, MS-Gothic, "Arial", Verdana, Osaka;
}


/* MENUS */







/* TOPMENU */



div#TOPMENU{

	clear:both;

	display:block;

	width: 640px;

	height: 36px;

	background-image:url(../img/header_menu_bg.gif);

	position:relative;

	vertical-align:bottom;

	top: 58px;

	left: 10px;

}





/* SUBMENU DROPDOWN */



div#SUBMENU{

	float:left;

	display:block;

	top: -10px;

	left: -40px;

	height: 36px;

	z-index:100;

	position:relative;

	padding-bottom:20px;



}



/*

div#SUBMENU{

	//clear:both;

	float:left;

	display:block;

	height: 36px;

	vertical-align:bottom;



	position:absolute;

	z-index:100;



}

*/

/* FOOTERMENU */



div#FOOTERMENU{

	clear:both;

	display:block;

	width: 640px;

	height: 36px;

	background-image:url(../img/header_menu_bg.gif);

	position:relative;

	vertical-align:bottom;

	left: 10px;

	top: 20px;

}



div#topmenubase {

clear: both;

}



/* HEADBUTTONS COME AS

(1a)MIDDLE SQUARE    YELLOW NOT SELECTED       ORANGE SELECTED

(1b)MIDDLE SQUARE    YELLOW NOT SELECTED       ORANGE SELECTED     DOUBLE WIDTH

(2)LEFT CORNER       YELLOW NOT SELECTED       ORANGE SELECTED

(3)RIGHT CORNER      YELLOW NOT SELECTED       ORANGE SELECTED */





.HEADBUTTON {

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON:link, a.HEADBUTTON:visited {

background-image:url(../img/header_menu_bg.gif);

background-position: center;

color:#FF4000;

}

a.HEADBUTTON:hover, a.HEADBUTTON:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}



.HEADBUTTON_SELECTED {

float:left;

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON_SELECTED:link, a.HEADBUTTON_SELECTED:visited,a.HEADBUTTON_SELECTED:hover, a.HEADBUTTON_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}



/* HEADBUTTON DOUBLE WIDTH */





.HEADBUTTON_DOUBLE {

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:140px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON_DOUBLE:link, a.HEADBUTTON_DOUBLE:visited {

background-image:url(../img/header_menu_bg.gif);

background-position: center;

color:#FF4000;

}

a.HEADBUTTON_DOUBLE:hover, a.HEADBUTTON_DOUBLE:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}



.HEADBUTTON_DOUBLE_SELECTED {

float:left;

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:140px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON_DOUBLE_SELECTED:link, a.HEADBUTTON_DOUBLE_SELECTED:visited,a.HEADBUTTON_DOUBLE_SELECTED:hover, a.HEADBUTTON_DOUBLE_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}





/* HEADBUTTON LEFT CORNER */





.HEADBUTTON_LEFT {

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON_LEFT:link, a.HEADBUTTON_LEFT:visited {

background-image:url(../img/header_menu_bg.gif);

background-position: left;

color:#FF4000;

}

a.HEADBUTTON_LEFT:hover, a.HEADBUTTON_LEFT:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: left;

}



.HEADBUTTON_LEFT_SELECTED {

float:left;

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.HEADBUTTON_LEFT_SELECTED:link, a.HEADBUTTON_LEFT_SELECTED:visited,a.HEADBUTTON_LEFT_SELECTED:hover, a.HEADBUTTON_LEFT_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: left;

}







/* HEADBUTTON RIGHT CORNER */







.HEADBUTTON_RIGHT {

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:left;

width:72px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

}

a.HEADBUTTON_RIGHT:link, a.HEADBUTTON_RIGHT:visited {

background-image:url(../img/header_menu_bg.gif);

background-position: right;

color:#FF4000;

}

a.HEADBUTTON_RIGHT:hover, a.HEADBUTTON_RIGHT:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: right;

}



.HEADBUTTON_RIGHT_SELECTED {

float:right;

font-size : 10px;

text-decoration : none;

font-weight : bold;

float:right;

width:72px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

}

a.HEADBUTTON_RIGHT_SELECTED:link, a.HEADBUTTON_RIGHT_SELECTED:visited,a.HEADBUTTON_RIGHT_SELECTED:hover, a.HEADBUTTON_RIGHT_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: right;

}





/* SUBMENU BUTTONS */





.SUBBUTTON {

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.SUBBUTTON:link, a.SUBBUTTON:visited {

background-image: url(../img/header_submenu_bg.gif);

background-position: center;

color:#FF4000;

}

a.SUBBUTTON:hover, a.SUBBUTTON:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}



.SUBBUTTON_SELECTED {

float:left;

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.SUBBUTTON_SELECTED:link, a.SUBBUTTON_SELECTED:visited,a.SUBBUTTON_SELECTED:hover, a.SUBBUTTON_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: center;

}



/* SUBBUTTON LEFT CORNER */





.SUBBUTTON_LEFT {

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.SUBBUTTON_LEFT:link, a.SUBBUTTON_LEFT:visited {

background-image: url(../img/header_submenu_bg.gif);

background-position: left;

color:#FF4000;

}

a.SUBBUTTON_LEFT:hover, a.SUBBUTTON_LEFT:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: left;

}



.SUBBUTTON_LEFT_SELECTED {

float:left;

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:left;

width:70px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

border-right: 1px solid #FF4000;

}

a.SUBBUTTON_LEFT_SELECTED:link, a.SUBBUTTON_LEFT_SELECTED:visited,a.SUBBUTTON_LEFT_SELECTED:hover, a.SUBBUTTON_LEFT_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: left;

}







/* SUBBUTTON RIGHT CORNER */







.SUBBUTTON_RIGHT {

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:left;

width:72px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

}

a.SUBBUTTON_RIGHT:link, a.SUBBUTTON_RIGHT:visited {

background-image: url(../img/header_submenu_bg.gif);

background-position: right;

color:#FF4000;

}

a.SUBBUTTON_RIGHT:hover, a.SUBBUTTON_RIGHT:active {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: right;

}



.SUBBUTTON_RIGHT_SELECTED {

float:right;

font-size : 12px;

text-decoration : none;

font-weight : bold;

float:right;

width:72px;

height:26px;

vertical-align: bottom;

text-align:center;

color: #FF4000;

padding-top:10px;

font-family:  Verdana, Helvetica, sans-serif;

}

a.SUBBUTTON_RIGHT_SELECTED:link, a.SUBBUTTON_RIGHT_SELECTED:visited,a.SUBBUTTON_RIGHT_SELECTED:hover, a.SUBBUTTON_RIGHT_SELECTED:active  {

color:#FFFF00;

background-image:url(../img/header_menu_bg_focus.gif);

background-position: right;

}



/* nifty corners cube rounded corners picture*/





div#roundedimage_left{

float:left;

display:block;

margin-right:10px;

margin-bottom:10px;

color:#FF4000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

}



div#roundedimage_right{

float:right;

display:block;

margin-left:10px;

margin-bottom:10px;

color:#FF4000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

}



/* CALENDAR EVENTS ACTIONS ACTIVITIES PILLOW FIGHT */
div#calendar{
left: 5px;
position:relative;
/*width:200px;*/
width:183px;
padding:5px;
background-color:#FFFF00;
overflow:hidden;
margin-bottom:5px;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.calendar{
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.calendar:link{
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

div#calendar_title{
display:block;
padding:10px;
}

div#calendar_navi{
display:block;
padding:10px;
}

div#calendar_navi_left{
float:left;
text-align:left;
}

div#calendar_navi_right{
float:right;
text-align:right;
}

div#calendar_legend{
padding:10px;
}


div#calendarpaper{
text-align:center;
padding:5px;
padding-top:10px;
padding-bottom:20px;
display:block;
width:168px;
min-height:160px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


div#calendardate{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#7DFF00;
color:#666666;
}

div#calendardate_header{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#CCFF00;
color:#666666;
}

div#calendardate_event1{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#FFBF00;
color:#FFFFFF;
text-decoration:none;
}

a.calendardate_event1:hover, a.calendardate_event1:active {
background-color: #0099FF;
text-decoration:none;
}

div#calendardate_event2{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#FF7F00;
color:#FFFFFF;
text-decoration:none;
}

a.calendardate_event2:hover, a.calendardate_event2:active {
background-color: #0099FF;
text-decoration:none;
}

div#calendardate_event3{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#FF4000;
color:#FFFFFF;
text-decoration:none;
}

a.calendardate_event3:hover, a.calendardate_event3:active {
background-color: #0099FF;
text-decoration:none;
}

div#calendardate_event4{
padding-top:3px;
float:left;
display:block;
width:22px;
height:19px;
margin:1px;
background-color:#FF0000;
color:#FFFFFF;
text-decoration:none;
}

a.calendardate_event4:hover, a.calendardate_event4:active {

background-color: #0099FF;

text-decoration:none;

}



div#flashblock{

display:block;

padding:5px;

margin-bottom:5px;

}





/* SUBMENU MAGIC AKA INVERSED VOODOO */



#nav{

clear:both;

text-align:left;

vertical-align:top;

list-style: none;

top:0px;

left:0px;

}



#nav ul {

     padding: 0;

     margin:0;

     list-style: none;

     width:70px;

     z-index:99;

     position:relative;

     overflow:visible;

	 top:0;

	 left:0;



}



#nav li {

     position: relative;

	 width:71px;

     float:left;

     display:block;

     height:auto;

}



#nav ul li {

border-bottom:1px solid #FFFF33;

background-color:#FF7F00;

width: 96px;

margin-left:10px;

display:block;

}



#nav ul li:hover{

color:#FF4000;

background-color:#FFFF33;

display:block;

}

#nav ul li a{

padding: 10px 20px 10px 5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

text-decoration:none;

color:#FFFF33;

display:block;

width:96px;

}

#nav ul li a:hover{

padding: 10px 20px 10px 5px;

font-size:11px;

font-weight:bold;

text-decoration:none;

color:#FF4000;

display:block;

width:96px;

}





#nav ul{

     display:none;

}



/*all see this */

#nav ul ul{

     display:none;

     position:absolute;

	 margin-top:0;

     margin-left:0;

     }



/* non-IE browsers see this */

#nav ul li>ul, #nav ul ul li>ul{

	margin-top:0;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{

     display:none;

}



#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{

display:block;

}



li>ul {

     top: auto;

     left: auto;

}