

body {background: #746971;font:normal 12px/1.4 verdana;
text-align: left;
color: #48619F
} 
#mar_top {position:relative;
top:0px;
left:6px;
height:20px;
width:844px;
margin-top:-20px;
background: url(../images/mar_top.jpg) no-repeat
}
#mar_bot {position:relative;
top:0px;
left:6px;
height:20px;
width:844px;
background: url(../images/mar_bot.jpg) no-repeat
}
#container {position:relative;
width: 844px;
margin: auto;
background-image: url(../images/back.jpg);
background-repeat: repeat-y; 
text-align:left
}
#logo {position: relative;
top:0px;
left:26px;
height:60px;
width:460px;
margin:21px;
background: url(../images/logo3.jpg) no-repeat;
text-align: left
}
.bgrd{position:relative;
top:0px;
left:0px;
background:#fff url(../images/midback.jpg) repeat-x
}
#content {position: relative;
margin-left:26px; margin-right:26px
}
#left {position: relative;
float: left;
top:0px; left:0;
width:300px;
background:#fff url(../images/midback.jpg) repeat-x
}
#left2 {position: relative;
float: left;
top:0; left:0;
width: 220px;
background:#fff url(../images/midback.jpg) repeat-x
}
#left3 {position: relative;
float: left;
top:0; left:0;
width: 200px;
background:#fff url(../images/midback.jpg) repeat-x
}
#right {position: relative;
margin-left:329px;
width: 450px
}
#right2 {position: relative;
margin-left:220px;
width: 540px
}
#right3 {position: relative;
margin-left:220px;
width: 555px
}
#clear {clear:both
}
#menu {position:relative;
display:block;
top:15px;
left:10px;
height:227px;
width:198px;
background: url(../images/sl_menu3.jpg) no-repeat;
z-index:70
}
#links {position:relative;
top:12px;
left:10px;
}

  #links a {
	display:block;
  margin-top:3px;
  width:162px;
  height:23px;
  color: white;
  text-decoration:none;
  font:bold 13px arial;
  text-align: right;
  padding-top:8px;
  padding-right:5px;
  background:#8A9CCA;
   }
  * html #links a{
   \height: 30px; /* for IE5 and IE6 in quirks mode */
	 \width: 165px;
    h\eight: 23px; /* for IE6 in standards mode */
		w\idth: 162px;
  } 




#links a:hover {background:#CC818C
}
#links a:active {background:#CC818C
}

.regtable {font:normal 12px/1.4 verdana;
text-align: left;
color: #48619F; 
}

a img {border:none}
a {color: #48619F}
a:hover {color: #B85060}
a:visited { #B85060}
a:active{ #B85060}

input {color: #48619F
}
option {color: #48619F
}
#dist{
position: relative;
height: 47px;
} 
#contentframe {
position:relative;
height:500px;
margin-top:0px;
overflow:auto;
 }
 

#semitransp {position:absolute;
top:534px;
left:0px;
height:10px;
width:430px;
background:#fff 
}
#faq {font:normal 10px/1.6 verdana;
margin-top:-20px;
}
.frame {position:relative;
height:211px;
width:150px;
background: url(../images/frame1.jpg);
float:left;
margin:8px
}
.picsmall {position :relative;
top:7px;
left:8px;
height:180px;
width:120px;
}
.banner {position: absolute;
top:157px;
left:8px;
height: 30px;
width:120px;
color:#48619F;
font: normal 10px/1.2 arial;
background:#fff;
FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=70); moz-opacity: 0.70; opacity: 0.7
}
.namecity{position: relative;
top:2px;
}
.ageheight{position: absolute;
top:6px;
right:0;
text-align:right;
}
#details {display: block; position: relative;
top:0;
left:0;
width:200px;
float:left;
line-height: 1.2;
}
#pics {display:block; position: relative;
float: right;
right:10px;
top:10px;
}
#picbig {position: relative;
top:0;
left:0;
padding:4px;
height:486px;
width:324px;
}
#picbigframe{position: relative;
top:0;
left:0;
display:block;
border: 1px solid #48619F; background-color:white;
margin-bottom:10px;
width:333px;
}
#thumbs {position: relative;
top:0;
left:0px;
width:350px
}
.thumb {position:relative;
top:0;
left:0;
padding:1px;
height:77px;
width:57px;
}
.thumbframe{position:relative;
display:block;
top:0;
left:0;
float:left;
margin-right:7px; margin-bottom:6px;
border: 1px solid #48619F; background-color:white;
z-index:140;
}
#pic_bot {position:relative;
top:0px;
left:0px;
height:238px;
width:302px;
margin-top:30px;
background:#fff url(../images/craciunite2.jpg) no-repeat;
}
#pic_top {position:absolute;
top:0;	 
left:586px;
height:262px;
width:233px;
background: url(../images/pic-top3.jpg) no-repeat;
background-position: left bottom;
z-index:100
}
* html #pic_top {
    \height: 242px; /* for IE5 and IE6 in quirks mode */
    h\eight: 262px; /* for IE6 in standards mode */
  } 


