html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font: 80% arial, helvetica, sans-serif;
color: #000;
text-align: center;
background: #f4ebdb url(images/netada-bg.jpg) repeat-y center;
}
#agacizm {
width: 880px;
height:auto;
background: #FFF url(images/webizm-bg.jpg) repeat-y;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
display:table;
}
#govdeizm {
width: 880px;
text-align: left;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#ustizm {
width: 880px;
height: 137px;
clear: left;
text-align: left;
}
#ortaizm {
width: 880px;
clear: left;
margin: 0px 0px 0px 20px;
}
* html #footerizmgenel {
width: 880px;
height: 110px;
background: #FFF url(images/webizm-bg.jpg) repeat-y;
margin: 0 auto;
padding: 0;
text-align: center;
}
#footerizmgenel {
width: 880px;
height: 110px;
background: #FFF url(images/webizm-bg.jpg) repeat-y;
margin: 0 auto;
padding: 0;
text-align: center;
}
#footerustu {
width: 880px;
height: 30px;
background: #FFF url(images/webizm-bg.jpg) repeat-y;
margin: 0 auto;
padding: 0;
text-align: center;
}
#footerizmyerel {
width: 856px;
height: 30px;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
}
#footerizmyerel1 {
width: 450px;
height: 99px;
text-align:left;
margin-top:10px;
float:left;
}
#footerizmyerel2 {
width: 286px;
height: 99px;
float:left;
}
#ortasolizm {
width: 178px;
float: left;
}
#ortaortaizm {
width: 8px;
float: left;
}
#ortasagizm {
	width: 671px;
	height:100%;
	float: left;
}
#ortaisolizm {
width: 512px;
float: left;
}
#ortaiortaizm {
width: 8px;
float: left;
}
#ortaisagizm {
width: 216px;
height:710px;
float: left;
}
#ortasplashizm {
width: 670px;
height: 190px;
}

#ortasagizm1 {
width: 340px;
padding: 0px 18px 10px 10px;
text-align:left;
float:left;
}
#ortasagizm2 {
	width: 301px;
	float:right;
	background: #FFF;
}

#ortasagizm6 {
	width: 590px;
	float:left;
	background: #FFF;
}
#hizizm {
border:1px solid #CCE0F3;
background-color:#F0F8FF;
width: 176px;
}
#tamprojeizm {
border:1px solid #CCE0F3;
background-color:#F0F8FF;
width: 176px;
}
#ndediizm {
border:1px solid #DFDFDF;
background-color:#F7F7F7;
width: 176px;
}
#hiznaviizm { 
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
cursor:pointer;
width: 176px;
}
#hiznaviizm ul {
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px; 
margin-left: 0;
padding-left: 0;
list-style-type: none;
width: 176px;
}
#hiznaviizm a {
display: block;
padding-left:24px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f1f9ff;
background-image:url(images/netada-arrow-yeni.gif);
background-position:left;
background-repeat:no-repeat;
border-top: 0px solid #d5e5f3;
height: 15px;
}
* html #hiznaviizm a {
display: block;
padding-left:24px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f1f9ff;
background-image:url(images/netada-arrow-yeni.gif);
background-position:left;
background-repeat:no-repeat;
border-top: 0px solid #d5e5f3;
}
#hiznaviizm a:link, #hiznaviizm2 a:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #617681;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#hiznaviizm a:hover {
background-color: #def1ff;
color: #333333;
}
#baslikizm {
margin: 0 auto;
padding: 0 0 0 10px;
}
#tpbaslikizm {
margin: 0 auto;
padding: 0 0 0 10px;
}
h1 {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
color:#1E6FB7;
margin-top:0px;
margin-bottom:7px;
padding-top: 15px;
line-height: 0px;
}
h2 {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight: bold;
color:#1E6FB7;
margin-top:0px;
padding-top: 15px;
line-height: 0px;
}
h3 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
color:#999;
margin-top:0px;
margin-bottom:7px;
padding-top: 15px;
line-height: 0px;
}
.tpr {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:18px;
padding-left: 10px;
font-weight:bolder;
color:#1E6FB7;
margin-bottom:7px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 0px;
margin-bottom: 10px;
margin-top: 15px;
color:#1E6FB7
}
#tamamlananprojelerbuton { 
height: 22px;
padding: 10px 0 0 10px;
}
#ndedibtnizm { 
height: 12px;
padding: 0 0 10px 10px;
}
p, ul {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:18px;
}

.genel {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:18px;
}
#linkizm {
text-align:right;
}
#copyright {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
float:left;
height: 20px;
text-align:right;
width: 248px;
padding-top: 6px;
}
#logoizm {
float:left;
text-align:right;
width: 38px;
}
a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#999999;
}

a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#999999;
	}

a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color:#666666;
}
.g {
position: absolute; 
width: 102px; 
height: 642px; 
z-index: 1; 
left: 4px; 
top: 11px; 
overflow: hidden; 
visibility: hidden
}
#ortamenuizm ul
{
width:160px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px; 
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4d4d4e;
}


