body {
	margin:0;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;	/* Minimum width of layout - remove line if not required */
	font-size:95%;
	font:medium Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
	background-color:#fff;
	background:url('/images/banner.jpg') 50% 0 repeat-x;
	}

#bodycontainer-,
#bodycontainer-wpt,
#bodycontainer-rte,
#bodycontainer-awf,
#bodycontainer-bag,
#bodycontainer-gps,
#bodycontainer-mem {
	text-align:left;
	width:100%;
	margin:0 auto;
	}

#map {
	width:100%;height:450px;
	background-color:#97B3C9;
	/*background-image:url('/images/map.jpg');*/
	/*background-repeat:no-repeat;*/
	/*background-position:100% 100%;*/
	}
.center { text-align:center;margin-left:auto;margin-right:auto;}
.searchbar { text-align:center;margin-left:auto;margin-right:auto;}
.searchbar input, .searchbar form { margin:0;}
.error {color:red;font-weight:bold;font-size:110%;}
.bottom { position:absolute;bottom:0;}
.selected {color:red;font-weight:bold;border:1px solid red;}
.baglist1 {width:160px;float:left;padding:0 5px 0 0;}
.baglist2 {background:#fcc;}
.baglist3 {white-space:nowrap;height:6.5em;}

hr {
	border:0;
	width:100%;
	color:#ccc;
	background-color:#ccc;
	height:1px;
	}

td {vertical-align:top;text-align:left;}
td.label {vertical-align:top;text-align:right;font-weight:bold;width:25%;}
td.field {vertical-align:top;text-align:left;}
p.level0 { margin-left:00px;font-weight:bold;font-size:120%;}
p.level1 { margin-left:20px;font-weight:bold;}
p.level2 { margin-left:60px;}
p.level3 { margin-left:100px;font-size:67%;}

/*
#button-wpt {background-image:url('/images/red-button.png');}
#button-rte {background-image:url('/images/green-button.png');}
#button-awf {background-image:url('/images/green-button.png');}
#button-gps,
#button-mem {background-image:url('/images/blue-button.png');}
#button-bag {background-image:url('/images/gold-button.png');}

#button-wpt,
#button-rte,
#button-awf,
#button-gps,
#button-bag,
#button-mem {
	background-repeat:no-repeat;
	background-position:0 0;
	height:30px;
	width:132px;
	padding:6px 0 0 6px;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	}
*/

.button-wpt {background-image:url('/images/red-button.png');}
.button-rte {background-image:url('/images/green-button.png');}
.button-awf {background-image:url('/images/green-button.png');}
.button-gps,
.button-mem {background-image:url('/images/blue-button.png');}
.button-bag {background-image:url('/images/gold-button.png');}

.button-wpt,
.button-rte,
.button-awf,
.button-bag,
.button-gps,
.button-mem {
	background-repeat:no-repeat;
	background-position:0 0;
	height:30px;
	width:132px;
	padding:6px 0 0 6px;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	}


.tlc { background:url(/images/tlc2.gif) 0 0 no-repeat;}
.trc { background:url(/images/trc2.gif) 100% 0 no-repeat;}
.blc { background:url(/images/blc2.gif) 0 100% no-repeat;}
.brc { background:url(/images/brc2.gif) 100% 100% no-repeat;}
.tl { background:url(/images/2px.gif) 0 0 repeat-x;}
.ll { background:url(/images/2px.gif) 0 0 repeat-y;}
.rl { background:url(/images/4pxR.gif) 100% 100% repeat-y;}
.bl { background:url(/images/4pxB.gif) 100% 100% repeat-x;}
.leftarrow { background:url(/images/arrow_left_blue.gif) 0 50% no-repeat;white-space:nowrap;}
.rightarrow { background:url(/images/arrow_right_blue.gif) 100% 50% no-repeat;white-space:nowrap;}
.stlc { background:url(/images/tlc.gif) 0 0 no-repeat;}
.strc { background:url(/images/trc.gif) 100% 0 no-repeat;}
.sblc { background:url(/images/blc.gif) 0 100% no-repeat;}
.sbrc { background:url(/images/brc.gif) 100% 100% no-repeat;}
.sthl { background:url(/images/1px.gif) 0 0 repeat-x;}
.stvl { background:url(/images/1px.gif) 0 0 repeat-y;}
.sbhl { background:url(/images/1px.gif) 100% 100% repeat-x;}
.sbvl { background:url(/images/1px.gif) 100% 100% repeat-y;}


#header- {background:url(/images/grey-fill.png) 42px 0 repeat-x;}
#header-wpt {background:url(/images/red-fill.png) 42px 0 repeat-x;}
#header-rte {background:url(/images/green-fill.png) 42px 0 repeat-x;}
#header-awf {background:url(/images/green-fill.png) 42px 0 repeat-x;}
#header-gps,
#header-mem {background:url(/images/blue-fill.png) 42px 0 repeat-x;}
#header-bag {background:url(/images/gold-fill.png) 42px 0 repeat-x;}
#header-,
#header-wpt,
#header-rte,
#header-awf,
#header-gps,
#header-mem,
#header-bag {
	margin:2em 100px 0 100px;/* Outside margins for ALL Header elements */
	padding:0;
	}
	#header--R {background:url(/images/grey-right.png) 100% 0 no-repeat;}
	#header-wpt-R {background:url(/images/red-right.png) 100% 0 no-repeat;}
	#header-rte-R {background:url(/images/green-right.png) 100% 0 no-repeat;}
	#header-awf-R {background:url(/images/green-right.png) 100% 0 no-repeat;}
	#header-gps-R,
	#header-mem-R {background:url(/images/blue-right.png) 100% 0 no-repeat;}
	#header-bag-R {background:url(/images/gold-right.png) 100% 0 no-repeat;}
	#header--R,
	#header-wpt-R,
	#header-rte-R,
	#header-awf-R,
	#header-gps-R,
	#header-mem-R, 
	#header-bag-R {
		margin:0 -13px 0 -46px;/* Outside margins for BOTH Header images */
		padding:0;
		}
		#header--L {background:url(/images/grey-left.png) 0 0 no-repeat;}
		#header-wpt-L {	background:url(/images/red-left.png) 0 0 no-repeat;}
		#header-rte-L {	background:url(/images/green-left.png) 0 0 no-repeat;}
		#header-awf-L {	background:url(/images/green-awf.png) 0 0 no-repeat;}
		#header-gps-L {	background:url(/images/gps-left.png) 0 0 no-repeat;}
		#header-mem-L {	background:url(/images/members-left.png) 0 0 no-repeat;	}
		#header-bag-L {	background:url(/images/gold-left.png) 0 0 no-repeat;	}
		#header--L,
		#header-wpt-L,
		#header-rte-L,
		#header-awf-L,
		#header-gps-L,
		#header-mem-L, 
		#header-bag-L {
			margin:0;/* margins here are set by previous contners */
			padding:0;
			}

