/******************************************************************/
/********************** VISIT KYTHERA v 1.0 ***********************/
/******************************************************************/


/**************************** GLOBAL ******************************/

body {
	background-color: #7ab82e;
	font-family: Arial, Calibri, Verdana, Geneva, Helvetica, "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 1.357em;
	background-image:url(http://www.visitkythera.gr/assets/s/images/bg_pat.gif);
	background-position:top;	
	background-repeat:repeat-x;
}
p {
	font-size: 1em;
	line-height: 1.357em;
	margin: 1.0em 0 1.0em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a {
	color: #01b0e9;
	text-decoration:none;
}
a:hover {
    color: #99cc00;
}
b, strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ul, ol {
	margin: 0 0 1.357em 0;
	list-style-position:outside;
}
sup {
	font-size: 0.85em;
	vertical-align: super;
}
sub {
	font-size: 0.85em;
	vertical-align: sub;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/*to enable resizing for IE*/
input, textarea, select {
	font-size:100%;
}
.clearfloat {
	clear: both;
	margin: 0px;
	font-size: 1px;
    line-height: 0px;
}


/***************************** HEADER *****************************/

#header {
	width: 990px;
	background-color:#f0f0f0;
	margin-left: auto;
	margin-right: auto;
}

/* Top Menu */

#topMenu {
	min-height: 30px;
}
* html #topMenu {
	height: 30px;
}
#topMenu ul {
	display:block;
	float:right;
	padding:0 20px 0 0;
	margin:0;
	overflow: hidden;
}
#topMenu li {
	font-size:10px;
	float: left;
	min-height: 10px;
	display: inline;
}
* html #topMenu li {
	height: 10px;
}
#topMenu li a {
	text-decoration: none;
	color: #a2a7b6;
	display: block;
	padding: 5px 10px 5px 10px;
	background-image:url(../images/colon_top.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#topMenu li a:hover {
	color:#000;
}
#topMenu li.active {
	text-decoration: none;
	color: #000;
	padding: 5px 10px 5px 10px;
	background-image:url(../images/colon_top.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#topMenu .about a {
	color: #99cc00;
	margin-left:100px;
}
#topMenu .sitemap a {
	color: #00b0e8;
}
#topMenu .lang a {
	color: #99cc00;
}
#topMenu .contact a {
	width:100px;
	text-align:right;
	margin-left:120px;
	color: #a2a7b6;
}
#topMenu .home a {
	color: #a2a7b6;
}
#topMenu li.last {
	background-image:none;
}
#topMenu li.last a {
	background-image:none;
}

/* Logo Banners Weather Date */

#logo {
	float:left;
	padding:26px 0 20px 0;
}
.banner1 {
	float:left;
	width:468px;
	display:block;
	padding:17px 5px 20px 40px;
	margin-right:0px;
}
.banner2 {
	float:left;
	width:120px;
	display:block;
	padding:17px 0 20px 5px;
}
#weatherBox {
	float:left;
	height:80px;
	padding:19px 0px 18px 60px;
}
.weather_icon {
	float:left;
	font-family: Arial Black;
	font-size:20px;
	font-weight:bold;
	padding-top:1px;
}
.temp {
	float:left;
	width:70px;
	padding-left:2px;
	padding-top:13px;
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
	color:#999;
}

/* Yahoo Weather */

.credit {
	font-size:9px;
	color:#e1e1e1;
}




/* Main Menu */

