/* CSS Document */
body{
  background: url(../images/bg00.jpg) repeat-x;
  width:996px;
  overflow-x:hidden;
  font-family: arial, sans-serif;
  font-size:12px;
  margin:auto;
}

a{
  text-decoration:none;
  color:#215DB1;
  outline:none;
}

#leftShadow{
  background: url(../images/bg-shadow-lft.jpg) no-repeat;
  width:996px;
  margin:auto;
}

#mainContentArea{
  background: url(../images/bg01.jpg) repeat-x;
  width:958px;
  margin-left:19px;
  
  /*height: 1018px;*/
}


#rightShadow{
  background: url(../images/bg-shadow-rght.jpg) right top no-repeat;
  
}

#header{
  height:170px;
}

#rotaryLogo{
  display:block;
  float:left;
}

/* search */
#searchArea{
  float:right;
  height:71px;
  margin-right:24px;
  width:313px; /*required by ie*/
}

#searchLeft{
  background: url(../images/search-bg01.jpg) no-repeat;
  width: 171px;
  height: 45px;
  float:left;
}

#searchRight{
  background: url(../images/search-bg02.jpg) no-repeat;
  width: 142px;
  height: 45px;
  float:right;
}

#searchRight a{
  display:block;
  color:white;
  margin-top:20px;
  margin-left:16px;
}

#searchBottom{
  background: url(../images/search-signin-bg.jpg) no-repeat;
  width: 313px;
  height: 26px;
  clear:both;
}

#searchBox{
  border:0;
  width:130px;
  margin-top:18px;
  margin-left:10px;
  height:1.5em;
  display:block;
  float:left;
}

#searchButton{
  float:left;
  padding-top:8px;
  display:block;
  margin-top:16px;
  margin-left:3px;
  border:0;
  background: url(../images/search-icon.gif) no-repeat;
  width:20px;
  height:20px;
  outline:none;
  cursor:pointer;
}

.logLink{
  display:block;
  float:right;
  margin-right:16px;
  color:white;
  margin-top:3px;
}

#loginBox, #welcomeBox{
  float:right;
  margin-top:8px;
  display:none;
  width:220px;
  color:white;
}

#welcomeBox{
  display:block;
  width:100%;
  text-align:right;
}


#welcomeText{

}

#loginBox table{
  width:100%;
}

#loginBox input{
  width:100%;
}

#loginBox td{
  padding:2px;
}

#loginBox td, #loginBox td a{
  color:white;
}

#loginBox td a{
  float:right;
}


/* navigation */
#navigation{
  width:960px;
  /*margin-left:36px;*/
  margin-left:48px;
  height:26px;
}

#navigation li{
  margin-right:10px;
  float:left;
  height:26px;
}

.navButtonLeft{
  background: url(../images/btn-lft.jpg) no-repeat;
  width: 6px;
  height: 26px;
  float:left;
}

.navButtonLeftSelected{
  background: url(../images/btn-slctd-lft.jpg) no-repeat;
}

#navigation a{
  display:block;
  background: url(../images/btn-bg.jpg) repeat-x;
  height: 26px;
  color:white;
  padding:5px 5px 0 5px;
  float:left;
}

#navigation a.selected{
  background: url(../images/btn-slctd-bg.jpg) repeat-x;
  color:rgb(172,139,72);
}

.navButtonRight{
  background: url(../images/btn-rght.jpg) no-repeat;
  width: 6px;
  height: 26px;
  float:left;
}

.navButtonRightSelected{
  background: url(../images/btn-slctd-rght.jpg) no-repeat;
}


#navigation li:hover .navButtonLeft{
  background-image: url(../images/btn-lft-msover.jpg);
}

#navigation li:hover .navButtonRight{
  background-image: url(../images/btn-rght-msover.jpg);
}

#navigation li:hover a{
  background-image: url(../images/btn-bg-msover.jpg);
  color:white;
}

.subNavCurrentPage{
  color:rgb(172,139,72);
  text-decoration:underline;
}

/*sub navigation*/
#subNavContainer{
  height:34px;
  float:left;
  clear:both;
  margin-bottom:12px;
}

#subNavContainerLeft{
  background: url(../images/sub-btn-lft.jpg) no-repeat;
  width: 6px;
  height: 34px;
  margin-left:14px;
  float:left;
}

#subNav{
  background-color:white;
  width:900px;
  float:left;
  height: 34px;
  padding-left:20px;
}



