/*-------------------------------------------------------*/
/*                                                       */
/*    Copyright 2006 Karon                               */     
/*                                                       */  
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/

/* Page Body Properties */ 

body {
	font-family: trebuchet ms, verdana, tahoma, arial;
	font-size: medium;
	color: #999;            /* #808080 */
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
   }


/*-------------------------------------------------------*/

/* Set the page width for various page parts */

#wrapper-TopMenu, #header, #wrapper-content, #wrapper-footer {
	width: 95%;
	margin: 0 auto;
	text-align: left;
   }


/*-------------------------------------------------------*/

/* Top Menu */
   
#wrapper-TopMenu {
	background: white url('../PageBits/PageLeft.png') no-repeat left top;
   }
 
#TopMenu {
	background: transparent url('../PageBits/PageRight.png') no-repeat right top;
	overflow: hidden; /* This fixes a FF problem  - but what problem ? */
   width: 100%;
   font-size: 93%;
   line-height: normal;
   }

#TopMenu ul {
	margin: 0 20px;       /* Second Param - x position of first tab */
	padding: 10px 0 0 0;  /* First Param - y position of tab tops */
	list-style: none;
	float: left;
   }

#TopMenu li {
	display: inline;
	float: left;
   margin: 0;
   padding: 0;	
   }

#TopMenu a {
	float: left;
	background: url(../PageBits/GreyTabLeft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 7px;
	text-decoration: none;
	line-height: 1.4em;     /* vertical height of tabs default 1.5 */
   }

#TopMenu a span {
	float: left;
	display: block;
	background: transparent url(../PageBits/GreyTabRight.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #787878;              
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
   }
   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#TopMenu a span {float: none;}
/* End IE5-Mac hack */   

#TopMenu a:hover {
   background-position: 0% -42px;
   }
    
#TopMenu a:hover span {
	background-position: 100% -42px;
	color: #5B8FBE;
	}   


/*-------------------------------------------------------*/

/* Banner Area */

#wrapper-header {
	background: transparent url('../PageBits/BannerBackground.png') top center repeat-x;
   }

#header {
	background: #eeeeee url('../PageBits/BannerMain.jpg') no-repeat center top;
   }

#wrapper-header2 {
	background: transparent url('../PageBits/BannerLeft.png') top left no-repeat;
   }

#wrapper-header3 {
	background: transparent url('../PageBits/BannerRight.png') top right no-repeat;
   }


/* Title Text on Image - Height matches Image Height */

#header h1 {
	margin: 0 25px;
	padding: 0;
	height: 192px;
	line-height: 2em;
	color: #eeeeee;
	font-size: 150%;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	text-transform: uppercase;
   }


/*-------------------------------------------------------*/

/* Page Area */

#wrapper-content {
	background: white url('../PageBits/PageLeft.png') no-repeat left top;
   }

* html #wrapper-content { height: 1%; }


/* default 5px 245px 5px 40px - for left menu 5px 40px 5px 230px - (top, right, bottom, left margins) */
#content {
	background: transparent url('../PageBits/PageRight.png') no-repeat right top;
	padding: 5px 245px 5px 40px;   
   }
   

/*-------------------------------------------------------*/

/* Side Menu */

/*
	Right margin of 30 is best for Opera and Firefox but
	IE6 renders double the required amount so set to 20 meantime.
	
	Top margin of 20 is best for Opera and Firefox but
	IE6 renders iSFR text too high so use 15 meantime.

	Consider conditional setting on browser detection at some stage ?
*/

#wrapper-SideMenu {
	float: right;
	width:180px;
	margin: 15px 20px 1em 2em;   /*  20px 30px 3em 2em; */
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
   }

* html #wrapper-menu-page { margin-right: 15px; }

#SideMenu {
   padding: 5px 0px 25px 0px;   /* top right bottom left */
   background: transparent url('../PageBits/SideMenuBackground.png') no-repeat;
   }

#SideMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 95%;   /*  90% */
   }

#SideMenu h3 {
	font-size: 100%;  /* 75%;  */
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
   }

#SideMenu a:link {
   color: #808080;
   }

#SideMenu a:visited {
   color: #808080;              /* #BE365B Burgandy */
   }

#SideMenu a:hover {
   color: #5B8FBE;
   }


/*-------------------------------------------------------*/

/* Footer Area */

#wrapper-footer {
	margin-top: 0em;         /*  1em;  */
	padding: 0px 0px 10px 0px;   /* top right bottom left */
	text-align: center;
   }

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;   /* #e5f0fc  #bddcfb 5b8fbe */
	border: 1px solid #ccc;
	clear: both;
   }
   
/* Commented out to use main page settings  
   
#footer a{
   text-decoration: none;
   color: #366;
   background: transparent;   
   }   
   
#footer a:hover{
   color:#000;
   }   

*/
 
   

/*-------------------------------------------------------*/

