body {
	margin: 0;
	background: url(arkaplanbg.jpg) top repeat-y #c7c7c7;
	color:#4c4c4c;	
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}

#turkbilisim {
	width: 950px;
	margin: 0px auto;
}

#ust {
	height: 28px;
}

#header {
	height: 150px;
	background: url(sivasliyizlogox.jpg);
}

#headermenu {
	height: 28px;
	border-bottom: 1px solid #e2e2e2;
}

#sol {
	float: left; 
	width: 130px;
	margin-right: 10px;
	margin-top: 10px;
}


#ortavesagitoparla {
	float: left; 
	width: 810px;
}

#sag {
	float: left; 
	width: 300px;
	margin-top: 10px;
	margin-right: 10px;
}

#orta {
	float: left; 
	width: 490px;	
	margin-right: 10px;
	margin-top: 10px;
}

#solmenu {
	width: 130px;
}

.transparan {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.solmenu h2 {
	margin:0;
	padding:6px 8px 6px 12px;
	color:#fff;
	font:bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	background:#a40000 url(sol-kolon-sagust-arka.gif) no-repeat 100% 0;
}

.solmenuic {
	border-right: #c2c2c2 solid 1px;
	background: url(sol-kolon-nav-arka.gif) repeat-x;
}

.solmenualt {
	height: 24px;
	background: #a40000 url(sol-kolon-solalt-arka2.gif) no-repeat bottom right;
	padding: 6px 0 0 12px;
	color:#fff;
	font:bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}

.mansethaber {
	background: #FFFFFF url(mansethaberarka.gif) top right no-repeat;
	height: 311px;
	overflow: hidden;	
}

.mansethaberlink ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mansethaberlink li{
	display: inline;
	margin: 0;
}

.mansethaberlink a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 8px;
	border-bottom: 1px dashed #e2e2e2;
}

.mansethaberlink a:hover {
	display: block;
	color: #000;
	text-decoration: none;
	background: url(mansethaberlinkarka.png);
}
.mansethaber a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 2px;
	border-bottom: 1px dashed #e2e2e2;
}

.mansethaber a:hover {
	display: block;
	color: #000;
	text-decoration: none;
	background: url(mansethaberlinkarka.png);
}

.mansethaber a:last-child  {
	border-bottom: 0px;
}
 

.haberlerx a {
	color: #666;
	text-decoration: none;
}

.haberlerx a:hover {
	display: block;
	color: #000;
	text-decoration: none;
	background: #e2e2e2;
}

.haberlerx a:last-child  {
	border-bottom: 0px;
}

.shadetabs{
padding: 0px 0 4px 0;
margin-left: 260px;
margin-top: 1px;
margin-bottom: -1px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
border-bottom: 1px solid #c2c2c2;
color: #2d2b2b;
background: white top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: url(shadetabsust.gif) top repeat-x;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:url(backgroundcircular.gif) no-repeat;}
#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.home {left:120px; top:4px; background:url(home.gif) no-repeat center center;}
#circularMenu li.forum {left:200px; top:40px; background:url(chat.gif) no-repeat center center;}
#circularMenu li.upload {left:35px; top:40px; background:url(photo.gif) no-repeat center center;}
#circularMenu li.email {left:230px; top:115px; background:url(email.gif) no-repeat center center;}
#circularMenu li.address {left:5px; top:115px; background:url(address.gif) no-repeat center center;}
#circularMenu li.sivasspor {left:200px; top:190px; background:url(sivassporufak.jpg) no-repeat center center;}
#circularMenu li.search {left:35px; top:190px; background:url(search.gif) no-repeat center center;}
#circularMenu li.delivery {left:120px; top:225px; background:url(delivery.gif) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}

#circularMenu li a:hover {background:url(circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.home a:hover b {left:-22px; top:100px;}
#circularMenu li.forum a:hover b  {left:-102px; top:64px;}
#circularMenu li.upload a:hover b  {left:63px; top:64px;}
#circularMenu li.email a:hover b  {left:-132px; top:-11px;}
#circularMenu li.address a:hover b  {left:93px; top:-11px;}
#circularMenu li.sivasspor a:hover b  {left:-102px; top:-87px;}
#circularMenu li.search a:hover b  {left:63px; top:-87px;}
#circularMenu li.delivery a:hover b  {left:-22px; top:-121px;}


.curved {
  width:300px;
  margin:0 auto;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0; 
  border-left:1px solid #c2c2c2; 
  border-right:1px solid #c2c2c2;
  }
.curved .b1 {
  margin:0 4px; 
  background:#c2c2c2;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#c2c2c2;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #c2c2c2; 
  border-right:1px solid #c2c2c2; 
  font-size:0.9em; 
  text-align:justify;
  }
#menu {
  margin:0; 
  padding:0; 
  width: 297px;
  height:350px; 
  overflow:hidden; 
  background: #FFF;  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#000;
	height: 250px;
	width: 280px;
	overflow: hidden;
  }
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#FFF;
  }
#menu li a:hover span {
  display:block; 
  height:15em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#a40000; 
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#8D8D8D;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #000; 
  float:left;
  }





#navigation-block {
	position:relative;
	font: 12px;
}



#hide {
	position:absolute;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 95px;
	padding: 3px 18px;
	margin: 0;
	margin-bottom: 3px;
}

ul#sliding-navigation li.sliding-element a
{
	color: #fff;
	background:#8D8D8D url(solmenusagkisim20x20.gif) top right no-repeat ;
	text-decoration: none;
}

ul#sliding-navigation li a:hover { color: #000; }

ul#sliding-navigation li.sivasspor a
{
	display: block;
	width: 95px;
	padding: 8px 18px;
	margin: 0;
	margin-bottom: 3px;
}

ul#sliding-navigation li.sivasspor a
{
	color: #fff;
	background: #a40000 url(sivassporsolmenuileri.png) no-repeat 100% 0;
	text-decoration: none;
}

ul#sliding-navigation li.sivasspor a:hover { font-weight: bold; color: #FFF; background: #FF0000 url(sivassporsolmenuileri2.png) no-repeat 100% 0; }















.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1px;
	width: 173px;
	height: 54px;
	background: url(panel_button.png);
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #999;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #545454;
}

#toppanel {
	position: absolute;
	width: 950px;
	z-index: 25;
	margin: 0 auto;
	text-align: center;
}
#panel {
	width: 950px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 954px;
	position: absolute;
	z-index: -1;
}
#panel h1 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	line-height: 35px;
	left: 275px;
	position: absolute;
	top: 10px;
}
#panel h2 {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #447c6f;
	line-height: 25px;
	font-size: 16px;
	position: absolute;
	top: 60px;
	left: 350px;
}
.border {
	border: 15px #1d1d1d solid;
}
img.border {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
img.border_pic {
	border: 15px #1d1d1d solid;
	position: absolute;
	top: 110px;
	float: left;
	margin-left: 150px;
	width: 250px;
	height: 150px;
	z-index: 30;
}
div#login {
	width: 240px;
	height: 150px;
	position: absolute;
	right: 150px;
	top: 110px;
	background: #46392f;
	text-align: left;
	padding-left: 10px;
}
div#login p {
	color: #CCCCCC;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
}
div#login input#password {
	position: relative;
	right: -6px;
}
div#login input#login_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 30px;
	left: 86px;
}