#header- h1,
#header-wpt h1,
#header-rte h1,
#header-awf h1,
#header-mem h1,
#header-gps h1,
#header-bag h1,
#header- p.h1,
#header-mem p.h1,
#header-wpt p.h1,
#header-rte p.h1,
#header-awf p.h1,
#header-bag p.h1,
#header-gps p.h1 {
	margin:0;
	padding:13px 0px 0px 10px;
	font-size:22px;
	height:48px;
	text-indent:40px;
	color:white;
	max-height:48px;
	white-space:nowrap;
	font-style:italic;
	}
#header-wpt p.h1,
#header-rte p.h1,
#header-awf p.h1,
#header-mem p.h1,
#header-bag p.h1,
#header-gps p.h1
	{ font-weight:bold;}

#header- p.h1, #header- h1, #header-bag p.h1, #header-bag h1 {color:black;}
span.login {color:#0f0;} /* Colour of "Logged in as..." text in members section */

#fill- {background:#ccc;margin:.2em;}
#fill-wpt {background:#fcc;margin:.2em;}
#fill-rte {background:#cfc;margin:.2em;}
#fill-awf {background:#cfc;margin:.2em;}
#fill-gps {background:#ccf;margin:.2em;}
#fill-mem {background:#ccf;margin:.2em;}
#fill-bag {background:#fe9;margin:.2em;}

.fill- {background:#ccc;margin:.2em;}
.fill-wpt {background:#fcc;margin:.2em;}
.fill-rte {background:#cfc;margin:.2em;}
.fill-awf {background:#cfc;margin:.2em;}
.fill-gps {background:#ccf;margin:.2em;}
.fill-mem {background:#ccf;margin:.2em;}
.fill-bag {background:#fe9;margin:.2em;}

a.wpt, #leftmenu-wpt p a, #bodycontainer-wpt a {
	color:#811;
	text-decoration:none;
	}
a.wpt:hover, #leftmenu-wpt p a:hover, #bodycontainer-wpt a:hover {
	color:#fff;
	background:#833;
	text-decoration:none;
	}
a.rte, #leftmenu-rte p a, #bodycontainer-rte a {
	color:#161;
	text-decoration:none;
	}
a.rte:hover, #leftmenu-rte p a:hover, #bodycontainer-rte a:hover {
	color:#fff;
	background:#262;
	text-decoration:none;
	}
a.awf, #leftmenu-awf p a, #bodycontainer-awf a {
	color:#161;
	text-decoration:none;
	}
a.awf:hover, #leftmenu-awf p a:hover, #bodycontainer-awf a:hover {
	color:#fff;
	background:#262;
	text-decoration:none;
	}
a.gps, #leftmenu-gps p a, #bodycontainer-gps a,
a.mem, #leftmenu-mem p a, #bodycontainer-mem a {
	text-decoration:none;
	color:#119;
	}
a.gps:hover, #leftmenu-gps p a:hover, #bodycontainer-gps a:hover,
a.mem:hover, #leftmenu-mem p a:hover, #bodycontainer-mem a:hover {
	color:#fff;
	background:#249;
	text-decoration:none;
	}
