td {
 vertical-align:top;
}

#pic,#ImgConfig { 
 background-image: url(images/loader6.gif);
 background-repeat:no-repeat;
 background-position:center center;
}
	  
#container {
 min-width:1170px; 
 max-width:1170px; 
 margin:10px auto; 
 margin-top: 20px; 
 background:#ccc; 
 font-family: Arial;
 text-shadow:black 3px 3px 5px; 
 border-radius: 22px; 
 box-shadow: 10px 10px 25px #000;
}
		   
#header {
 text-align:center; 
 background:#888; 
 color:#eee; 
 height:90px; 
 cursor:pointer;
 border-top-right-radius: 10px; 
 border-top-left-radius: 10px;
 background-size: 100% 100%;
 background-image: url(images/panorama.jpg);
}
	
#footer {
 text-align:center; 
 background:#222;
 color:#eee;
 height:30px; 
 padding:7px; 
 font-size:18px;
 box-shadow: inset 0 -5px 5px -2px #444;
 border-bottom-right-radius: 10px; 
 border-bottom-left-radius: 10px;
}

#footer a:link {
 color:#ddd; 
 font-weight:bold;
 text-shadow:#00f 3px 3px 5px;
}

#footer a:hover {
 color:#fff;
 text-shadow:#ff0 3px 3px 5px;
}

#sidebar { 
 position:absolute;
 text-align:center; 
 margin-top:25px; 
 padding-top:10px;
 width:160px; 
 height:560px; 
 font-size:16px; 
 font-weight: bold; 
 color:#fff; 
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 box-shadow: 10px 7px 25px #000;
 background:-moz-linear-gradient(left,#007,#00f);  /* Firefox */
 background-image:-webkit-gradient(linear,left top,right top,from(#007),to(#00f));  /* Chrome, Safari */
 background-image: -o-linear-gradient(left,#007,#00f);  /* Opera */
 background-image: -ms-linear-gradient(left, #007, #00f); /* IE10 */
 background: linear-gradient(right, #001, #00f); /* IE11 */
}

#sidebar ul {
 margin: 0px; 
 padding: 10px; 
 list-style: none;
}

#sidebar ul li {
 border-bottom: 1px solid black; 
 background:#ddd;
 background:-moz-linear-gradient(top,#eee,#777);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #777)); /* Chrome, Safari */
 background-image: -o-linear-gradient(top, #eee, #777); /* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#888888',GradientType=0); /* IE9 ?? */
 background-image: -ms-linear-gradient(top, #aaa,#eee 50%,#aaa 50%,#888); /* IE10 */
 background: linear-gradient(bottom, #aaa,#eee 50%,#aaa 50%,#888);  /* IE11 */
 transition: margin 0.2s;
 -o-transition: margin 0.2s;
 -moz-transition: margin 0.2s;
 -webkit-transition: margin 0.2s;
 border-radius: 5px; box-shadow: 3px 3px 7px #000;
}

#sidebar ul li:hover {
 background-color: #888;
 _margin-left:3px;
 _margin-right:-3px;
} 

#sidebar ul li a {
 padding: 6px; 
 display: block; 
 color: black; 
 text-decoration: none; 
 text-shadow:none;
}

#sidebar ul li a:hover {
 padding-left: 0px; 
 padding-top: 4px; 
 padding-bottom:8px; 
 padding-right:8px; 
 color: white; 
 text-shadow:black 3px 3px 5px;
}

#topbar ul {
 list-style: none; 
 font-size:16px; 
 font-weight: bold; 
 min-width:900px; 
}

#topbar ul li {
 border-radius: 5px; 
 box-shadow: 3px 3px 7px #000; 
 float:left; 
 margin-right: 3px;
 background:#ddd;
 background:-moz-linear-gradient(top,#eee,#777);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #777)); /* Chrome, Safari */
 background-image: -o-linear-gradient(top, #eee, #777); /* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#888888',GradientType=0); /* IE9 ?? */
 background-image: -ms-linear-gradient(top, #aaa,#eee 50%,#aaa 50%,#888); /* IE10 */
 background: linear-gradient(bottom, #aaa,#eee 50%,#aaa 50%,#888);  /* IE11 */
 transition: margin 0.2s;
 -o-transition: margin 0.2s;
 -moz-transition: margin 0.2s;
 -webkit-transition: margin 0.2s;
}
			 
#topbar ul li:hover {
 background-color: #888;
} 

#topbar ul li a {
 padding-left: 10px; 
 padding-top: 7px; 
 padding-right: 7px; 
 padding-bottom: 7px; 
 display: block; 
 color: black; 
 text-decoration: none; 
 text-shadow:none;
}

#topbar ul li a:hover {
 color: white; 
 text-shadow:black 3px 3px 5px;
}

#SchTools {
 padding:5px; 
 display:table; 
 text-align:left;
}

#SchTools img {
 margin-right:10px; 
 border:0px; 
 float:left; 
 width:90px;
}

#hlist ul li {
 display:inline; 
 list-style:square;
 padding:10px;
}

