/* CSS Document */
body{
background-image:url(erkek-ogrenci-yurdu/ogrenci.jpg);
margin: 0px 0px 0px 0px;
}

#erkek{
width:834px;
margin-right:auto;
margin-left:auto;
}

#gizli {
display:none;
	}

#ust{
width:834px;
height:108px;
background-image:url(erkek-ogrenci-yurdu/ogrenci-yurdu.jpg);
background-repeat:no-repeat;
}

#ankara{
width:834px;
height:150px;
background-image:url(erkek-ogrenci-yurdu/erkek-ogrenci-yurdu.jpg);
background-repeat:no-repeat;
}

#balgat{
width:834px;
height:41px;
background-image:url(erkek-ogrenci-yurdu/ankara.jpg);
background-repeat:no-repeat;
}

#main{
width:834px;
background-image:url(erkek-ogrenci-yurdu/balgat-ogrenci-yurdu.jpg);
}

#alt{
width:834px;
height:41px;
background-image:url(erkek-ogrenci-yurdu/balgat.jpg);
background-repeat:no-repeat;
}

#orta{
width:715px;
margin-left:55px;
}

#menu-left{
width:159px;
float:left;
}

#sag{
width:490px;
float:right;
}

#sag-1{
width:280px;
float:left;
}

#kalem{
width:280px;
background-image:url(erkek-ogrenci-yurdu/kalem.jpg);
background-repeat:no-repeat;
height:75px;
}

#sag-2{
width:200px;
float:right;
}

#duyuru{
width:200px;
height:194px;
background-image:url(erkek-ogrenci-yurdu/not.jpg);
background-repeat:no-repeat;
}

#akan{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:justify;
margin-top:40px;
margin-left:35px;
margin-right:25px;
}

.yazi{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:justify;
}

.baslik{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#b1341e;
font-weight:bold;
margin-top:2px;
}

.baslik-12{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#99FF00;
font-weight:bold;
margin-top:2px;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#b1341e;
font-weight:bold;
margin-top:2px;
}

#foto{
width:120px;
height:90px;
border:5px solid #003366;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;}

a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: none;
	color: #990000;
}
a:active {
	text-decoration: none;
	color: #003366;
}
/*------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */

}
	
.suckerdiv ul li{
position: relative;
border-bottom: 1px dotted #CCCCCC;
padding: 2px 2px 2px 2px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #fff;
text-decoration: none;
padding: 1px 5px;
border-bottom: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.suckerdiv ul li a:visited{
color: #fff;
font-weight:bold;
}

.suckerdiv ul li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
background-color:#FFFFFF;
}

.suckerdiv .subfolderstyle{
background: url(arrow.jpg) no-repeat center right;
}

.suckerdiv .subfolderstyle a:hover{
background: url(arrow-1.jpg) no-repeat center right;
}

.alt-em{
background-color:#990000;
border: 1px solid #FFFFFF;}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

.hak{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:justify;
color:#333333;
margin-top:2px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0px 5px 0px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:left
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 190px;
}

.cssform textarea{
width: 200px;
height: 120px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}