BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9px; MARGIN-LEFT: 0px; COLOR: #000000; background-image: URL("../images/sea-chiaro.jpg"); background-size:cover; MARGIN-RIGHT: 0px; FONT-FAMILY: verdana,arial,tahoma,helvetica; 


}

/******  LINK STYLES ******/

A {
	COLOR: #222222; TEXT-DECORATION: none;
	FONT-SIZE: 18px; line-height: 36px;
 	font-weight: normal;
}
A:link {
	COLOR: #222222; TEXT-DECORATION: none
}
A:visited {
	COLOR: #222222; TEXT-DECORATION: none
}
A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}

        .popup-container {
            color: green;
            display: inline-block;
            position: relative;
        }

        .popup-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateY(-50%);
            padding: 10px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            border-radius: 5px;
	    z-index: 2;
        }

.largebold {
	FONT-SIZE: 14px; 
	line-height: 16px;
 	font-weight: bold;

}
.address {
	FONT-SIZE: 11px; line-height: 14px;
        margin-left: 10px;

}
.mediumbold {
	FONT-SIZE: 12px; line-height: 14px;
 	font-weight: bold;
}
.smallbold {
	FONT-SIZE: 10px; line-height: 14px;
 	font-weight: bold;
}
.booklist {
    FONT-SIZE: 12px; line-height: 20px;	margin-left: 10px;
	margin-right: 10px;
}
.booklistjs {
    FONT-SIZE: 12px; line-height: 20px;	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

.hugetext {
	FONT-SIZE: 36px; line-height: 20px
}

.bigtext {
	FONT-SIZE: 24px; line-height: 30px
}
.largetext {
	FONT-SIZE: 16px; line-height: 20px
}
.largetextjs{
    FONT-SIZE: 16px; line-height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;				      
}

.text14 {
    FONT-SIZE: 14px; line-height: 20px;
 }   
.text14js {
    FONT-SIZE: 14px; line-height: 20px;
 	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;   
}
.text14center {
    FONT-SIZE: 14px; line-height: 20px;
 	margin-left: 10px;
	margin-right: 10px;
	text-align: center;   
}
.mediumtext {
	FONT-SIZE: 12px; line-height: 14px
}
.mediumtextmargin {
	FONT-SIZE: 12px; line-height: 14px;
	margin-left: 200px;
	margin-right: 5px;
	text-align: justify;	
}
.mediumtextjs {
	FONT-SIZE: 12px; line-height: 14px; 
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}
.smalltext {
	FONT-SIZE: 9px;
}
.smalltextjs {
	FONT-SIZE: 9px; line-height: 14px; text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}

#captchaImage {
	width: 150px;
	height: 40px;
	float: left;
	border: 1px solid gray;
	background-image: url("../img/captcha/0.jpg");
}
.container{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-color: orange;
	padding: 50px;
}

#captchaImage {
	width: 150px;
	height: 40px;
	float: left;
	border: 1px solid gray;
	background-image: url("../img/captcha/0.jpg");
}

.alert {
	padding: 5px;
	color: white;
}

.success {
	background-color: green;
}

.error {
	background-color: red;
}