#menu_r {position:absolute;
top:260px;
left:660px;
height:169px;
width:146px;
background: url(../images/menu_r.gif) no-repeat;
z-index:130;
}
#menu_r a#m1 {
  position:absolute; 
  left:12px; 
  top:11px;
	width:115px;
	height:47px;
  background:url(../images/menur1.gif) no-repeat ;
  }
	#menu_r a#m1:hover {
  background:url(../images/menur1h.gif) no-repeat ;
  }
	#menu_r a#m2 {
  position:absolute; 
  left:16px; 
  top:50px;
	width:115px;
	height:47px;
  background:url(../images/menur2.gif) no-repeat ;
  }
	#menu_r a#m2:hover {
  background:url(../images/menur2h.gif) no-repeat ;
  }
	#menu_r a#m3 {
  position:absolute; 
  left:20px; 
  top:89px;
	width:115px;
	height:47px;
  background:url(../images/menur3.gif) no-repeat ;
  }
	#menu_r a#m3:hover {
  background:url(../images/menur3h.gif) no-repeat ;
  }
	#adv a {display:block; position:relative;top:150px;left:4px;
	text-decoration:none;font:bold 11px verdana;
text-align: center;
color: #B85060;}
#adv a:hover {color:#48619F}

h1 {font:bold 16px/1.3 arial;
text-align: center;
color: #48619F;margin-top:-14px;margin-bottom:-12px;
}
h2 {font:bold 16px/1.4 arial;
text-align: center;
color: #B85060;
}
h3 {font:bold 11px verdana;
text-align: center;
color: #B85060;
}
h4 {font:bold 16px/1.2 arial;
text-align: center;
color: #48619F;
}
h5 {font:bold 14px/1.2 arial;
text-align: left;
color: #B85060;
}
#looking {position:absolute;
top:205px;
left:259px;
height:144px;
width:144px;
padding-top:15px;
background: url(../images/looking.gif) no-repeat;
background-position: left bottom;
z-index:130;
}
#activity {position:absolute;
top:295px;
left:329px;
height:204px;
width:204px;
padding-top:20px;
background: url(../images/activity2.gif) no-repeat;
background-position: left center;
z-index:140;
}
#find {position:absolute;
top:290px;
left:565px;
height:116px;
width:116px;
background: url(../images/find2.gif) no-repeat;
background-position: left bottom;
z-index:120;
}
#reg1 {position:absolute;
top:460px;
left:519px;
height:82px;
width:190px;
padding-top:15px;
padding-left:20px;
background: url(../images/reg1.gif) no-repeat;
background-position: left bottom;
z-index:140;
} 

#reg2 {position:absolute;
top:480px;
left:675px;
height:114px;
width:114px;
padding-top:20px;
background: url(../images/reg2.gif) no-repeat;
background-position: left bottom;
z-index:140;
}
#reg2 a {display:block; font:bold 13px arial;
text-align: center; margin-top:-10px;
color: #B85060;}
#reg2 a:hover {color:#48619F
}
#leftcom {
margin-left:20px;
font:normal 10px arial;
color: 48619F;
}
#leftcom table,input {font:normal 10px arial;
color: 48619F;
}
#admin {font-size: 12px;
margin-left:30px
}
#admin table td{font-size: 12px;
padding-left:3px; padding-right:3px; text-align:center ;
}
.abs {position:absolute;}

.hiddenPic {display:none;}

#user{
position: absolute;
top:-5px; left:200px;
width: 80px;
font:normal 12px arial;
color:white;
z-index:200;
} 
#user a{
color: white;
}
