/*BLUE BACKGROUND PAGES LAYOUT*/
/* MISCELLANEOUS STUFF */
body{ background: url(/assets/layout/body.gif) #ffffff repeat-x top left; text-align: center; }
body, h1, a, p{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
div#content h2.presentation{ background: url(/assets/layout/h3dot.gif) no-repeat 0px 4px; clear: both; color: #666666; font-size: 10px; font-weight: normal; margin: 0 auto 10px auto; padding-left: 10px; text-align: left; text-transform: uppercase; }
div.border{ background: transparent url(/assets/layout/dottedborder.gif) repeat-x bottom; /*<-- the horizontal dotted border --> */ clear: both; font-size: 1px; /*So that in bloody IE the box is just 2px (not 12) high*/ height: 2px; margin: 10px 0 15px 0; padding-top: 1px; }
div.clear{ clear: both; font-size: 1px; /*So that in bloody IE the box is just 2px (not 12) high*/ height: 2px; }
h1{ color: #3f2009; margin: 7px auto; text-transform: uppercase; }
a{ color: #0704a1; color: #132b8a; text-decoration: underline; }
a:visited{ color: #9a1067; }
p{ color: #3f2009; text-align: justify; }
a img{ border: none; }
div#container{ background: url(/assets/layout/background.gif) #d4e9f9 repeat-x top left; border: none; margin: 0 auto; width: 960px; }
/* HEADER ALIGNMENT */
div#header{ background: transparent; height: 115px; width: 960px; }
div.alignheader{ display: inline; float: left; /*<-- apparently useless, but needed for doubled margin bug fix for IE6 -->*/ }
#knowital{ background: transparent; float: left; height: 102px; width: 456px; }
#banner{ background: transparent; border: 1px solid #d4e9f9; border-bottom: none; float: right; height: 60px; margin-right: 15px; margin-top: 16px; padding: 7px 7px 0 7px; width: 234px; }
#portofolio{ background: transparent; color: #893e3e; float: right; margin-top: 6px; width: 280px; }
/* BREADCRUMB NAV */
p#breadcrumbs{ margin: 10px 0 0 20px; }
/*TABBED BROWSING*/
div#tabnavbar{ background: url(/assets/layout/tabbackground.gif) #d4e9f9 repeat-x bottom; display: inline; /*<-- needed for that IE float bug -->*/ float: left; height: 26px; margin: 7px 0 0 20px; width: 925px; }
div#tabnavbar div{ background: #455e7e; display: inline; float: left; height: 23px; margin: 0 4px 0 0; }
div#tabnavbar a{ background-color: transparent; color: #ffffff; display: block; font-size: 13px; font-weight: bold; margin: 3px 6px 0 27px; margin-left: 6px; text-decoration: none; }
div#tabnavbar a:visited{ color: #ffffff; }
div#tabnavbar div#activetab{ background: url(/assets/layout/flower.gif) #fef4ed left center no-repeat; border: 3px solid #ea990c; /*<-- the active (white) tab-->*/ border-bottom: none; }
div#activetab a{ color: #455e7e; /* the active links */ font-weight: bold; margin-left: 27px; }
div#activetab a:visited{ color: #455e7e; font-weight: bold; }
/*END TABBED BROWSING*/
/*REGION Related tabs, 2 level*/
div#region_related{ background: #fef4ed; padding-left: 20px; }
div#region_related a{ color: #354961; display: block; float: left; font-size: 12px; margin: 6px 15px 3px 0; }
div#region_related a#active{ background: url(/assets/layout/flower.gif) #fef4ed left center no-repeat; font-size: 13px; font-weight: bold; padding-left: 26px; text-decoration: none; }
/*PROVINCES TABS- links to areas/provinces of a region - 3 level*/
div#provincestabs{ background: #ffffff; margin: 0 20px; padding-bottom: 35px; text-align: left; }
div#content div#provincestabs h2.presentation{ float: left; margin: 0; margin-right: 7px; }
div#provincestabs a{ color: #df794d; display: block; float: left; font-size: 10px; margin-right: 10px; text-transform: uppercase; }
div#provincestabs a:hover, div#region_related a:hover{ color: #990000; }
div#provincestabs a.active { font-weight: bold; text-decoration: none; }
/*Standart navigation to famous destinations, bottom of the page*/
div#regstandnav{ background: transparent; color: #ea990c; margin-top: 10px; padding: 4px; }
div#copyright{ background: transparent; margin: 20px auto; width: 159px; }
div#copyright img{ border: none; padding-bottom: 7px; }
div#content h2.presentation{ background: url(/assets/layout/h3dot.gif) no-repeat 0px 4px; clear: both; color: #666666; font-size: 10px; font-weight: normal; margin: 0 auto 10px auto; padding-left: 10px; text-align: left; text-transform: uppercase; }