#subNav li{
  float:left;
  padding-top:10px;
  margin-left:8px;
  margin-right:8px;
  padding-left:12px;
  background: url(../images/sub-btn-seprtr.jpg) left top no-repeat;
  height: 34px;
}

/*IMPORTANT: LAST CHILD IS NOT WIDELY SUPPORTED, SO WE MUST USE FIRST CHILD.
AS A RESULT, li ITEMS HAVE BORDER ON THEIR LEFT, EXCEPT THE FIRST ITEM. SEE BELOW:*/
#subNav li:first-child{
  background:none;
  padding-left:0;
}


#subNavContainerRight{
  background: url(../images/sub-btn-rght.jpg) no-repeat;
  width: 6px;
  height: 34px;
  float:left;
}

/* left menu */
#leftMenu{
  margin-left:38px;
  width: 138px;
  float:left;
  background: url(../images/lft-menu-bg.jpg) repeat-y;
}

#leftMenuTop{
  background: url(../images/lft-menu-head.jpg) no-repeat;
  height: 40px;
}

#leftMenuContent, #rightMenuContent{
  height:160px; /*rastgele seçtik*/
  
}

#leftMenuContent li{
}

#leftMenuContent li a{
  /*background: url(../images/lft-menu-line.jpg) no-repeat; KULLANMADIK, HTML İLE VERDİK AŞAĞIDA*/
  border-top:1px dotted rgb(197,202,208);
  
  display:block;
  padding:8px 0 6px 8px;
  margin-left:6px;
}

#leftMenuBottom{
  background: url(../images/lft-menu-bottom.jpg) no-repeat;
  height: 25px;
}



/* right menu */
#rightMenu{
  /*margin-top:24px;*/
  width: 138px;
  float:left;
  background: url(../images/rght-menu-bg.jpg) repeat-y;
}

#rightMenu img, #leftMenu img{
  display:block;
  margin:auto;
}

#rightMenuTop{
  background: url(../images/rght-menu-head.jpg) no-repeat;
  height: 40px;
}


#rightMenuContent li{
}

#rightMenuContent li a{
  /*background: url(../images/lft-menu-line.jpg) no-repeat; KULLANMADIK, HTML İLE VERDİK AŞAĞIDA*/
  border-top:1px dotted rgb(197,202,208);
  display:block;
  padding:8px 0 6px 12px;
  margin-right:6px;
}



#rightMenuBottom{
  background: url(../images/rght-menu-bottom.jpg) no-repeat;
  height: 25px;
}


.bannerSection{
  padding-top:12px;
  width:138px;
  background-color:rgb(19,49,99) ;
}

/*real content area */
#realContentArea{
  float:left;
  width:611px;
  margin-top:0px;
  background-color: rgb(255,254,249);
}

#realContentTL{
  float:left;
  background: url(../images/bg03-cornr-left.jpg) no-repeat;
  width: 6px;
  height: 24px;
}

#realContentT{
  float:left;
  background: url(../images/bg03-top.jpg) no-repeat;
  width: 599px;
  height: 24px;
}

#realContentTR{
  float:left;
  background: url(../images/bg03-cornr-rght.jpg) no-repeat;
  width: 6px;
  height: 24px;
}

#realContentBottom{
  clear:both;
}

#realContentBL{
  background: url(../images/bg03-bottm-crnr-left.jpg) no-repeat;
  width: 6px;
  height: 6px;
  float:left;
}

#realContentBR{
  background: url(../images/bg03-bottm-crnr-rght.jpg) no-repeat;
  width: 6px;
  height: 6px;
  float: right;
}

#realContentCenter{
  margin:20px;
  min-height:490px;
}

#footer{text-align:center;color:#dddddd;margin:4px 0 14px 0;font-size:11px}

#footer img{
  display:none;
}


/*********** inner pages [page] ***********/
#pageContentContainer{
  color:rgb(116,115,113);
  font-size:16px;
}

#pageContentImageContainer{
  background-color:rgb(253,249,237);
  padding-top:16px;
  margin-bottom:16px;
  border-bottom:1px solid rgb(232,230,217);
  padding-bottom:12px;
  /*height:256px;*/
}

#pageContentContainer h1{
  margin-bottom:1em;
}

#pageContentImageContainer img{
  margin:auto;
  display:block;
  

  /*
  width:545px;
  height:198px;
  */
}

#pageContentImageContainer p{
  padding:12px;
  padding-bottom:0;
}