a.bag, #leftmenu-bag p a, #bodycontainer-bag a {
	color:#d50;
	text-decoration:none;
	}
a.bag:hover, #leftmenu-bag p a:hover, #bodycontainer-bag a:hover {
	color:#fff;
	background:#e62;
	text-decoration:none;
	}

h3.wpt, h2.wpt {color:#811;text-align:left;margin-left:0px;margin-bottom:0px;font-size:100%;font-family:sans-serif,monospace;}
h3.rte, h2.rte {color:#161;text-align:left;margin-left:0px;margin-bottom:0px;font-size:100%;font-family:sans-serif,monospace;}
h3.awf, h2.awf {color:#161;text-align:left;margin-left:0px;margin-bottom:0px;font-size:100%;font-family:sans-serif,monospace;}
h3.gps, h2.gps, h3.mem, h2.mem {color:#119;text-align:left;margin-left:0px;margin-bottom:0px;font-size:100%;font-family:sans-serif,monospace;}
h3.bag, h2.bag {color:#d50;text-align:left;margin-left:0px;margin-bottom:0px;font-size:100%;font-family:sans-serif,monospace;}


h1, h2, h3, h4, h5 {
	margin:.5em 0 0 0;
	padding:0;
	}

#colleft h3,
.colleft h3 { border-bottom:1px solid #ccc;}
.threecols .colmid input.formbutton,
input.backbutton-wpt,
input.backbutton-rte,
input.backbutton-awf,
input.backbutton-gps,
input.backbutton-mem,
input.backbutton-bag,
input.backbutton- {
	color:#fff;
	font-weight:bold;
	border:1px solid;
	border-top-color:#ccc;
	border-left-color:#ccc;
	border-right-color:#000;
	border-bottom-color:#000;
	}
input.backbutton-bag {color:#000;}

input.backbutton-wpt { background-color:#A51515;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe02323',EndColorStr='#ff7e1111');}
input.backbutton-rte { background-color:#007E01;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ff2db831',EndColorStr='#ff0e3d0e');}
input.backbutton-awf { background-color:#007E01;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ff2db831',EndColorStr='#ff0e3d0e');}
input.backbutton-gps,
input.backbutton-mem { background-color:#0456FA;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ff2f95ee',EndColorStr='#ff041daa');}
input.backbutton-bag { background-color:#fa0;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffd800',EndColorStr='#ffee6a00');}
.threecols .colmid input.formbutton { color:#000;background-color:#fa0;filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffd800',EndColorStr='#ffee6a00');}

p {
	margin:0 0 .5em 1em;
	padding:0;
	}

#colleft p,
.colleft p {
	margin:0 0 0 1em;
	padding:0;
	}

.brc p,
.brc h2,
.brc h3,
p.list {
	margin:.5em 1em .5em 1em;
	padding:.5em 0 0 0;
	}

#fixlist {max-height:1.1em;} /* Probably obsoleat */
#fixlist p {white-space:nowrap;} /* Probably obsoleat */
.fixlist {max-height:1.1em;} /* Probably obsoleat */
.fixlist p {white-space:nowrap;} /* Probably obsoleat */
.threecols .colmid .fixlist input {/* Probably obsoleat */
	background-color:#f00;/* Probably obsoleat */
	color:#000;/* Probably obsoleat */
	margin:0;/* Probably obsoleat */
	padding:0;/* Probably obsoleat */
	border:0;/* Probably obsoleat */
	}
.fixlist2 p {max-height:1em; white-space:nowrap;}
.fixlist2 li {max-height:1em; white-space:nowrap;}
.threecols .colmid .fixlist2 input {
	background-color:#fff; /* Pwas part of red / green checkboxes on tick lists but now retired */
	color:#000;
	margin:0;
	padding:0;
	border:0;
	}


img {
	margin:0;
	padding:0;
	border:0;
	}
a img { border:0;}

.threecols .colmid input,
.threecols .colmid textarea,
.threecols .colmid select {
	background-color:#ff7;
	color:#781351;
	border:1px solid #781351
	}

/* 3 Column CSS thanks to http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
/* Header styles */
#topmenu {
	clear:both;
	float:left;
	width:100%;
	max-height:1.3em;
	white-space:nowrap;
	}

#topmenu ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}

#topmenu ul li {
	display:inline;
	/* list-style:none;*/
	margin:0;
	padding:0;
	}

#topmenu ul li a {
	display:block;
	float:left;
	margin:0 0 0 3px;
	padding:3px 10px 0 10px;
	text-align:center;
	background:#bbb;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	border:0;
	}

#topmenu ul li a span {
	display:block;
	}
#topmenu ul li a.wpt-active:hover,
#topmenu ul li a.wpt:hover {
	background:#f00;
	color:#fff;
	}
#topmenu ul li a.rte-active:hover,
#topmenu ul li a.rte:hover {
	background:#0f0;
	color:#fff;
	}
#topmenu ul li a.awf-active:hover,
#topmenu ul li a.awf:hover {
	background:#0f0;
	color:#fff;
	}
#topmenu ul li a.gps-active:hover,
#topmenu ul li a.mem-active:hover,
#topmenu ul li a.gps:hover,
#topmenu ul li a.mem:hover {
	background:#00f;
	color:#fff;
	}
#topmenu ul li a.wpt-active {
	color:#fff;
	background:#911;
	font-weight:bold;
	}
#topmenu ul li a.rte-active {
	color:#fff;
	background:#191;
	font-weight:bold;
	}
#topmenu ul li a.awf-active {
	color:#fff;
	background:#191;
	font-weight:bold;
	}
#topmenu ul li a.mem-active,
#topmenu ul li a.gps-active {
	color:#fff;
	background:#119;
	font-weight:bold;
	}
#topmenu ul li a.hid {
	display:block;
	float:left;
	text-align:center;
	background:#fff;
	color:#000;
	text-decoration:none;
	position:relative;
	border:0;
	}
