body{background-color:#EFEFE3;}

.TL{width:10px; height:10px; background:transparent url(../images/backs/TL.gif) no-repeat left top;}
.TM{height:10px; background:transparent url(../images/backs/TM.gif) repeat-x left top;}
.TR{width:10px; height:10px; background:transparent url(../images/backs/TR.gif) no-repeat right top;}

.ML{width:10px; background:transparent url(../images/backs/ML.gif) repeat-y left top;}
.MM{background-color:#FFFFFF; width:960px; padding:5px;}
.MR{width:10px; background:transparent url(../images/backs/MR.gif) repeat-y right top;}

.BL{width:10px; height:10px; background:transparent url(../images/backs/BL.gif) no-repeat left top;}
.BM{height:10px; background:transparent url(../images/backs/BM.gif) repeat-x left top;}
.BR{width:10px; height:10px; background:transparent url(../images/backs/BR.gif) no-repeat right top;}

.head{ height:40px; background-color:#CFCE97; padding-left:200px; position:relative; margin-bottom:20px;}
.logo{position:absolute; left:5px; top:-10px;}
.menu{list-style:none; margin:0; padding:0;}
.menu li{list-style:none; padding:2px 1px 0 0; margin:0; float:left; border-left:1px solid #DDDCB7;}
.menu li a{display:block; padding:10px 5px 10px 10px; height:20px; font:0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; color:#FFFFFF; text-decoration:none;}

.left{float:left; width:549px; padding:10px 10px 10px 0; border-top:1px solid #DDDCB7; border-right:1px solid #DDDCB7;}
.rite{float:left; width:380px; padding:10px 0 10px 10px; border-top:1px solid #DDDCB7;}

.font{font:0.75em arial; color:#333333; margin:0px; padding-top:10px;}
.left p {font:0.75em arial; color:#333333; margin:0px; padding-top:10px;}
.header{font:1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; color:#FFFFFF; margin:0; line-height:40px; padding-left:10px; margin-bottom:5px;}
.blue{background-color:#89CACC !important;}
.brow{background-color:#CFCE97 !important;}

.yoga{background:transparent url(../images/backs/yoga.gif) no-repeat center right;}
.yogab{background:transparent url(../images/backs/yogab.gif) no-repeat center right;}
.announce{background:transparent url(../images/backs/announce.gif) no-repeat center right;}
.blogb{background:transparent url(../images/backs/blog.gif) no-repeat center right;}


.subhead{font:0.8em arial; background-color:#CFCE97; color:#6A694D; margin:0px; padding:5px;}
.subhead span{text-align:right; color:#FFFFFF; width:100%;}
.subhead2{font:0.8em arial; background-color:#CFCE97; color:#6A694D; margin:0px; padding:5px;}
.subhead2 a{text-align:right; color:#FFFFFF; width:100%;text-decoration:none;}

.imager{display:block; margin-bottom:5px; cursor:pointer;}

.clear{clear:both; height:1px;}

.announ{background-color:#E8FCFD; border-bottom:1px dotted #89CACC; padding:5px 10px; cursor:pointer;}
.annheader{font:0.75em Arial; color:#256163; margin:0; padding:0; line-height:21px;}
.annconten{font:0.75em arial; color:#333333; margin:0; padding:0;}


.blog{background-color:#EFEFE3; padding:10px; height:55px; border-bottom:1px dotted #CFCE97; cursor:pointer;}
.blogimg{width:60px; height:55px; display:block; float:left; margin-right:15px; background-color:#CFCE97;}
.blogtxt{font:0.75em arial; color:#33333; margin:0; padding:0; height:55px; overflow:hidden;}
.blogtxt b{line-height:21px;}
.blogtxt a{color: black; text-decoration:none;}

.foot{padding-top:10px; border-top:1px solid #DDDCB7;}

.FormStyleBlue{font:0.7em arial; color:#003366; border:1px solid #89CACC; padding:3px;}
.ButtonStyle{font:0.7em arial; color:#FFFFFF; font-weight:bold; border:none; background:transparent url(../images/tools/buttonB.gif) no-repeat center center; height:21px; width:75px;}


.inimage{padding:10px; display:block; background-color:#CCCCCC;}

hr{border:none; background-color:#CFCE97; height:1px;}

.slideshow {overflow:hidden; width:966px;}

.textCont,
.dateHead{width:136px; height:70px; font:0.7em arial; background:#C7C7C7 url("../images/backs/activeday.png") repeat-x center bottom; text-align:center;}

.dateHead{height:30px !important; width:126px; background:#C7C7C7 url("../images/backs/activeday.png") repeat-x center center; padding:5px; font-weight:bold;}

.calendartitles td {font-weight:bold;height:34px;}

.holder{float:left;}

.thumbnails{width:180px; height:180px; overflow:hidden; text-align:center; border:5px solid #D9D3BD; float:left;}
/*featured*/
#featured{ 
	width:690px; 
	padding-right:250px; 
	position:relative; 
	border: 5px solid #CFCE97;
	height:397px; 
	background: #e8fcfd;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; right:0; 
	list-style:none; 
	padding:0; margin:0; 
	width:397px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#89cacc; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #89cacc;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
    /*font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; */
    font-family: arial;
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #333333;
  display: block;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  padding-left: 5px;
  padding-top: 7px;
  text-decoration: none;
}

#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}

#featured li.ui-tabs-selected{ 
	/*background:url('../images/selected-item.gif') top left no-repeat;  */
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#89cacc; 
    text-decoration: none;
}

#featured .ui-tabs-panel {
/*  background: none repeat scroll 0 0 #999999;*/
  height: 397px;
  position: relative;
  width: 548px;
}
/*#featured .ui-tabs-panel img{ width:287px; }*/
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:40px; 
	width: 548px;
	background-color: #CFCE97;
}
#featured .info h2{ 
	font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; 
	color:#fff; padding:5px; margin:0;
	padding-bottom: 2px;
	overflow:hidden; 
}
#featured .info p { 
	margin:0 5px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size:10px; 
	line-height:12px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*-------------------------------------------------------------------------------------------------------- buradan kesiniz*/
/* remove the list style */
#nav {
    margin:0;
    padding:0;
    list-style:none;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        /*width:100px;*/
        position:relative;
        z-index:500;
        margin:0 1px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        text-decoration:none;
    }
 
    #nav li a.baslik:hover {
        color:#FFF;
    }

    #nav li a:hover {
        color:#89cacc;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#89cacc;
        font-weight: 700;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            /*right:0px;*/
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
            width: 300px;
            border: 1px solid #DDD;
            background:#fff;
            padding-bottom: 5px;
        }
         
        #nav ul li {
            width:300px;
            border-top:1px solid #fff;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block; 
            padding: 4px 2px 0 10px;
            color:#666;
        }
         
        #nav ul a:hover {
            
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

#gallery{ 
    width:938px; 
    height:100px; 
    border:5px solid #CFCE97; 
    background: #e8fcfd;
}

#gallery ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
#gallery li {
    text-align: center;
    border: 1px solid #CFCE97;
    padding: 0;
    margin-right: 6px;
    display: block;
    float: left;
}
.clearfix {
    float: none;
    clear: both;
}
#prev1, #prev2 {
    margin-left: 10px;
}
#next1, #next2 {
    float: right;
    margin-right: 10px;
}