#mainMenu {
	min-height: 36px;
}
* html #mainMenu {
	height: 36px;
}
#mainMenu .center {

}
#mainMenu ul {
	margin: 0 auto;
	padding: 0 0 0 10px;
	overflow: hidden;
	display:block;
}
#mainMenu li {
	font-size:11px;
	font-weight:bold;
	float: left;
	margin: 0 0 0 10px;
	min-height: 22px;
	display: inline;
	background-color:#fff;
	background-image:url(../images/main_menu_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
* html #mainMenu li {
	height: 22px;
}
#mainMenu li a {
	text-decoration: none;
	color: #999;
	display: block;
	padding: 13px 9px 8px 10px;
	background-image:url(../images/main_menu_tr.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#mainMenu li a:hover {
	color:#99cc00;
	background-color:#f0f0f0;
	background-image:none;
	background-image:url(../images/main_menu_c_on.gif);
	background-position:center;
	background-repeat:no-repeat;
}
#mainMenu li.active a {
	color:#fff;
	padding: 13px 9px 8px 10px;
	background-image:url(../images/main_menu_tr_on.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#mainMenu li.active a:hover {
	color:#000;
	background-image:none;
}
#mainMenu li.active {
	color: white;
	background: #99cc00;
	background-image:url(../images/main_menu_tl_on.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.menu {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 13px 10px 8px 10px;
	background-image:url(../images/main_menu_tr_on.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
	
/***************************** CENTER *****************************/

#center {
	width: 990px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
}

#breadcrumb {
	display:block;
	height:40px; 
	margin:0;
	color: #99cc00;
} 
#breadcrumb li {
	padding: 0 5px 0 0px;
	font-size:11px;
	float: left; 
	display: inline;
} 
#breadcrumb a { 
	color: #858a97;
	padding-right:14px;
	background-image:url(../images/breadcrump_arr.gif);
	background-position:top right;
	background-repeat:no-repeat;
} 
#breadcrumb a:hover { 
	color: #99cc00;
	background-image:url(../images/breadcrump_arr.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#mainText {
	margin-top:0;
}
#mainText ul {
	list-style:none;
	list-style-type:none;
	color:#777777;
	padding: 0;
	padding-bottom:10px;
	margin: 0;
}
#mainText li {
	background-image: url(../images/li_main_text.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:15px;
}
#mainText p {
	font-size:11px;
	text-align:justify;
	width:440px;
	color:#000;
	padding: 1px 0 4px 0px;
}
#mainText img {
	padding:5px 5px 0px 2px;
}
#mainText blockquote {
	text-align:justify;
	font-size:11px;
	color:#999999;
	padding: 26px 0px 10px 0px;
	background-image: url(../images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin-top: 5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
#mainContent h1 {
	font-size:20px;
	color:#99cc00;
	padding: 15px 0 10px 0px;
	margin-left:-1px;
	line-height: 1.1em;
}
#mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6 {
	font-size:14px;
	padding:4px 0 1px 0;
	text-align:justify;
	line-height: 1.357em;
	margin: 0.5em 0 0.5em 0;
}
#mainText h2 {
	color:#99cc00;
}
#mainText h2 a{
	color:#00b0e8;
}
#mainText h2 a:hover{
	color:#99cc00;
}
#mainText h3 {
	color:#00b0e8;
}
#mainText h4 {
	color:#000;
}
#mainText h5 {
	font-size:11px;
	color:#999999;
}
#mainText h6 {
	font-size:11px;
	color:#cccccc;
}
.top {
	font-size:9px;
	margin-left:0px;
}
.top a {
	font-size:9px;
	color: #01b0e9;
	text-decoration:none;
	padding-right:9px;
	background-image:url(../images/top_arr.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.top a:hover {
    color: #99cc00;
}


/* Sitemap */

#sitemap {
	margin:25px 0 0 0;
	padding:0;
}
#sitemap a {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
#sitemap a:hover {
	color:#99cc00;
}
#sitemap ul {
	list-style:none;
	list-style-type:none;
	padding:5px 0 5px 20px;
}
#sitemap li {
	list-style:none;
	list-style-type:none;

}
#sitemap ul li {
	padding:5px 0 2px 0;
}
#sitemap ul ul li {
	padding:0;
}
#sitemap ul ul li a {
	display: block;
	padding:0;
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
#sitemap ul ul {
	padding:10px 0 2px 5px;
}
#sitemap ul ul li {
	padding:1px 0 1px 5px;
}
#sitemap ul ul ul li {
	display: block;
	padding:0 0 1px 7px;
	color:#666;
	font-size:11.5px;
	font-weight:normal;
	text-decoration: none;
}
#sitemap ul ul ul li a {
	display: block;
	padding:0;
	color:#666;
	font-size:11.5px;
	font-weight:normal;
	text-decoration: none;
}

#ccBannerContainer {
	float:left;
	padding-left:15px;
	padding-bottom:30px;
} 
.ccBanner {
	width:140px;
	padding-left:10px;
	float:left;
}
.ccBannerTitle {
	font-size:13px;
	font-weight:bold;
	color:#00b0e8;
	padding:20px 0 0 0;
	height:18px;
}
.ccBannerPic {
	padding: 0;
}
.ccBannerArrow {
	padding-top:3px;
}
.ccBannerMore {
	font-size:11px;
	color:#848996;
	height:60px;
}
.ccBannerMore a {
	display:block;
	color:#898e9c;
	padding-left:2px;
	line-height: 1.4em;
}
.ccBannerMore a:hover {
	color:#00b0e8;
}


/* CC Galleries and Wallpapers */