#topmenu ul li a.hid:hover {
	background:#fff;
	color:#000;
	}
.htlc {
	background:url(/images/htlc.gif) 0 0 no-repeat;
	margin:-3px 0 0 -10px;
	padding:3px 0 0 10px;
	}
.htrc {
	background:url(/images/htrc.gif) 100% 0 no-repeat;
	margin:-3px -10px 0 0;
	padding:3px 10px 0 0;
	}

/* 3 Column Container Settings */
.threecols {
	background:#fff;	/* Right column background colour */
	}

.contA {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */

	overflow:hidden;	/* This chops off any overhanging divs */
	background-image:url('/images/compass.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:100% 100%;
	border-top:5px solid #ccc;
	}

.threecols .contB {
	float:left;
	width:200%;
	margin-left:-120px;	/* Width of right column */
	position:relative;
	right:100%;
	/* background:transparent;*/	/* Centre column background colour */
	}

.threecols .contC {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:270px;		/* Left column width + right column width */
	/* background:transparent;*/	/* Left column background colour */
	background-image:url('/images/leftbar.png');
	background-repeat:repeat-y;
	background-position:100% 0;
	}

.threecols .contD {
	float:left;
	width:50%;
	position:relative;
	right:150px;		/* Width of left column */
	padding-bottom:0;	/* Centre column bottom padding.*/
	}

.threecols .colmid {
	margin:0 125px 0 155px;/* Centre column side padding:
			 | Left padding = left column width + centre column left padding width
		 | Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	}

.threecols .colleft {
	float:left;
	float:right;		/* This overrides the float:left above */
	width:140px;		/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:5px;		/* Width of the left-hand side padding on the left column */
	}

.threecols .colright {
	float:left;
	float:right;		/* This overrides the float:left above */
	width:120px;		/* Width of right column content (right column width minus left and right padding) */
	margin-right:10px;	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	/* border-top:1px solid #ccc; */ 
	text-align:center;margin-left:auto;margin-right:auto;
	}
#footer p { padding:10px;margin:0;}

#adunit {
	margin:0;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;	
	}

	#adunit table,
	#adunit tr,
	#adunit td {
		margin:0;
		text-align:left;
		padding:0;
		border:0;
		border-collapse:collapse;
		border-spacing:0;
		border-width:0;
		border-style:none;
		}

