/* VISITCAMPOSOL CSS Document */

/* html { overflow: -moz-scrollbars-vertical; } */
html, body { text-align: center; background-image: url("http://www.visitcamposol.com/images/bg_youth.png"); background-repeat: repeat-x; 
background-attachment: fixed; background-color: #ffffff; font-family: verdana; font-size: 12px ; margin: 0; height:100%; }
/* TOP HEADER */
div.header { background: #ffffff url("http://www.visitcamposol.com/images/vc_headername_youth.gif") no-repeat; height: 100px; width: 848px; /* WAS 748px */ }
div.headerline { background: #993333 ; height: 1px; width: 848px; /* WAS 748px */ }
div#container { margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ width: 848px; /* WAS 748px */ background: #FFFFFF ; color: #999999; /* again, for the w3c validator to stop hyperventilating */ }
#container img { padding: 0px; border:0;}
#container img.border, #container a img.border { padding: 2px; border: 1px solid #CCCCCC;}
#container a:hover img.border { padding: 2px; border: 1px solid #993333;}
#container img.blueborder, #container a img.blueborder { padding: 1px; border: 1px solid #993333;}
#container a:hover img.blueborder { padding: 1px; border: 1px solid #CCCCCC;}
.content a:hover{ border-width: 0;} /* wakeup IE */
.clearmeplz { clear: both; }

.weather { width: 120px; height: 60px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/red_120x60_bg.jpg ); background-repeat: no-repeat; background-color: #993333; }

p{text-align: left; margin-top: 0;} /* MARGIN CHANGED 30.11.08*/
p.advertspage{text-align: center;}

ul { color: #993333; list-style-type: square; line-height: 24px;}

.topimg { background: #993333 url("http://www.visitcamposol.com/images/header_youth/visitcamposolheader.php"); float: left; margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; padding: 0; height: 180px; width: 363px; }
.topimg a { margin-bottom: 3px; height: 58px; line-height: 58px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: bold; text-decoration: none; width: 123px; display:inline; background: #006699 url("http://www.visitcamposol.com/images/menunor_youth.gif") repeat-x; }
.topimg a:hover { background: #cccc00 url("http://www.visitcamposol.com/images/menuhov_youth.gif") repeat-x; color: #993333; }
/* TOP MENU */
#topmenu { float: left; margin: 0; padding: 0; width: 848px; /* WAS 748px */ }
.topmenu2{ padding: 0; width: 848px; /* WAS 748px */ height: 24px; background: #993333 url("http://www.visitcamposol.com/images/tabnor_youth.gif") repeat-x; voice-family: "\"}\""; voice-family: inherit; }
.topmenu2 ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
.topmenu2 li{ text-align: center; display: inline; padding: 0; text-transform:none; }
.topmenu2 a{ border-right: 1px solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a.end{ border-right: 0 solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a.network{ background: #336699 url("http://www.visitcamposol.com/images/tabnor.gif") repeat-x; border-right: 1px solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a:hover{ color: #FFFFFF; text-decoration: underline; }


#valid{ padding-right: 10px; float: right; text-align: right; color: #ffffff; line-height: 16px; font-weight: bold; }
#valid a { color: #ffffff; text-decoration: underline;}
#valid a:hover { color: #ffffff; text-decoration: none;}

#container { border-top: 0 solid #993333; border-bottom: 0 solid #993333; border-left: 1px solid #993333; border-right: 1px solid #993333; }
img{ border: 0;}
/* h1 {text-transform: capitalize; font-family: arial; margin: 1px 5px 1px 0px; color: #333333; font-size:24px; border-bottom: 0px dashed #777777; }
h2 {text-transform: capitalize; font-family: arial;  text-align: right; margin: 1px 5px 1px 0px; color: #333333; font-size:20px; border-bottom: 1px dashed #777777; } */

h1 {text-transform: capitalize; font-family: arial; font-size: 22px; color: #993333; border-bottom: 1px dashed #993333; }
h2 {text-transform: capitalize; font-family: arial; font-size: 18px; color: #993333; border-bottom: 1px dashed #993333; }
h3 {font-family: arial; font-size: 16px; color: #993333; border-bottom: 1px dashed #993333; margin-bottom: 5px;}
h4 {font-family: arial; font-size: 16px; color: #993333; border-bottom: 1px dashed #336699; margin-bottom: 0px;}

#main_content { margin: 0 4px 0 4px; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background: #FFFFFF; color: #333333; }

#main_content #leftcol { width: 150px; float: left; } 
#main_content #rightcol { width: 685px; /* WAS 585px */ float: right; }
#main_content #rightcol2 { width: 835px; /* WAS 735px */ float: right; }

#leftcol .heading { background: #993333 url("http://www.visitcamposol.com/images/adverts/vc_adverts_youth.gif") no-repeat; text-align: center; font-size: 90%; height: 30px;  width: 150px; /* minus padding */ line-height: 25px;}
#leftcol .heading a { color: #FFFFFF; text-decoration: none; }
#leftcol .heading a:hover { color: #FFFFFF; text-decoration: underline; }

.heading { font-family: Verdana, arial, Times, serif; padding-left: 0px; /* take away 4px from the width */ padding-top: 0px; /* take away 5px from the height */ font-weight: bold; color: #FFF; } 

#leftcol .content { background: url("http://www.visitcamposol.com/images/vc_side_spon_youth.gif") repeat-y; text-align: center; } 
#leftcol .content a{color: #993333; text-decoration: none;}
#leftcol .content a:hover{color: #993333; text-decoration: underline;}

#rightcol .content { text-align: left; }
#rightcol .content a{color: #993333; text-decoration: underline;}
#rightcol .content a:hover{color: #993333; text-decoration: none;}
#rightcol .content a:visited{color: #003366; text-decoration: underline;}

/* INVISIBLE LINKS */
#rightcol .content a.invis {color: #777777; text-decoration: none;}
#rightcol .content a.invis:hover {color: #000000; text-decoration: none;}

#rightcol2 .content { text-align: left; }
#rightcol2 .content a{color: #993333; text-decoration: underline;}
#rightcol2 .content a:hover{color: #993333; text-decoration: none;}

/* TABS CSS START */
#rightcol2 .businessmenu{ padding: 0; width: 100%; height: 25px; /* border-bottom: 5px solid #2d546c; */ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#rightcol2 .businessmenu ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#rightcol2 .businessmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#rightcol2 .businessmenu a{ float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 5px; background: #993333 url("http://www.visitcamposol.com/images/tabnor_youth.gif") repeat-x; border-bottom: 1px solid #FFFFFF; }
#rightcol2 .businessmenu a:hover{ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov_youth.gif") repeat-x; color: #993333; text-decoration: none; }
#rightcol2 .businessmenu a.selected{ /*currently selected tab*/ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov_youth.gif") repeat-x; color: #993333; border-color: #cccc00; text-decoration: none; }

#rightcol .eventsmenu, #rightcol2 .eventsmenu{ padding: 0; width: 100%; height: 25px; /* border-bottom: 5px solid #2d546c; */ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#rightcol .eventsmenu ul, #rightcol2 .eventsmenu ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#rightcol .eventsmenu li, #rightcol2 .eventsmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#rightcol .eventsmenu a, #rightcol2 .eventsmenu a{ float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background: #993333 url("http://www.visitcamposol.com/images/tabnor_youth.gif") repeat-x; border-bottom: 1px solid #FFFFFF; }
#rightcol .eventsmenu a:hover, #rightcol2 .eventsmenu a:hover{ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov_youth.gif") repeat-x; color: #993333; text-decoration: none; }
#rightcol .eventsmenu a.selected, #rightcol2 .eventsmenu a.selected{ /*currently selected tab*/ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov_youth.gif") repeat-x; color: #993333; border-color: #cccc00; text-decoration: none; }

.tabcontent{ display:none; }
@media print { .tabcontent { display:block !important; } }
/* TABS CSS END */

#leftcol .cshadow { background: url("http://www.visitcamposol.com/images/vc_side_base_youth.gif") no-repeat; height: 5px; margin-bottom: 5px; } 

.clearmeplz { clear: both; }
.clearmeplzleft { clear: left; }
.clearmeplzright { clear: right; }

.content { padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt; }

.logolink {float: left; color: #993333; display: block; height: 65px; width: 355px; position: relative; left: 5px; top: 5px; font-size: 10px;}
.logolink img {border: 0; }
.logolink a {color: #993333; }
.logolink a:hover {color: #993333; }

.translatelink {padding-left: 5px; text-align: left; float: left; display: block; color: #993333; height: 15px; width: 355px; position: relative; left: 0px; top: 0px; font-size: 10px; }
.translatelink img {border: 0; }
.translatelink a {color: #993333; text-decoration: none; }
.translatelink a:hover {color: #993333; text-decoration: underline; }

.adsplace {background: #FFFFFF; width: 383px; /* 383px minus padding */ height: 100px; /* 100px minus padding */
padding: 0; text-align: left; float: right; 
position: relative; right: 0; top: 0; display: block; font-size: 10px; color: #336666; }

#footer { color: #FFFFFF; font-size: 12px; text-align: left; background: #993333 url("http://www.visitcamposol.com/images/footer_youth.gif") repeat-x; height: 43px; width: 848px; /* WAS 748px */ line-height: 43px; }
#footer a { color: #FFFFFF; text-decoration: none;}
#footer a:hover { color: #FFFFFF; text-decoration: none;}

#footermenu { padding-left: 5px; font-size: 11px; float: left; text-align: left; color: #FFFFFF; line-height: 24px;}
#footermenu a { color: #FFFFFF; text-decoration: none;}
#footermenu a:hover { color: #FFFFFF; text-decoration: underline;}

#cnote { padding-right: 5px; font-size: 11px; float: right; text-align: right; color: #FFFFFF; line-height: 21px; }
#cnote a { color: #FFFFFF; text-decoration: underline;}
#cnote a:hover { color: #FFFFFF; text-decoration: none;}

#cnote .webdes, #cnote .webdes a, #cnote .webdes a:visited { color: #ffffff; text-decoration: none;}
#cnote .webdes a:hover { color: #ffffff; text-decoration: underline;}

.quote { font-style: italic; color: #993333;} 
.bold { font-weight: bold; color: #993333;} 
.redbold { font-weight: bold; color: #993333;} 
.smallprint { font-size: 10px; }

.rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }
#rightcol .rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }
#rightcol2 .rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }

#contactpage{width:550px; height: auto; margin-top:10px; font-size: 11px; }
#contactpage label { font-size: 11px; display:block; float:left; width:125px; text-align:left; margin-right: 20px;}
#contactpage input { color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px; }
#contactpage textarea {color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px;}
#contactpage select { color: #333333; border:1px solid #777777; width:255px; padding-left:2px; vertical-align: top; margin-top: 2px;}
#contactpage input.cbutton { width: 255px; color:#333333;  border-style:solid; border-color:#333333; border-width:1px; margin-top: 10px;}

input.button { color:#333333; background-color:#993333; border-style:solid; border-color:#777777; border-width:1px; }

#topbar { position:absolute; border: 0px solid black; padding: 0px;
background-color: transparent; width: 67px; visibility: hidden; z-index: 100; }

/* TOOLTIP CSS START */
#dhtmltooltip{ position: absolute; width: 150px; border: 1px dotted #777777; padding: 2px;
background-color: #e6e6e6; visibility: hidden; z-index: 100; font-size: 11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
/* TOOLTIP CSS END */

.hoverinfo, .hoverinfo:link, .hoverinfo:hover {
	cursor: help; padding: 0 15px 0 0;
	background: url("http://www.visitcamposol.com/images/icons/icon_mini_faq.gif") no-repeat 100% 0;
/*
	background: url("http://www.visitcamposol.com/images/icons/16-comment-square-question.png") no-repeat 100% 0; 
	background: url("http://www.visitcamposol.com/images/icons/comment.gif") no-repeat 100% 0; 
*/
}