#ccGalleryContainer {
	float:left;
	padding:0;
	padding-bottom:10px;
} 
#ccGalleryContainer .ccGallery {
	width:140px;
	padding:0 5px 20px 0;
	float:left;
}
#ccGalleryContainer .ccGalleryTitle {
	font-size:13px;
	font-weight:bold;
	color:#00b0e8;
	padding:5px 0 0 0;
	height:18px;
}
#ccGalleryContainer .ccGalleryPic {
	padding: 0;
	width:140px;
	height:88px;
	overflow:hidden;
}
#ccGalleryContainer .ccGalleryDown	 {
	padding-top:3px;
}
#ccGalleryContainer .ccGalleryDesc {
	font-size:11px;
	color:#848996;
	height:60px;
}
#ccGalleryContainer .ccGalleryDesc a {
	display:block;
	color:#898e9c;
	padding-left:2px;
	line-height: 1.4em;
}
#ccGalleryContainer .ccGalleryDesc a:hover {
	color:#00b0e8;
}


/* CC Galleries and Wallpapers Details */

#ccGalleryDetailContainer {
	float:left;
	padding:0;
	padding-bottom:30px;
}

.galleryLabel {
	font-size:18px;
	font-weight:normal;
	color:#ccc;
	padding:0 0 12px 0;
}

#ccGalleryDetailContainer .ccGallery {
	width:128px;
	float:left;
	margin: 0 5px 5px 0;
}
#ccGalleryDetailContainer .ccGalleryTitle {
	font-size:13px;
	font-weight:bold;
	color:#00b0e8;
	padding:20px 0 0 0;
	height:18px;
}
#ccGalleryDetailContainer .ccGalleryPic {
	width:120px;
	height:75px;
	overflow:hidden;
	border-top:solid;
	border-right:solid;
	border-bottom:solid;
	border-left:solid;
	border-color:#ccc;
	border-width: 4px 4px 4px 4px;
}

#ccGalleryDetailContainer .ccGalleryPic img {
	margin:0;
}

#ccGalleryDetailContainer .ccGalleryDown	 {
	padding:5px 0 5px 0;
}
#ccGalleryDetailContainer .ccGalleryDesc {
	font-size:11px;
	color:#848996;
	padding:0 5px 0 5px;
	margin: 0 0 20px 0;
}
#ccGalleryDetailContainer .ccGalleryDesc a {
	display:block;
	color:#898e9c;
	padding-left:2px;
	line-height: 1.4em;
}
#ccGalleryDetailContainer .ccGalleryDesc a:hover {
	color:#00b0e8;
}



/* Relative Links */

#linksColumn {
	float:left;
	width: 165px;	
	margin-top:35px;
	padding:0 5px 0 5px;
}
#ccLinks {
	width: 155px;
	padding:0 0 0 10px;
}
#ccLinks .title {
	font-size:12px;
	font-weight:bold;
	color:#898e9c;
	padding:23px 0 2px 0;
	margin-bottom:3px;
}
#ccLinks ul {
	margin-top:2px;
	padding: 4px 0 0 0;
}
#ccLinks li {
	font-size:11px;
	display:block;
	padding: 10px 0 10px 0;
	background-image:url(../images/cc_links_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#ccLinks li a {
	color:#999999;
	display:block;
}
#ccLinks li a:hover {
	color:#333333;
}
#ccLinks li.last {
	background-image:none;
	margin-bottom:0px;
}

#ccQuotes {
	width: 155px;
	padding:28px 0 0 10px;
}
#ccQuotes .title {
	font-size:14px;
	color:#999999;
	height:20px;
	padding: 2px 0px 2px 10px;
	background-image: url(../images/quotes_title.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	letter-spacing: 1px;
}
#ccQuotes ul {
	margin-top:2px;
	padding: 4px 0 5px 0;
}
#ccQuotes li {
	font-size:11px;
	display:block;
	padding: 0 0 8px 0;
	margin-bottom:8px;
	color:#00b0e8;
	background-image:url(../images/cc_links_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#ccQuotes li.last {
	font-size:11px;
	display:block;
	padding: 0 0 10px 0;
	color:#00b0e8;
	background-image:none;
}




/* Banners Left */

#lcBanners {
	padding: 0 20px 0 20px;
	text-align:center;
}
#lcBanners .banner {
	padding: 10px 0 0 0;
}



/* Banners Right */

#rcBanners {
	margin-top:5px;
	padding: 0 5px 0 20px;
	text-align:center;
}
#rcBanners .banner {
	padding: 10px 0 0 0;
}





/***************************** FOOTER *****************************/