.userGeneratedHtmlContainer p{
  font-size:12px;
}


/* list (news etc) */
#listContentFirstItem{
  height:165px;
  clear:both;
}

#listContentFirstItem img{
  float:left;
  padding:2px;
  border:1px solid rgb(220,217,202);
  display:block;
  width:252px;
  height:163px;
}

#listContentTop img{
  float:left;
  padding:2px;
  border:1px solid rgb(220,217,202);
  display:block;
}

#listContentTopRight{
  float:left;
  width:300px;
  margin-left:10px;
}

#listContentTop h4{
  margin-bottom:8px;
}

#listContentTop p{
}

.listContentItem{
  float:left;
  width: 270px;
  /*margin-right:20px;*/
  /*border-right:1px dotted rgb(224,222,208);*/
  margin-top:30px;
}

.anEventBlock h2{
  margin-bottom:.5em;
  padding-bottom:.2em;
  padding-top:1em;
  border-bottom:1px dotted rgb(224,222,208);
}

.eventList .listContentItem
{
  float:none;
  width:540px;
  margin-top:0px;
  margin-bottom:1em;
}

.eventList .listContentItem p{
  font-size:13px;
}


.listItemLeft{
  padding-right:10px;
  margin-right:10px;
  border-right:1px dotted rgb(224,222,208);
  clear:left;
}

.listContentItem img{
  float:left;
  padding:2px;
  margin-right:4px;
  border:1px solid rgb(220,217,202);
  display:block;
  width:70px;
  height:70px
}

.listContentItem h5, #listContentFirstItem h4{
  margin-bottom:0em;
}

.mainPager{
  text-align:center;
  padding-top:54px;
  
}

.mainPager li{
  display:inline;
  padding:4px;
}

/******* bülten *********/

.bultenlerContainer h1{
  border-bottom:1px solid rgb(221,215,201);
  padding-bottom:26px;
}

#bultenHeaderContainer{
  background-color:white;
  height:180px;
  margin-left:16px;
  margin-right:16px;
  padding-top:36px;
}

#bultenHeaderContainer img{
  display:block;
  float:left;
  margin-left:85px;
  height:124px;
  width:106px;
}

#bultenHeaderInfo{
  float:left;
  width:220px;
  margin-left:60px;
  font-size:13px;
}

.bultenDate{
  border-bottom:1px dotted rgb(221,215,201);
  padding:6px 0 6px 0;
}

.bultenDownload{
  display:block;
  padding:6px 0 6px 0;
  font-size:12px;
}

#accordion{
  margin-bottom:0px;
  clear:both;
}

#accordion ul{
  width:20%;
  margin-top:8px;
  margin-right:20px;
  float:left;
  border-right:1px dotted rgb(221,214,195);
}

#accordion ul li{
  font-size:13px;
  padding:2px;
  text-align:justify;
  
}

#accordion ul li a{
  color:rgb(119,119,121);
}

.accordionHead{
  border-bottom:1px solid rgb(221,214,195);
  padding-bottom:6px;
  margin-bottom:4px;
  cursor:pointer;
  clear:both;
  padding-top:12px;
  outline:none;
}

.aYearContainer{
  height:320px;
  overflow: none;
  width:100%;
}

.bultenListContainer{

}

/* speech *********************/

#speechTable td{
  padding:0 12px 6px 0;
  font-size:14px;
}

.speechDate{
  width:22%;
}

.speakerName{
  width:34%;
}

/************ üyeler ********************/
.withBorder{
  border-bottom:1px solid rgb(221,214,195);
  padding-bottom:16px;
}

#lettersContainer li{
  float:left;
  margin-right:.5em;
  width:1em;
  height:1em;
  margin-bottom:8px;
}

.aLetterSection{
  clear:both;
  display:none;
}

.theLetter{
  font-family:'times new roman',serif;
  font-size:3em;
  margin-bottom:.5em;
}

.aLetterSection li{
  clear:both;
  height:135px;
}

.aLetterSection img{
  display:block;
  float:left;
  margin-right:16px;
  width:85px;
}

.aLetterSection dl{
  float:right;
}

.aLetterSection dt, .aLetterSection dd{
  font-size:12px;
  float:left;
  line-height: 1.4em;
}



.aLetterSection dt{
  width:260px;
}

.aLetterSection dt.memberNameWifeName{
  width:100%;
}
.aLetterSection dd{
  clear:left;
  margin-right:1em;
  width:80px;
}