#adunit img { margin:0;}
.adunit-top {position:absolute;top:0;left:0;margin:0;}
.addthis { position:absolute;top:95px;left:85%;margin:0;width:125px;margin:0;padding:0;border:0;}

td.Ciao
        {font-family:arial,"helvetica, sans-serif";
        font-size:11px;
        font-weight:bold;
        color:#000000;
        text-decoration:none;}
input.searchCiao{
        background:url(http://images.ciao.com/ide/images/box/form_80x25.gif) no-repeat;
        font:10px arial;
        border:0px solid #ff0000;
        float:left;
        width:80px;
        height:30px;
        margin:0px 1px 0px 0px;
        padding:5px 0px 0px 0px;
        vertical-align:middle;
        text-align:center;}
a.arrowCiao{
        background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;
        font:10px arial!important;
        color:#ff7c00!important;
        margin:0!important;
        padding: 0px 0px 0px 10px!important;
        text-decoration:underline!important;
        display:block!important;
        text-align:left!important;
        border:0!important;
}
a.linksCiaoTop{
        background: none;
        background:transparent!important;
        background-image:none!important;
        margin:0!important;
        padding:0px 10px 0px 0px!important;
        text-decoration:none!important;
        border:0!important;
}
form.busquedaCiao{
        margin:0px;
        padding:0px;
}
input.goCiao{
        margin:2px 0px 0px 5px;
        width:20px;
        height:20px;
        display:inline;
        float:clear;
        border:0;
}

@media print { /* PRINT SETTINGS ONLY */
	.noprint { display:none;}
	body { background:white;color:black;margin:0 }
	#header {display:none}
	#content {display:block}
	#comments {display:block}
	#sidebar {display:none}
	#footer {display:none}
	.colright {display:none}
	#topmenu {display:none}
	#adunit {display:none}
	#map { width:100%;height:400px;}
	#addthis {display:none}

	.contA {	/* PRINT SETTINGS ONLY */
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;		/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		}

	.threecols .contB {	/* PRINT SETTINGS ONLY */
		float:left;
		width:200%;
		margin-left:0;	/* Width of right column */
		position:relative;
		right:100%;
		}

	.threecols .contC {	/* PRINT SETTINGS ONLY */
		float:left;
		width:100%;
		margin-left:-50%;
		position:relative;
		left:150px;		/* Left column width + right column width */
		}

	.threecols .contD {	/* PRINT SETTINGS ONLY */
		float:left;
		width:50%;
		position:relative;
		right:150px;		/* Width of left column */
		padding-bottom:0;	/* Centre column bottom padding.*/
		}

	.threecols .colmid {	/* PRINT SETTINGS ONLY */
		margin:0 5px 0 155px;/* Centre column side padding:
					Left padding = left column width + centre column left padding width
					Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
		overflow:hidden;
		}

	.threecols .colleft {	/* PRINT SETTINGS ONLY */
		float:left;
		float:right;		/* This overrides the float:left above */
		width:140px;		/* Width of left column content (left column width minus left and right padding) */
		position:relative;
		right:5px;		/* Width of the left-hand side padding on the left column */
		}

	.threecols .colright {	/* PRINT SETTINGS ONLY */
		float:left;
		float:right;		/* This overrides the float:left above */
		width:0;		/* Width of right column content (right column width minus left and right padding) */
		margin-right:10px;	/* Width of right column right-hand padding + left column left and right padding */
		position:relative;
		left:50%;
		}

	.button-wpt,
	.button-rte,
	.button-awf,
	.button-gps,
	.button-mem,
	#button-wpt,
	#button-rte,
	#button-awf,
	#button-gps,
	#button-mem,
	#header- h1,
	#header-wpt h1,
	#header-rte h1,
	#header-awf h1,
	#header-mem h1,
	#header-gps h1,
	#header- p.h1,
	#header-mem p.h1,
	#header-wpt p.h1,
	#header-rte p.h1,
	#header-awf p.h1,
	#header-gps p.h1 {	/* PRINT SETTINGS ONLY */
		color:#000;
		background:#fff;
	}
} /* END OF PRINT SETTINGS*/