/* Main Page Heading Settings */

h2 {
   font-size: 120%;
   }


h3 {
   font-size: 100%;
   }
  

/*-------------------------------------------------------*/

/* Main Page Link Settings */

a:link  {
   color: #5B8FBE;
   text-decoration: none;
   }     

a:visited {
   color: #5B8FBE;              /* #BE365B Burgandy */
   text-decoration: none;
   }         

a:hover {
   color: #3B3B3B;            /* #383838  #666  */
   text-decoration: none;
   } 
   

/*-------------------------------------------------------*/   
   
/* Images */		

a img{
	border: none;
   }


/*
img.left, img.center, img.right {
	padding: 4px;
	border: 1px dashed #D1C9BE;
	margin: 0px;
   }
*/   
   

img.left {
	float: left;
	margin: 5px 15px 5px 0;    /* Top Right Bottom Left */
   }

img.center {
	display: block;
	margin: 0 auto 5px auto;
   }

img.right {
	float: right;
	margin: 5px 0 5px 15px;  /* Top Right Bottom Left */
   }   
   
   
/*-------------------------------------------------------*/   
   
/* Tables */   

table.blue {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: #ffffff;
	border-collapse: collapse;
	background-color: #ffffff;
	
}
table.blue th {
	border-width: 1px;
	padding: 0px;
	border-style: inset;
	border-color: #5B8FBE;
	background-color: #006699;
	text-align:center;
	font-size: 100%;
	color: #FFFFFF;
	-moz-border-radius: ;
	
}
table.blue td {
	border-width: 1px;
	padding: 0px;
	border-style: inset;
	border-color: #5B8FBE;
	background-color: #ffffff;
	text-align:center;
	font-size: 80%;
	-moz-border-radius: ;
}

table.blueNested {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: #ffffff;
	border-collapse: collapse;
	background-color: #ffffff;
	
}
table.blueNested th {
	border-width: 1px;
	padding: 0px;
	border-style: inset;
	border-color: #5B8FBE;
	background-color: #006699;
	text-align:center;
	font-size: 100%;
	color: #FFFFFF;
	-moz-border-radius: ;
	
}
table.blueNested td {
	border-width: 1px;
	padding: 0px;
	border-style: inset;
	border-color: #5B8FBE;
	background-color: #ffffff;
	text-align:center;
	font-size: 100%;
	-moz-border-radius: ;
}


/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* Grey Tabs Menu */

#greytabs {
   float: left;
   width: 90%;
   font-size: 93%;
   line-height: normal;
   border-bottom: 1px solid #6B78A9;
   }
   
#greytabs ul {
   margin: 0;
   padding: 5px 10px 0 50px;
   list-style: none;
   }
   
#greytabs li {
   display: inline;
   margin: 0;
   padding: 0;
   }
   
#greytabs a {
   float: left;
   background: url("../PageBits/GreyTabLeft.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 7px;
   text-decoration: none;
   }
   
#greytabs a span {
   float: left;
   display: block;
   background: url("../PageBits/GreyTabRight.gif") no-repeat right top;
   padding: 5px 15px 4px 6px;
   color: #6B78A9;
   }
   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#greytabs a span {float: none;}
/* End IE5-Mac hack */

#greytabs a:hover span {
   color: #6B78A9;
   }
   
#greytabs a:hover {
   background-position: 0% -42px;
   }
   
#greytabs a:hover span {
   background-position: 100% -42px;
   } 
      

/*-------------------------------------------------------*/

/* TreeView */

/* Styles for the tree. */
#TreeviewSpanArea a span {
	font-size: 9pt; 
	font-family: verdana,helvetica; 
	text-decoration: none;
	color: black;
	}
  
#TreeviewSpanArea a:hover span {
	color: '#820082';
	}
	
/*-------------------------------------------------------*/	

/* Blue Tabs Menu */

#bluetabs {
   float: left;
   width: 90%;
	font-size: 93%;
	border-bottom: 1px solid #2763A5;
	line-height: normal;
	}
	
#bluetabs ul {
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
	}
	
#bluetabs li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#bluetabs a {
	float: left;
	background: url("http://skizauchensee.com/PageBits/BlueTabLeft.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
	}
	
#bluetabs a span {
	float: left;
	display: block;
	background: url("http://skizauchensee.com/PageBits/BlueTabRight.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #FFF;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bluetabs a span {float: none;}
/* End IE5-Mac hack */

#tabs9 a:hover span {
	color: #FFF;
	}
	
#bluetabs a:hover {
	background-position: 0% -42px;
	}
	
#bluetabs a:hover span {
	background-position: 100% -42px;
	}


/*-------------------------------------------------------*/


/* eof */ 
#wrapper-content div {
	font-weight: bold;
}
.Winter {
	color: #00F;
}
.shit1 {
	color: #666;
}
.shit2 {
	color: #666;
}