body {

background:#FFF url("http://myfavi.com/images/back11.jpg") repeat-x; background-attachment: fixed;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {

width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background:#FFFFFF;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 13px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}
.menu {
	padding: 10px;
	vertical-align: bottom;
margin-left: 15px;

}

.clear {
	clear: both;
	height: 0px;
}

.menu_buton {
	float: left;
}

.menu_buton a {
 display: inline-block;
padding: 5px 16px 5px; 
 text-align: center;
 text-decoration: none;
font: normal 14px Century Gothic;
 background-color:#B6DDFA;
 color:#333333;
 margin-top: 14px;
 margin-right: 6px;


}

.menu_buton a:hover {
 color:#FFF;
font: normal 14px Century Gothic;
 background-color:#015A9C; 

}


a.selected {
	color:#FFF;
        font: normal 14px  Century Gothic;
	background-color:#015A9C;	
        

}
.pic_site {
	float: left;
}
.img_site {
	padding: 10px;
	border: 1px solid #B6DDFA;
	margin: 10px;
}

.img_site:hover {
border: 1px solid #015A9C;


}


.entrance {
	float: right;
	width: 25%;
        padding-top: 30px;
}

form {
	margin: 0px;
	padding: 0px;
}

.text  {
	
	margin-right: 6px;
}



.site_title {
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
	text-align: center;
	font: normal 14px Century Gothic;
        color: #333;
}
.favi_friends {
	padding-top: 30px;
	font-size: 14px;
	font-weight: bold;
}

.friends_head {
padding-bottom: 6px;
font: normal 14px Century Gothic;
color: #666;
}

.friends_body {
padding-bottom: 30px;
font: bold 14px Century Gothic;
color: #666;
}

.friends_foot {
padding-bottom: 16px;
font: bold 14px Century Gothic;
color: #666;

}


.friends_foot a { background: #B6DDFA; padding: 1px 16px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font: bold 12px Century Gothic; color: #666; text-decoration:none;border: 1px dashed #999; }
.friends_foot a:hover { background: #015A9C;  font: bold 12px Century Gothic; color: #FFF;}

.friends_foot a {display: inline-block; margin-bottom:5px;}


.mouseover
{
width:80px;
height:27px;
background-image:url(http://img17.imageshack.us/img17/6022/13785977.png);
}
.mouseover a {display:block}
.mouseover img {width:100%; height:100%}
.mouseover a:hover img {visibility:hidden;}

input.red {background: #fff; padding: 1px 6px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font: bold 15px Century Gothic; color: #666; text-decoration:none; border: 1px dashed #999; }
input
{
color: #333;
background: #FFF;
border: 1px dashed #999
}

	
#topbar{
position:absolute;
border: 1px dashed black;
padding: 2px;
background-color: white;
width: 482px;
visibility: hidden;
z-index: 100;
}






/*MooSlide stylesheet*/

.mooSlide {
	background-color: #FFF;
	padding: 25px 10px 10px;
	font-family: Century Gothic;
	line-height: 1.2em;
	color: #000;
	border: 2px dashed #999;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	display: none;
	width: 200px;

}

.mooSlide h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 22px;
	color: white;
}



a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #999999;
}

.mooSlide form {
	margin: 0 0 10px 0;
	height: 26px;
}



.mooSlide .loginClose {
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 26px;
}

.mooSlide .loginClose a {
	display: block;
	width: 100%;
	height: 26px;
	background: url(http://myfavi.com/images/button_close.png) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: black;
}

.mooSlide .loginClose a:hover {
	background: url(http://myfavi.com/images/button_close.png) no-repeat right -26px;
}