/* costarica CSS Clenn Sunico */

Div.pagelayout
{
	align: center;
	width: 100%;

}



H1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	color:#000000;
	font-weight: bold;
	margin: 0px;








! important
;				padding-top: 30px;
}

H1 A:link
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	color: #000000;
	font-style:normal;
	text-decoration:none;
	font-weight: bold;
	}

H1 A:visited
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	color: #000000;
	font-style:normal;
	text-decoration:none;
	font-weight: bold;
}

H1 A:hover
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	color: #009900;
	font-style:normal;
	text-decoration:underline;
	font-weight: bold;
}



H2 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#333333;
	font-weight: normal;
	padding: 0px;
	background-position: right bottom;
	background-repeat: no-repeat;
	}
	
	
	
H2 A:link
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #000000;
	font-style:normal;
	text-decoration:none;
	font-weight: normal;

	}

H2 A:visited
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #000000;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;

}

H2 A:hover
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #009900;
	font-style:normal;
	text-decoration:underline;
	font-weight: normal;

}


H3 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	color:#333333;
	font-weight: normal;

	}
	
	
H3 A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-style:normal;
	text-decoration:underline;
	font-weight: bold;
	color: #666666;

	}

H3 A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
	font-weight: bold;

}

H3 A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
	font-weight: bold;

}


H4 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: normal;
	text-align: center;



	}



H4 A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-style:normal;
	text-decoration:none;
	font-weight: normal;
	}

H4 A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-style:normal;
	text-decoration:none;
	font-weight: normal;
}

H4 A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCFF99;
	font-style:normal;
	background-color: ec9820;
	font-weight: normal;

}
H5 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#666666;
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;



	}



H5 A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
	font-weight: normal;
	}

H5 A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
	font-weight: normal;
}

H5 A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #339900;
	font-style:normal;
	font-weight: normal;

}


body
{
	background-color: #FFFFFF;
	height:100%;
	background-attachment: scroll;
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: auto;
}


p
{
	vertical-align: top;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;


}

p A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-style:normal;
	font-weight: bold;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


	}

p A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-style:normal;
	text-decoration:none;
	font-weight: bold;

}

p A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
	font-weight: bold;

}


td {
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;



}


/*	Bullet Point.
		. abcde
		. abcde
		. abcde
*/

ul
{
	vertical-align: top;
	font-size: 14px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:29px;
	list-style-image: url(images/bullet.jpg);


}

ul A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
	line-height: 28px;
	font-weight: bold;


	}

ul A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
	font-weight: bold;
}

ul A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-style:normal;
	text-decoration:underline;
	color: #333333;
	font-weight: bold;

}



/*	Number Points... e.g.
		1. abcde
		2. abcde
		3. abcde
*/

ol
{
	vertical-align: top;
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;

}

ol A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
	}

ol A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
}

ol A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #2766bc;
	font-style:normal;
	text-decoration:underline;
}
.headertop {
	height: 113px;
	width: 950px;
	background-image: url(images/cala-del-sollogo.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.header {
	height: 269px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.left_column {
	float: left;
	height: auto;
	width: 670px;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 58px;
}
.right_column {
	float: right;
	height: auto;
	width: 230px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	padding-bottom: 58px;
}
.footer {
	height: 100px;
	width: 100%;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #1e8901;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.qmenu {
	width: 658px;
	float: right;
	padding-top: 230px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
}
.nav a 

{
	display:block;
	width: 100%;
	padding:5px 0px 5px 28px;
	color:#254678;
	background: url("nav-bttn.jpg") 0 0 no-repeat;
	text-decoration: none;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;

}

.rollover a 

{
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	background-image: url(images/bttn-qmenu.jpg);
	background-repeat: repeat-x;
	background-position: 0 -105px;
	width: auto;
	float: left;
	height: 25px;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;

}
.rollover a:hover 

{
	background-position: center 0px;
	color: #ffffff;
	text-align: center;

}
.rollover a:active 

{
	background-position: 0 -70px;
	color:#FFFFFF;
	text-align: center;

}

.rollovernow a 

{
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	background-image: url(images/bttn-qmenu.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	width: auto;
	float: left;
	height: 25px;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;

}
.rollovernow a:hover 

{
	background-position: 0 -35px;
	color: #ffffff;
	text-align: center;

}
.rollovernow a:active 

{
	background-position: 0 -70px;
	color:#FFFFFF;
	text-align: center;

}
.content {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	background-image: url(images/keep-right.jpg);
}
.footer2 {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/footer-bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 258px;
}
.twitter {
	width: 463px;
	float: right;
	height: 108px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.Flash {
	width: 518px;
	float: right;
	height: 118px;
	padding-top: 18px;
}
.container {
	height: auto;
	width: 226px;
	vertical-align: top;
	margin: 0px;
	background-image: url(images/block-bg.jpg);
	background-repeat: repeat-y;
}
.container2 {
	width: 188px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.container3 {
	width: 200px;
	float: left;
	padding-left: 83px;
	height: 98px;
}
.rss {
	width: 226px;
	height: auto;
	background-image: url(images/block-rssbg.jpg);
	background-repeat: no-repeat;
	padding-top: 3px;
}
.contentbox {

}
/* form box */
#GRSubscribeForm fieldset {
border: 0;
}
.column1 {
	width: 500px;
	height: auto;
	padding: 30px;
	background-image: url(images/site-map.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.headimage {
	height: auto;
	width: 538px;
	vertical-align: top;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}