#content {
 padding-left:170px; 
 padding-top:35px; 
 padding-bottom:10px;
 text-align:left; 
 height:630px; 
 overflow:auto; 
 background:-moz-linear-gradient(left,#001,#006 25%,#006 75%,#001);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #001), color-stop(0.25, #006), color-stop(0.75, #006), color-stop(1, #001)); /* Chrome, Safari */
 background-image: -o-linear-gradient(left, #001 0%, #006 25%, #006 75%, #001 100%); /* Opera */
 background-image: -ms-linear-gradient(left, #001 0%, #006 25%, #006 75%, #001 100%); /* IE10 */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#000088',GradientType=1); /* IE9 ?? */
 background: linear-gradient(right, #001 0%, #006 25%, #006 75%, #001 100%);  /* IE11 */
}
		  
#footer  {
 clear:both;
 background:-moz-linear-gradient(left,#001,#006 25%,#006 75%,#001);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #001), color-stop(0.25, #006), color-stop(0.75, #006), color-stop(1, #001)); /* Chrome, Safari */
 background-image: -o-linear-gradient(left, #001 0%, #006 25%, #006 75%, #001 100%); /* Opera */
 background-image: -ms-linear-gradient(left, #001 0%, #006 25%, #006 75%, #001 100%); /* IE10 */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#000088',GradientType=1); /* IE9 ?? */
 background: linear-gradient(right, #001 0%, #006 25%, #006 75%, #001 100%);}  /* IE11 */
}

#MenuTxt { 
 position:relative; top:-255px; float:right; width:30px;
 color: white; font-size:20px; font-weight: bold;
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);        
 -o-transform: rotate(-90deg);        
 transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
		  
#SliderDiv {
 width:170px; 
 height:30px; 
 font-size:14px; 
 font-weight: bold;
}

#SliderDiv a {
 padding: 6px; 
 text-align: center; 
 display: block; 
 color: black; 
 text-decoration: none; 
 text-shadow:none;
 border-bottom: 1px solid black;
 border-right: 1px solid black; 
 background:#ddd;
 background:-moz-linear-gradient(top,#eee,#777);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #777)); /* Chrome, Safari */
 background-image: -o-linear-gradient(top, #eee, #777); /* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#888888',GradientType=0); /* IE9 ?? */
 background-image: -ms-linear-gradient(top, #aaa,#eee 50%,#aaa 50%,#888); /* IE10 */
 background: linear-gradient(bottom, #aaa,#eee 50%,#aaa 50%,#888);  /* IE11 */
 border-radius: 5px; box-shadow: 3px 3px 7px #000;
}

#SliderDiv a:hover {
 padding-left: 4px; 
 padding-top: 5px; 
 padding-right:8px; 
 padding-bottom:7px; 
 color: white; 
 text-shadow:black 3px 3px 5px;
}

.Slider {
 position: relative; 
 width:50px; 
 height:15px;
}

.cNavi {
 font-size:16px; font-weight: bold; 
 color: black;
 background:-moz-linear-gradient(top,#eee,#777);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #777)); /* Chrome, Safari */
 background-image: -o-linear-gradient(top, #eee, #777); /* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#888888',GradientType=0); /* IE9 ?? */
 background-image: -ms-linear-gradient(top, #aaa,#eee 50%,#aaa 50%,#888); /* IE10 */
 background: linear-gradient(bottom, #aaa,#eee 50%,#aaa 50%,#888);  /* IE11 */
 padding-left: 20px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; 
 margin:0px;
 text-decoration: none; 
 text-shadow:none;
 border-radius: 5px; 
 box-shadow: 3px 3px 7px #000;
}
		  
.cNavi:hover {
 color: white; 
 text-shadow:black 3px 3px 5px;
} 

.dNavi {
 font-size:14px; 
 font-weight: bold; 
 color: black;
 background:-moz-linear-gradient(top,#eee,#777);  /* Firefox */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #777)); /* Chrome, Safari */
 background-image: -o-linear-gradient(top, #eee, #777); /* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#888888',GradientType=0); /* IE9 ?? */
 background-image: -ms-linear-gradient(top, #aaa,#eee 50%,#aaa 50%,#888); /* IE10 */
 background: linear-gradient(bottom, #aaa,#eee 50%,#aaa 50%,#888);  /* IE11 */
 padding-left: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; 
 text-decoration: none; 
 text-shadow:white 0px 0px 5px;
 border-radius: 5px; 
 box-shadow: 3px 3px 7px #000;
}
		  
.dNavi:hover {
 color: white; 
 text-shadow:black 3px 3px 5px;
} 

.f14b   { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #000; line-height: 20px; }
.f14w   { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #fff; line-height: 20px; }
.f14w_  { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #fff; line-height: 20px; padding: 2px; background-image: url(images/bg60.png);}
.f14g   { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #aaa; line-height: 20px; }
.f14dg  { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #aaa; line-height: 20px; }
.f14dg_ { font-family: Verdana, sans-serif; font-style: normal; font-size:14px; color: #aaa; line-height: 20px; padding: 2px; background-image: url(images/bg60.png);}
.f14ro  { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:14px; color: #f00; line-height: 20px; }
.f14gr  { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:14px; color: #0f0; line-height: 20px; }
.f14bl  { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:14px; color: #00f; line-height: 20px; }
.f16w   { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:16px; color: #fff; line-height: 20px; }
.f20w   { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:20px; color: #fff; line-height: 40px; padding: 10px; text-shadow:#00f 3px 3px 5px;}
.f25w   { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:25px; color: #fff; line-height: 40px; padding: 10px; text-shadow:#00f 3px 3px 5px;}
.f50gr  { font-family: Verdana, sans-serif; font-weight: bold; font-style: normal; font-size:50px; color: #aaa; padding:10px;}

.lnk       { font-weight: bold; color: #fff; text-shadow:#00f 3px 3px 5px;}
.lnk:hover { font-weight: bold; color: #fff; text-shadow:#888 3px 3px 5px;}

.bgDiv {
 background:-moz-linear-gradient(top,#777777,#111111); /* Firefox */
 background:-webkit-gradient(linear,left top,left bottom,from(#777777),to(#111111)); /* Chrome, Safari */
 background-image: -o-linear-gradient(to bottom,rgb(119,119,119),rgb(17,17,17));/* Opera */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#111111',GradientType=0); /* Internet Explorer */ 
 background-image: linear-gradient(90deg, #777 0%, #111 100%);
}

.shelly {
 height: 30px;
 margin-bottom: -10px;
}

.Highlight {
 font-size: 24px;
 color: white;
 text-shadow: 3px 3px 5px yellow, 3px 3px 5px white;
 text-shadow: 0 0 3px white, 0 0 6px #e08, 0 0 10px #e08, 0 0 12px #e08, 0 0 14px #e08;
}