/*****************************************************/
/*   Design:  Ulrika & Piggelinarna(r)               */
/*   Author:  Magnus Larsson, Softilog(r) Systems    */
/*   Date:    2006-05-17                             */
/*---------------------------------------------------*/
/*   (c) 2006 Softilog Systems                       */
/*   All rights reserved                             */
/*****************************************************/


/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {font: 62.5% arial,tahoma,verdana,sans-serif; margin: 0px; padding: 0px; background-color: #FFCC99; color: #333333;}
.page-container {width: 720px; margin-bottom: 20px; padding: 0px; background-color: #FFFFFF; color: #333333; margin-top: 10px; margin-right: auto; margin-left: auto;}

/**********************/
/* SECTION 2 - HEADER */
/**********************/
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.nav-global-container{position: absolute; z-index: 1; width: 720px; top: 11px; background-color: transparent;}
.nav-global {float: right; width: 720px; padding: 0px; background-color: transparent; margin: 0px 0px 2px 0px;}	
.nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
.nav-global li {display: inline; white-space: nowrap; text-transform: none;}
.nav-global li a {display: inline; margin: 0px; padding: 0px 4px 0px 4px; color: #FFFFFF; background-color: inherit; text-decoration: none; font-size: 120%;}
.nav-global a:hover {color: #FFFFFF; background-color: inherit; text-decoration: underline;}
.img-nav {display: inline; vertical-align: middle; margin: 0px 2px 0px 0px;	padding: 0px;	border: 1px solid #663300;}

/*-------------------------*/
/* Section 2.2 - Site Logo */
/*-------------------------*/
.site-container {padding:1px 0px 1px 0px;	height:72px; width:720px; color:#ffffff; background-color: #663300; border: 1px solid #000000; }
.img-nav-logo-print { display:none; }

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.nav-main {clear: both; float: left; width: 720px;  min-height: 1.8em; line-height: 1.8em; margin: 0px; padding: 0px; border: solid 1px #000000; background-color: #000000;}
.nav-main ul {list-style: none; margin: 0px; padding: 0px; font-weight: bold;}	
.nav-main li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main li a {display:block; margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px #FFCC99; color: #FFFFFF; background-color: inherit; text-decoration: none; font-size: 120%;}
.nav-main a.selected {background-color: #FFCC99; color: #000000; text-decoration: none;}
.nav-main a:hover {text-decoration: underline;}

* html .nav-main {height: 1.8em;} /* IE6-Hack for min-height. Works also for IE7-Beta2 */ 


/******************************/
/* SECTION 3 - MAIN-CONTAINER */
/******************************/
.main-container {clear: both;	width: 720px;	min-height: 445px; float: left;	margin: 0px; padding: 0px; border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-right-style: solid;
 border-bottom-style: solid; border-left-style: solid; border-right-color: #000000;	border-bottom-color: #000000;	border-left-color: #000000; background-color: #FFFFFF;}

* html .main-container {height: 445px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */


/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/

.nav-sub {width: 160px; float: left; margin: 0px 0px 0px 4px; padding: 0px;  }
.nav-sub ul {float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border: 1px solid #CCCCCC;}
.nav-sub li {margin-bottom: 2px; padding: 0px;}
.nav-sub li.title {vertical-align: top;	margin: 0px; padding: 2px 5px 4px 4px;	color: #666666;	text-transform: uppercase;	font-weight: bold; font-size: 130%;	border-bottom-width: 1px;	border-bottom-style: solid;  border-bottom-color: #CCCCCC; }
.nav-sub li.title a {color: #666666; text-decoration: none;}
.nav-sub li.title a:hover { text-decoration: underline;}
.nav-sub li.group a {display: block; min-height: 1.5em; line-height: 1.5em; margin: 2px 0px 2px 0px; padding: 0px 7px 0px 5px; color: #666666; font-weight: bold; font-size: 110%; border-left: 10px solid #000000;}
.nav-sub li.subgroup a {display: block; min-height: 1.5em; line-height: 1.5em; margin: 2px 0px 2px 0px; padding: 0px 7px 0px 15px; color: #666666; font-weight: normal; font-size: 110%; font-weight:bold; border-left: 10px solid #000000; text-decoration: none;}
.nav-sub li.subgroup a.selected { color: #666666; border-left: 10px solid #FFCC99;}
.nav-sub li.subgroup a:hover { border-left: 10px solid #FFCC99; text-decoration: underline;}
.nav-sub li.group a {display: block; min-height: 1.5em; line-height: 1.5em; margin-bottom: 2px; padding: 0px 7px 0px 5px; color: #666666; text-decoration: none; font-size: 110%; border-left: 10px solid #000000;}
.nav-sub li.group a.selected { color: #666666; border-left: 10px solid #FFCC99;}
.nav-sub li.group a:hover { border-left: 10px solid #FFCC99; text-decoration: underline;}
* html .nav-sub li.group a li.subgroup a li.title a{height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */	
* html .nav-sub li a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */
.nav-sub-contentbox {float: left; width: 148px; margin: 15px 0px 0px 0px; padding: 0px; font-size:0.9em; color: #666666;}



/****************************/
/* SECTION 5 - BUFFER (TOP) */
/****************************/

.buffer {float: left; width: 720px; height: 25px; margin: 0px; padding: 0px; background-color: #FFFFFF; vertical-align: middle;}
/*.buffer-container {float: right; width: 720px; padding: 0px; background-color: transparent; margin: 0px 0px 2px 0px;}	*/
.buffer ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; padding-top: 1px;	padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}	
.buffer li {display: inline; white-space: nowrap; text-transform: none; vertical-align: middle;}
.buffer li a {display: inline; margin: 0px; padding: 0px 4px 0px 4px; color: #000000; background-color: #FFFFFF; text-decoration: none; font-size: 100%;}
.buffer a:hover {color: #000000; background-color: #FFFFFF; text-decoration: underline;}
.img-buffer {display: inline; vertical-align: middle; margin: 0px 2px 0px 0px;	padding: 0px;	background-color: #FFFFFF; border: none;}

* html .buffer {height: 25px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */


/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {float: left; width: 684px; min-height: 420px; margin: 0px; padding: 0px 10px 0px 20px; background-color: transparent; color: #333333;} /* Width should be 690px, but IE-duplication bug forces us to reduce with 6px to 684px */
.contentbox-container {clear: both; float: left; width: 684px; margin: 0px 0px 5px 0px; padding: 0px;} /* Width should be 573px, but IE-duplication bug forces us to reduce with 3px to 570px */
.contentbox-full {float: left; width: 684px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 331px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox-half-right {float: right; width: 331px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox-half-left-links {float: left; width: 251px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 80px;}
.contentbox-half-right-links {float: right; width: 251px; margin: 0px 0px 5px 0px; padding: 0px 80px 0px 0px;}
.contentbox-half-half-left {float: left; width: 160px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox-half-half-right {float: right; width: 160px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox-2third-left {float: left; width: 454px; margin: 0px 0px 0px 0px; padding: 0px; display:block; font-size:80%}
.contentbox-2third-left-contact {float: left; width: 340px; margin-left: 45px; display:block;}
.contentbox-third-left {float: left; width: 220px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 221px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 220px; margin: 0px; padding: 0px;}
.contentbox-third-float {width: 221px; margin: 0px 10px 0px 10px; padding: 0px; display:inline}
* html .content {height: 420px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */


/********************************/
/* SECTION 6B - CONTENT PAGE #2 */
/********************************/
.content2 {float: left; width: 520px; min-height: 420px; margin: 0px; padding: 0px 10px 0px 20px; background-color: transparent; color: #333333;} 
/* Width should be 526px, but IE-duplication bug forces us to reduce with 6px to 520px */
.contentbox2-container {clear: both; float: left;	width: 520px;	margin: 0px 0px 5px 0px; padding: 0px;} 
/* Width should be 573px, but IE-duplication bug forces us to reduce with 3px to 570px */
.contentbox2-full {float: left; width: 520px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-half-left {float: left; width: 252px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-half-right {float: right; width: 252px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-half-half-left {float: left; width: 123px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-half-half-right {float: right; width: 123px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-third-left {float: left; width: 166px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox2-third-middle {float: left; width: 167px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox2-third-right {float: right; width: 166px; margin: 0px; padding: 0px;}
.contentbox2-third-float {width: 167px; margin: 0px 10px 0px 10px; padding: 0px; display:block}
.contentbox2-third-half-left {float: left; width: 80px; margin: 0px 0px 5px 0px; padding: 0px; font-size: 130%}
.contentbox2-third-half-right {float: right; width: 80px; margin: 0px 0px 5px 0px; padding: 0px; font-size: 130%}
.contentbox2-forth-left {float: left; width: 123px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-news {float: left; width: 350px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-news-half-left {float: left; width: 172px; margin: 0px 0px 5px 0px; padding: 0px;}
.contentbox2-news-half-right {float: right; width: 172px; margin: 0px 0px 5px 0px; padding: 0px;}

* html .content2 {height: 420px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */


/************************************/
/* SECTION 6C - CONTENT PAGE COMMON */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Page title, title and content box */
/*--------------------------------------------------*/
.content-pagetitle {width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 150%;}

.contentbox-title-noshading-small {margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent;  color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.contentbox-title-noshading-medium {margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-noshading-large {margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 180%;}

.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: #FFCC99; color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.contentbox-title-shading-medium {margin: 0px; padding: 1px 0px 2px 3px; background-color: #FFCC99; color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color:#FFCC99; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: #FFCC99;color: rgb(75,75,75); font-weight: bold; font-size: 180%;}

.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}

/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 170%;}
h2 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h3 {clear: left; margin: 1.0em 0px 0.5em 0px;	font-weight: bold; font-size: 150%;}
h4 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraph */
p {margin: 5px 0px 5px 0px; padding: 0px; line-height: 1.2em; font-size: 130%; }
p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}

/* Embedded */
.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
.content ul.noindent, .content2 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
.content ul.indent, .content2 ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%;}
.content ol, .content2 ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}

/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* Links Groups */
.links-group {width: 250px; float: left; margin: 0px; padding: 0px;}
.links-group ul {float: left; list-style: none; width: 250px; margin: 0px; padding: 0px; }
.links-group li {margin-bottom: 0px; padding: 0px;}
.links-group li.title {vertical-align: top;	margin: 0px; padding: 2px 5px 4px 4px;	color: #666666;	text-transform: uppercase;	font-weight: bold; font-size: 140%;	border-bottom-width: 1px;	border-bottom-style: solid;  border-bottom-color: #CCCCCC; }
.links-group li.header a {display: block; min-height: 1.5em; line-height: 1.5em; margin: 2px 0px 0px 0px; padding: 0px 7px 0px 0px; color: #000000; font-weight: bold; font-size: 120%; text-decoration: underline;}
.links-group li.text {display: block; min-height: 1.5em; line-height: 1.5em; margin-bottom: 15px; padding: 0px 7px 0px 0px; color: #000000; text-decoration: none; font-size: 120%; }
.links-group li a {display: block; min-height: 1.5em; line-height: 1.5em; margin-bottom: 2px; padding: 0px 7px 0px 0px; color: #000000; text-decoration: none; font-size: 120%; }
.links-group li.space {vertical-align: top;	margin: 0px; padding: 2px 5px 4px 4px;}
.links-group li a:hover {text-decoration: underline; background-color: #FFCC99}
* html .links-group li.header a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */	
* html .links-group li a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */

li.album {min-height: 1.5em; line-height: 1.5em; padding: 1px 7px 1px 0px; text-decoration: none; font-size:100%}
* html li.album a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */	

/*-----------------------*/
/* Section 6C.5 - Tables */
/*-----------------------*/
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
p.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}

/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}

.img-standard {margin: 0px 3px 0px 0px; border: none}
.img-front{display:block;}
.img-left-frame {float: left; padding:4px; border:1px solid #a0a0a0; margin: 4px 7px 3px 0px;}
.img-center-frame {padding:4px; border:1px solid #a0a0a0; margin: 2px 0px 3px 7px;}
.img-album-center-frame {padding:4px;	border:1px solid #a0a0a0;	margin-top: 2px; margin-right: 0px;	margin-bottom: 3px;	margin-left: 0px;}
.img-right-frame {float: right; padding:4px; border:1px solid #a0a0a0; margin: 2px 0px 3px 7px;}
.img-center-float-frame {padding:4px; border:1px solid #a0a0a0; margin: 0px;}

.img-nav-sub-noborder {float: left; margin: 1px 5px 3px 1px;}

/*.form-button {padding: 2px 5px; cursor: pointer; color: #FFFFFF; background-color: #663300; border-width: 4px; border-style: solid; border-color: #FF7800 #691300 #691300 #FF7800;}*/
.form-button {text-align: center;	width: 2.5em;}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer{clear:both; width:722px; color:#000000; background-color: #FFCC99; padding-bottom: 10px; margin-right: auto; margin-left: auto;}
.footer p{padding:0; margin:0; text-align:center; font-size:120%;}
.footer a{color:#000000; background-color:inherit; font-weight:bold; text-decoration: none;}
.footer a:hover{color:#000000; background-color:inherit; text-decoration: underline;}



/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a, .content2 a, .sidebar a {color: #333333; text-decoration: underline;}
.content a:hover, .content2 a:hover, .sidebar a:hover {background-color: #FFCC99; color: #000000;}
.nav-sub-contentbox a {color: #333333; text-decoration: none}
.nav-sub-contentbox a:hover {color: #333333; text-decoration: underline;}
/* .content a:visited, .content2 a:visited, sidebar a:visited {color: rgb(75,75,75);} */
/*.contentbox-noshading a {font-size: 100%;}*/

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/
/*------------------------------------------*/
/* Section 10.1 - Global default font sizes */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}
.links-group-font {font-size: 1.0em;}
.press-font {font-size: 1.1em;}



/*-------------------------------------*/
/* Section 10.2 - Title decoration box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}

/*-----------------------------------------------*/
/* Section 10.3 - Horizontal/Vertical alignments */
/*-----------------------------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}


/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

.txt-grey01 {color: rgb(242,242,242);}
.txt-grey02 {color: rgb(230,230,230);}
.txt-grey03 {color: rgb(217,217,217);}
.txt-grey04 {color: rgb(204,204,204);}
.txt-grey05 {color: rgb(191,191,191);}
.txt-grey06 {color: rgb(178,178,178);}
.txt-grey07 {color: rgb(153,153,153);}
.txt-grey08 {color: rgb(127,127,127);}
.txt-grey09 {color: rgb(89,89,89);}
.txt-grey10 {color: rgb(51,51,51);}

.txt-yellow01 {color: rgb(254,252,232);}
.txt-yellow02 {color: rgb(253,249,201);}
.txt-yellow03 {color: rgb(253,246,185);}
.txt-yellow04 {color: rgb(252,243,162);}
.txt-yellow05 {color: rgb(251,239,139);}
.txt-yellow06 {color: rgb(250,236,116);}
.txt-yellow07 {color: rgb(249,233,93);}
.txt-yellow08 {color: rgb(249,230,69);}
.txt-yellow09 {color: rgb(248,227,46);}
.txt-yellow10 {color: rgb(247,224,23);}

.txt-blue01 {color: rgb(238,237,249);}
.txt-blue02 {color: rgb(222,220,242);}
.txt-blue03 {color: rgb(205,202,236);}
.txt-blue04 {color: rgb(189,185,229);}
.txt-blue05 {color: rgb(172,167,223);}
.txt-blue06 {color: rgb(155,149,217);}
.txt-blue07 {color: rgb(139,132,210);}
.txt-blue08 {color: rgb(122,114,204);}
.txt-blue09 {color: rgb(106,97,197);}
.txt-blue10 {color: rgb(89,79,191);}

.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}

.txt-red01 {color: rgb(252,235,233);}
.txt-red02 {color: rgb(248,216,211);}
.txt-red03 {color: rgb(245,196,188);}
.txt-red04 {color: rgb(242,177,166);}
.txt-red05 {color: rgb(238,157,144);}
.txt-red06 {color: rgb(235,137,122);}
.txt-red07 {color: rgb(232,118,100);}
.txt-red08 {color: rgb(229,98,77);}
.txt-red09 {color: rgb(225,79,55);}
.txt-red10 {color: rgb(222,59,33);}

.txt-brown01 {color: #FFCC99;}
.txt-brown02 {color: #CC9966;}
.txt-brown03 {color: #FF9933;}
.txt-brown04 {color: #CC6600;}
.txt-brown05 {color: #CC6633;}
.txt-brown06 {color: #996633;}
.txt-brown07 {color: #663300;}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}

.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

.bg-yellow01 {background-color: rgb(254,252,232);}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}

.bg-blue01 {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(204,153,102);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: rgb(89,79,191);}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}

.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}

.bg-brown01 {background-color: #FFCC99;}
.bg-brown02 {background-color: #CC9966;}
.bg-brown03 {background-color: #FF9933;}
.bg-brown04 {background-color: #CC6600;}
.bg-brown05 {background-color: #CC6633;}
.bg-brown06 {background-color: #996633;}
.bg-brown07 {background-color: #663300;}


/*------------------------------------*/
/* Section 10.6  Bottom border colors */
/*------------------------------------*/
.line-white {border-bottom: solid 2px rgb(255,255,255); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 2px rgb(0,0,0); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-grey01 {border-bottom: solid 2px rgb(242,242,242); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey02 {border-bottom: solid 2px rgb(230,230,230); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey03 {border-bottom: solid 2px rgb(217,217,217); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey04 {border-bottom: solid 2px rgb(204,204,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey05 {border-bottom: solid 2px rgb(191,191,191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey06 {border-bottom: solid 2px rgb(178,178,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey07 {border-bottom: solid 2px rgb(153,153,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey08 {border-bottom: solid 2px rgb(127,127,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey09 {border-bottom: solid 2px rgb(89,89,89); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey10 {border-bottom: solid 2px rgb(51,51,51); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-yellow01 {border-bottom: solid 2px rgb(254,252,232); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow02 {border-bottom: solid 2px rgb(253,249,201); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow03 {border-bottom: solid 2px rgb(253,246,185); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow04 {border-bottom: solid 2px rgb(252,243,162); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow05 {border-bottom: solid 2px rgb(251,239,139); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow06 {border-bottom: solid 2px rgb(250,236,116); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow07 {border-bottom: solid 2px rgb(249,233,93); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow08 {border-bottom: solid 2px rgb(249,230,69); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow09 {border-bottom: solid 2px rgb(248,227,46); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-yellow10 {border-bottom: solid 2px rgb(247,224,23); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-blue01 {border-bottom: solid 2px rgb(238,237,249); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue02 {border-bottom: solid 2px rgb(222,220,242); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue03 {border-bottom: solid 2px rgb(205,202,236); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue04 {border-bottom: solid 2px rgb(189,185,229); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue05 {border-bottom: solid 2px rgb(172,167,223); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue06 {border-bottom: solid 2px rgb(155,149,217); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue07 {border-bottom: solid 2px rgb(139,132,210); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue08 {border-bottom: solid 2px rgb(122,114,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue09 {border-bottom: solid 2px rgb(106,97,197); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue10 {border-bottom: solid 2px rgb(89,79,191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-green01 {border-bottom: solid 2px rgb(237,246,229); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green02 {border-bottom: solid 2px rgb(220,238,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green03 {border-bottom: solid 2px rgb(202,229,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green04 {border-bottom: solid 2px rgb(185,220,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green05 {border-bottom: solid 2px rgb(167,211,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green06 {border-bottom: solid 2px rgb(149,203,102); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green07 {border-bottom: solid 2px rgb(132,194,76); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green08 {border-bottom: solid 2px rgb(114,185,51); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green09 {border-bottom: solid 2px rgb(97,177,25); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green10 {border-bottom: solid 2px rgb(79,168,0); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-red01 {border-bottom: solid 2px rgb(252,235,233); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red02 {border-bottom: solid 2px rgb(248,216,211); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red03 {border-bottom: solid 2px rgb(245,196,188); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red04 {border-bottom: solid 2px rgb(242,177,166); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red05 {border-bottom: solid 2px rgb(238,157,144); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red06 {border-bottom: solid 2px rgb(235,137,122); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red07 {border-bottom: solid 2px rgb(232,118,100); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red08 {border-bottom: solid 2px rgb(229,98,77); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red09 {border-bottom: solid 2px rgb(225,79,55); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-red10 {border-bottom: solid 2px rgb(222,59,33); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-brown01 {border-bottom: solid 2px #FFCC99; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown02 {border-bottom: solid 2px #CC9966; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown03 {border-bottom: solid 2px #FF9933; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown04 {border-bottom: solid 2px #CC6600; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown05 {border-bottom: solid 2px #CC6633; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown06 {border-bottom: solid 2px #996633; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-brown07 {border-bottom: solid 2px #663300; padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-right-brown03 {border-right: solid 2px #FF9933; padding: 0px 0px 10px 0px; margin: 0px 0px 1px 0px;}
.line-right-contact-brown03 {border-right: solid 2px #FF9933;}
.line-left-contact-brown03 {border-left: solid 2px #FF9933; padding-left: 10px}

.frame-brown01 {border: solid 1px #FFCC99;}
.frame-brown02 {border: solid 1px #CC9966;}
.frame-brown03 {border: solid 1px #FF9933;}
.frame-brown04 {border: solid 1px #CC6600;}
.frame-brown05 {border: solid 1px #CC6633;}
.frame-brown06 {border: solid 1px #996633;}
.frame-brown07 {border: solid 1px #663300;}




/*---------------------------*/
/* Section 10.7  Heights     */
/*---------------------------*/
.height-5 {height: 5px;}
.height-10 {height: 10px;}
.height-15 {height: 15px;}
.height-20 {height: 20px;}
.height-25 {height: 25px;}
.height-30 {height: 30px;}
.height-40 {height: 40px;}
.height-50 {height: 50px;}
.height-100 {height: 100px;}
.height-110 {height: 110px;}
.height-140 {height: 140px;}
.height-175 {height: 175px;}

/*---------------------------*/
/* Section 10.8  Margins     */
/*---------------------------*/
.margin-links-left {padding-left: 50px;}
.margin-links-right {padding-right: 50px;}

.margin-left-50 {margin-left: 50px;}



/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
.margin-off {margin: 0px;}
br {clear: none;}


/**********************/
/* SECTION 12 - FORMS */
/**********************/
/**************************/
/* SECTION 12.1 - BOOKING */
/**************************/
.form-boking {font-size:110%;}
.form-boking-label-left {display:block; margin-bottom:0.5em; margin-left:2.0em}
.form-boking-label-right {display:block; margin-bottom:0.5em; margin-left:0.0em}
.form-boking-input {display:block; width:13.5em;}
.form-boking-select-date {border-style: solid; border-width: 1px;}
.form-boking-submit {text-align:center;}


/**************************/
/* SECTION 12.2 - CONTACT */
/**************************/
.form-contact {font-size:110%;}
.form-contact-label-left {display:block; margin-bottom:0.5em;}
.form-contact-label-right {display:block; margin-bottom:0.5em;}
.form-contact-input {display:block; width:20.0em;}
.form-contact-select {display:block; width:20.5em;}
.form-contact-textarea {display:block; width:20.0em;}
.form-contact-submit {text-align:center;}

.form-error-margin {margin-left:2.0em;} 
.contentbox-form-error {float: left; width: 684px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}