#footer {
	width: 990px;
	background-color:#f0f0f0;
	height:50px;
	margin-left: auto;
	margin-right: auto;
}
.btmLeft {
	float:left;
	display:block;
	padding-top:18px;
	width: 190px;
	padding-left:15px;
}
#btmLinks {
	float:left;
	display:block;
	padding-top:16px;
	padding-left:5px;
}
#btmLinks ul {
	margin: 0 auto;
	padding: 0 0 0 0px;
	overflow: hidden;
}
#btmLinks li {
	font-size:9px;
	float: left;
	display: inline;
}
#btmLinks li a {
	text-decoration: none;
	color: #a2a7b6;
	display: block;
	padding: 5px 8px 5px 8px;
	background-image:url(../images/colon.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#btmLinks li a:hover {
	color:#000;
}
#btmLinks li.active {
	text-decoration: none;
	color: #000;
	padding: 5px 8px 5px 8px;
	background-image:url(../images/colon.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#btmLinks li.last {
	background-image:none;
}
#btmLinks li.last a {
	background-image:none;
}



/* Main Menu */

#tbSubMenu02 {
	background-color:#fff;
	padding:5px 0 0 0;
	margin: 0;
	float:left;
	margin-top:5px;
	width: 170px;
}
#tbSubMenu02 ul{
	list-style: none;
	margin: 0px;
	border: none;
	padding:0 0 30px 0;
}
#tbSubMenu02 ul li {
	margin: 0px;
	padding: 1px 0px 1px 0;
	width:100%;
}
#tbSubMenu02 ul li a {
	display: block;
	padding:2px 0 2px 20px;
	margin:0;
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
#tbSubMenu02 ul li a:hover {
	color: #01b0e9;
}
#tbSubMenu02 ul li a.active {
	color: #01b0e9;
}
#tbSubMenu02 ul li a.active:hover {
	color: #99cc00;
}

/* Submenu */

#tbSubMenu02 ul ul{
	list-style: none;
	margin: 0px;
	padding:8px 0 15px 5px;
	border: none;
	1border-top:1px #fff dotted;
}
#tbSubMenu02 ul ul li {
	margin: 0px;
	padding: 2px 0 2px 0;
}
#tbSubMenu02 ul ul li a {
	margin:0;
	padding:1px 0 1px 20px;
	color:#01b0e9;
	font-size:11.5px;
	line-height:1.0em;
	font-weight:normal;
	text-decoration: none;
}
#tbSubMenu02 ul ul li a:hover {
	color: #99cc00;
}
#tbSubMenu02 ul ul li a.active {
	color: #99cc00;
	background-color:none;
	background:transparent;
	background-image:url(../images/li_m1_dot.gif);
	background-position:8px;
	background-repeat:no-repeat;
}
#tbSubMenu02 ul ul li a.active:hover {
	color: #01b0e9;
}




/*** Extras ***/

#extras {
	padding:10px 30px 10px 0px;
	margin:0px;
}

/* Galleries */

.galleriesCont {
	padding:0;
	margin:20px 0 10px 0;
}
.galleriesContTitle {
	font-size:14px;
	color:#ccc;
	font-weight:bold;
	padding: 0 0 5px 0;
}
.galleriesContTitle a {
	color:#ccc;
}
.galleryContTitle a:hover {
	color:#000;
}
.galleryTitle {
	font-size:14px;
	color:#86adc0;
	font-weight:bold;
	padding: 0 0 5px 0;
}
.galleryTitle a {
	color:#ccc;
}
.galleryTitle a:hover {
	color:#000;
}
.galleryImages img {
	border-top:solid;
	border-right:solid;
	border-bottom:solid;
	border-left:solid;
	border-color:#ccc;
	border-width: 4px 4px 4px 4px;
	margin: 2px 5px 3px 0;
}

/* Articles */

.articlesCont {
	padding:0;
	margin:20px 0 10px 0;
}
.articlesContTitle {
	font-size:14px;
	color:#666;
	font-weight:bold;
	padding:0;
	margin:0 0 10px 0;
}
.articlesContTitle a {
	color:#01b0e9;
}
.articlesContTitle a:hover {
	color:#666;
}
.articles ul {
	margin:0;
	padding:0;
}
.articles li {
	font-size:12px;
	font-weight:normal;
	margin:4px 0 10px 0;
}
.articleDate {
	font-size:10px;
	color:#000;
	font-weight:bold;
	padding:0 0 1px 0;
	margin-bottom:2px;
}

.articles li img{
	float:left;
	margin-right: 10px;
}

