* { 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
margin: 10 0 0 10px;
padding:0px;
background:url(images/Stage_BG_btm.png) repeat-x top;
background-color:#E8F3FB;
}

td, tr {
font-size:12px;
}

a:link, a:visited {  
color:#000000;
text-decoration:none;
}

a:hover {
color:#0000CC;
text-decoration:none;
}

input, select, textarea {
}

h1 { margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-weight: normal; font-size: 180%; text-indent: 5px; letter-spacing: -1px; }
h4 { font-weight:bold; margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-indent: 5px; }

hr {
margin: 0;	padding: 0;	border-bottom: 1px dotted #CCCCCC;
}

.govde {
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}

.banner {
background-color:#303C76;
color:#FFFFFF;
font-size:10px;
}

#ustmenu {
font-size:12px;
color:#FFFFFF;
}
#ustmenu ul{
}
#ustmenu ul li{
padding: 0 5px 0 5px;
float:left;
}
#ustmenu ul li a{
color:#FFFFFF;
display:block;
text-decoration:none;
}
#ustmenu ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}


#sagmenu {
font-size:12px;
color:#3187E3;
}
#sagmenu ul{
}
#sagmenu ul li{
padding: 0 5px 0 5px;
float:left;
}
#sagmenu ul li a{
color:#3187E3;
display:block;
text-decoration:none;
}
#sagmenu ul li a:hover{
color:#3187E3;
text-decoration:underline;
}

#orta {
background-image:url(images/hdMenuBG.jpg);
background-position:top;
background-repeat:repeat-x;
padding-top:10px;
}

#alt {
background-image:url(images/hdMenuBGG.jpg);
background-position:bottom; 
background-repeat:repeat-x;
color:#666666;
font-size:10px;
padding:10px;
}


.baslik1 {
margin:0px;
height:30px;
background:url(images/arrow_1.gif) no-repeat left; 
padding-left:10px;
font-weight:bold;
color:#000000;}

.baslik2 {
margin:0px;
width:295px; 
padding-left:20px; 
background:url(images/back.gif) repeat-x; 
background-color:#FDFDFD; 
font-size:16px;
}

.baslik3 {
margin: 0px;
background:url(images/arrow_1.gif) no-repeat left; 
padding-left:10px;
font-size:11px;
font-weight:bold;
}

#sddm
{	margin: 0;
padding: 0;
z-index: 30;
}

#sddm li
{	margin: 0;
padding: 0;
list-style: none;
float: left;}
	
#sddm li a
{	display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #242c54;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{	background: #49A3FF;}

#sddm div
{	position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #303c76;
color: #FFFFFF; }

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}
		
/* ######### Popup Image ######### */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#006699;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color:#FFFFFF;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 150px; /*position where enlarged image should offset horizontally */
}




.layer1 {
margin: 0;
padding: 0;
width:100%;
}
 
.heading {
margin: 1px;
padding: 3px 10px;
cursor: pointer;
position: relative;
font-weight:bold;
}
.content {
margin-left: 20px;
padding: 5px 10px;
background-color:#fafafa;
}
p { padding: 5px 0; }