#ortamenuizm a
{
width:160px;
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #f1f1f1;
background-position:left;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

* html #ortamenuizm a
{
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
width:160px;
border-bottom: 1px solid #f1f1f1;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

#ortamenuizm a
{
width:160px;
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #f1f1f1;
background-position:left;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

#ortamenuizm a:link, #ortamenuizm2 a:visited
{
font-size: 11px;
text-decoration: none;
width:160px;
}

#ortamenuizm a:hover
{
border-bottom: 1px solid #b7d7f3;
background-color: #f1f9ff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #000000;
width:160px;
}
#hmenuizm {
width: 198px;
padding: 10px 10px 6px 8px;
height: 60px;
background: url(images/netada-dropdown.jpg);
}
#pfoyizm {
width: 216px;
height: 297px;
}
#pfoyizm1 {
width: 216px;
height: 8px;
}
#pfoyizm2 {
width: 216px;
height: 281px;
background: url(images/netada-iprojeler_02.jpg);
}
#pfoyizm21 {
width: 206px;
height: 31px;
padding-left: 10px;
background: url(images/netada-iprojeler_02.jpg);
}
#pfoyizm22 {
width: 216px;
height: 230px;
background: url(images/netada-iprojeler_02.jpg);
}
#pfoyizm3 {
width: 216px;
height: 8px;
}
#kyalarizm {
width: 216px;
height: 235px;
}
#kyalarizm1 {
width: 216px;
height: 7px;
}
#kyalarizm2 {
width: 196px;
height: 221px;
padding-left: 10px;
padding-right: 10px;
background: url(images/netada-ikampanyalar_02.jpg);
}
#kyalarizm3 {
width: 216px;
height: 7px;
}
#onlineoffline {
width: 216px;
height: 76px;
float: left;
}
#ortawebt {
width: 512px;
height: 180px;
}
#ortaetic {
width: 512px;
height: 180px;
}
#orta1 {
width: 369px;
height: 160px;
float: left;
}
#orta2 {
width: 143px;
height: 150px;
float: left;
}
#orta3 {
width: 100px;
height: 150px;
float: left;
}
#orta4 {
width: 409px;
height: 160px;
float: left;
}
#ortaara1 {
width: 512px;
height: 30px;
}
#ortaara2 {
width: 512px;
height: 30px;
}
#ortaara3 {
width: 512px;
height: 30px;
}
#khiz {
width: 512px;
height: 150px;
}
#purvehiz {
width: 512px;
padding-left:2px;
font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif;
color: #909294; 
font-size: 11px;
}
.k11 a:link, .k11 a:visited, .k11 a:active { background-color: transparent; font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif; text-decoration: underline; font-size: 11px; color: #ff4821; }
.k11 a:hover { background-color: transparent; font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif; font-size: 11px; text-decoration: none; color: #c62502; }

.b11 a:link, .b11 a:visited, .b11 a:active { background-color: transparent; font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif; text-decoration: underline; font-size: 11px; color: #c8152d; }
.b11 a:hover { background-color: transparent; font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif; font-size: 11px; text-decoration: none; color: #960518; }

.pvehiz a:link, .pvehiz a:visited, .pvehiz a:active {font-family: trebuchet ms, arial, verdana, tahoma, sans-serif; text-decoration: underline; font-weight:bolder; font-size: 11px; color: #4092de; }
.pvehiz a:hover {font-family:  trebuchet ms, arial, verdana, tahoma, sans-serif; font-size: 11px; font-weight:bolder; text-decoration: none; color: #4092de; }

#hizb1 {
width: 271px;
float:left;
}
#hizb2 {
width: 8px;
float:left;
}
#hizb3 {
width: 271px;
float:left;
}
#hizb4 {
width: 271px;
float:left;
}
#hizb5 {
width: 8px;
float:left;
}
#hizb6 {
width: 271px;
float:left;
}
#hizb7 {
width: 271px;
float:left;
}
#hizb8 {
width: 8px;
float:left;
}
#hizb9 {
width: 271px;
float:left;
}

.hizb ul
{
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px; 
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4d4d4e;
}


.hizb a
{
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #f1f1f1;
background-position:left;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

* html .hizb a
{
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
width: 240px;
border-bottom: 1px solid #f1f1f1;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

.hizb a:link, #hizb2 a:visited
{
font-size: 11px;
text-decoration: none;
}

.hizb a:hover
{
border-bottom: 1px solid #b7d7f3;
background-color: #f1f9ff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #000000;
}
#drgrsm {
width: 134px;
height: 144px;
float: left;
}
#drgdesc {
float: left;
}
.e1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f5f5f5;
	width:200px;
	font-size: 11px;
	font-weight: bold;
	color: #656565;
}
.e2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#666666;
}

#kampaltlink ul {
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px; 
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4d4d4e;
height: 20px;
}


#kampaltlink a {
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #f1f1f1;
background-position:left;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
height: 20px;
}


#kampaltlink a {
display: block;
padding-left:22px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #f1f1f1;
background-position:left;
background-color: #ffffff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #333333;
}

#kampaltlink a:link, #kampaltlink2 a:visited
{
font-size: 11px;
text-decoration: none;
}

#kampaltlink a:hover
{
border-bottom: 1px solid #b7d7f3;
background-color: #f1f9ff;
background-image:url(images/netada-arrow-kirmizi.gif);
background-repeat:no-repeat;
color: #000000;
}

input.entryfield {
width:180px;
padding:4px;
border-top:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
border-bottom:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
background-color:#fbfbfb;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #333;
}
td.divider {
height: 1px;
background-color:#e1e1e1;
}

select.dropdown {
width: 190px;
padding: 2px;
border: 1px solid #d7d7d7;
background-color: #fbfbfb;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #333;
}
	
textarea, .servicebox {
font: 11px/14px Arial, Helvetica, sans-serif;
color: #333;
background-color:#fbfbfb;
padding: 4px;
border-top:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
border-bottom:1px solid #f3f3f3;
border-right:1px solid #f3f3f3;
height: 80px;
width: 100%;
}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
.arrowlistmenu{
width: 176px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #617681;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
