@charset "utf-8";

/* CSS Document */



/* reset all margins and paddings */

* {
	margin: 0;
	padding: 0;
}

/* default elements */

body {
	background:url(../images/bg-gradient-mowifit.jpg) repeat-x #f883f7;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
}



.click {

	font-family: Tahoma;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #7732eb  ;

	text-decoration: none;

}

.click:hover {

	font-family: Tahoma;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color:#ff00ff;

	text-decoration: none;

	}

	

.question {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #0033CC;

	text-decoration: none;

}

.question:hover {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #0033CC;

	text-decoration:underline;

}



.question1 {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #ff00ff;

	text-decoration: none;

}

.registration {

	font-family: Tahoma;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	text-decoration: none;

}

.registr {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}



/* wrapper (centers content) */

#wrapper {

	background: #FFF url(../images/sidebar-monica-mollica.jpg) repeat-y;

	border: 4px solid black;

	margin: 0 auto;

	width: 950px;

}



/* big header image */

#header {
	background: url(../images/header-eng-monica-mollica.jpg) no-repeat;
	height: 250px;
	width: 950px;
}

#header h1 {
text-indent: -9999px;
}

/* top-navigation */
#topnavigation {
	background: url(../images/topNavBar-monica-mollica.jpg) no-repeat;
	height: 50px;
}

#topnavigation a {
	float: right;
	height: 50px;
	width: 130px;
}

.clearer {clear: both;}

/* main navigation (left side) */

#navigation {
	float: left;
	width: 170px;
}

#navigation a {
	display: block;
	height: 50px;
	width: 170px;
}


/* page content (main area) */
#content_wrapper {
	float: right;
	font-size: 1.4em;
	width: 780px;
	padding-top: 30px;
	margin: 0px;
	padding-right: 0px;	
	padding-bottom: 20px;
	} 

#content {
 	padding-left: 15px;
	}
	
#content img {
	border: #000000 solid;
	}

#content .banner img {
	border: #000000 dashed;
	}	
		
	

#content .banner {
	 	padding-left: 110px;
	}	
	


#content p {
 	padding-left: 30px;
	}

#content a {
	color: #9933FF;
}	

#content a:hover {
color:#E460E4;
}

#content h6 {
	background: url(../images/gradient-monica-mollica.jpg) no-repeat top;
	height: 50px;
	width: 780px;
	margin: -30px;
	padding: 15px;
}


#content h1 {
	font-size: 24px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9933FF;
	padding-left: 275px;
	margin-top: -50px;
}

#content h2 {
font-size: 15px;
}

#flags {
	margin-left: 60px;
	font-weight: normal;
	padding-top: 40px;
}

#flags p {

	color: #FFFFFF;

}



#flags img {

border: 1px solid black;

}



#navigation ul {

	list-style-type: none;

}



#navigation ul a {

	font-size:16px;

	color:  #E460E4;

	margin-left: 7px;

	text-decoration: none;

	}



#navigation ul a:hover {

color:#f817f8;

}



#navigation ul a:active {

color:#6600CC;

}



#navigation ul a.selected {

color:#6600CC;

}



blockquote {

	margin: 24px 0;

}



/* custom classes */

.pull {

	font: normal 1.4em Verdana,sans-serif;

	text-align: center;

}	







/* page footer */



#footer {

	background: url(../images/footer-monica-mollica.jpg) repeat-x;

	clear: both;

	font-size: 1.1em;

	height: 60px;

	text-align: center;

}



#footer p {
font-size: 13px;
padding-top: 5px;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
}


/* link properties */

#about a {background: url(../images/about-monica-mollica.jpg);}



#webdesign a {background: url(../images/webdesign-monica-mollica.jpg);}



#consultation a {background: url(../images/consultation-monica-mollica.jpg);}



#articles a {background: url(../images/articles-monica-mollica.jpg);}



#webcam a {background: url(../images/webcam-monica-mollica.jpg);}



#healthNews a {background: url(../images/healthNews-monica-mollica.jpg);}



#favorites a {background: url(../images/favorites-monica-mollica.jpg);}



#newsletter a {background: url(../images/newsletter-monica-mollica.jpg);}



#guestbook a {background: url(../images/guestbook-monica-mollica.jpg);}



#links a {background: url(../images/links-monica-mollica.jpg);}



#contact a {background: url(../images/contact-monica-mollica.jpg);}



#home a {background: url(../images/home-monica-mollica.jpg);}





#photos a {background: url(../images/photos-monica-mollica.jpg);}

#videos a {background: url(../images/videos-monica-mollica.jpg);}

#login a {background: url(../images/login-monica-mollica.jpg);}

#join a {background: url(../images/join-monica-mollica.jpg);}





#wrapper .selected a {background-position: right top;}

#navigation a:hover,#topnavigation a:hover {background-position: left bottom;}





/* drop shadow

================================== */



.img-wrapper {

  background:  url(../images/shadow.gif) no-repeat bottom right;

  float:left;

  line-height:0;

}

 

.img-wrapper img {

  background:#fff;

  padding:2px;

  border:1px solid #a9a9a9;

  position:relative;

  left:-5px;

  top:-5px;

}

-->



<!--[if IE 5]>

 

/* place css box model fixes for IE 5* in this conditional comment */

#sidebar1 { width: 170px; }



<![endif]--><!--[if IE]>



/* place css fixes for all versions of IE in this conditional comment */

#sidebar1 { padding-top: 300px; }

#mainContent { zoom: 1; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */



<![endif]-->