.articleTitle {
	font-size:14px;
	color:#ccc;
	font-weight:bold;
	padding: 0 0 5px 0;
	/* text-align:justify; */
}
.articleTitle a {
	display:block;
	color:#01b0e9;
	padding:0 0 2px 1px;
	font-size:12px;
	font-weight:bold;
	/* text-align:justify; */
	border:0;
	border-bottom:1px;
	border-color:#ccc;
	border-style:dotted;
	background-color:#fff;
	margin:0 0 1px 0;
}
.articleTitle a:hover {
	color:#99cc00;
	border-color:#ccc;
}
.articleDesc {
	font-size:10px;
	color:#999;
	font-weight:normal;
	padding:0 0 0 0;
	margin:4px 0 10px 0;
	text-align:justify;
}
.articleTitleS {
	font-size:11px;
	font-weight:bold;
	color:#aaa;
}
.date {
	display:block;
	color:#01b0e9;
	padding:0 0 3px 0;
	font-size:13px;
	font-weight:bold;	
}


/* Files */

.filesCont {
	padding:0;
	margin:20px 0 10px 0;
}
.filesContTitle {
	font-size:14px;
	color:#86adc0;
	font-weight:bold;
	padding:0;
	margin:0 0 10px 0;
}
.filesContTitle a {
	color:#ccc;
}
.filesContTitle a:hover {
	color:#000;
}
.files ul {
	margin:0;
	padding:0;
}
.files li {
	font-size:12px;
	font-weight:normal;
	margin:4px 0 10px 0;
}
.fileTitle {
	font-size:14px;
}
.fileTitle a {
	display:block;
	padding:10px 3px 10px 40px;
	font-size:12px;
	font-weight:bold;
	color:#999;
	border:1px;
	border-color:#ccc;
	border-style:dotted;
	background-color:#fff;
	background-image:url(../images/files_bg.gif);
	background-position:5px 0;
	background-repeat:no-repeat;
}
.fileTitle a:hover {
	color:#e66c33;
	background-color:#f8f8f8;
}


/*** Extras ***/

.offer {
	font-family: Arial, Calibri, sans-serif;	
	display:block;
	1border-bottom: 1px dotted #eee;
	background-image:url(../images/offer_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#888;
	font-weight:normal;
	font-size:11px;
	padding:20px 10px 10px 12px;
	margin:-9px 0 20px -10px;
	text-align:justify;
	border-top: 1px dotted #eee;
}
.offer b {
	color:#e85241;
	font-weight:bold;
	font-size:12px;
}

/*** Booking ***/

.reservationNote {
	display:block;
	font-weight:bold;
	color:#635861;
	margin:-10px 0 0 0;
}
.bookingButton {
	width:130px;
	text-align:center;
	margin-left:220px;
	padding:2px 2px 2px 2px;
	background-color:#cec6c0;
	border:solid;
	border-style:solid;
	border-color:#635861;
	border-width:1px;
}

/***************************** TABLES *****************************/

/* Info Table */

.infoTable {
	width:100%;
}
.infoTable th {
	width:40%;
	font-weight:bold;
	color:#048fd0;
	padding: 7px 5px 7px 5px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
.infoTable tr {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	text-align:center;
}
.infoTable td {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	text-align:center;
}
.rowOne {
	background-color:#f8f8f8;
}
.rowTwo {
	background-color:#fff;
}

/* Menu Table */

.menuTable {
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}
.s {
	color:#000;
	font-size:11px;
	font-weight:normal;
	color:#333;
display:block;
	padding:0 15px 0 0;
}
.menuTable a {
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#01b0e9;
}
.menuTable a:hover {
	color:#666666;
}
.menuTable td {
	width:50%;
	font-weight:bold;
	color:#048fd0;
	padding: 7px 0 7px 0;
	vertical-align:top;
}
.menuTable tr {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding: 7px 5px 7px 5px;
	background:none;
}
.menuTable td {
	text-align:left;
}

/* Search */

.rcSearchContainer {
	width:120px;
	padding-left:24px;
	padding-top:10px;
	display:block;
}
.rcSearch {
	width:80px;
	height:15px;
	padding: 1px 2px 0 2px;
	background-color:#fff;
	color:#00b0e8;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}
.rcSearchBtn {
	width:22px;
	height:18px;
	padding: 0 2px 1px 0;
	margin:-1px 0 0 2px;
	background-color:#fff;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	background-image: url(../images/search_button.gif);
	background-repeat:no-repeat;
	background-position: 2px 2px;
}