/* CSS Document */

/* colours:
page background #e5e7cc
main header + lines #6b5839
/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#e5e7cc;
}
#content{width:90%;}
/*#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}*/
#topheader{width:1200px; height:345px; background:#e5e7cc url(img/nowanden.jpg) no-repeat left top; }
/*
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
*/
#page{clear:both;}
#contenttext{float:right; width:64%;}
#leftpanel{float:left; width:180px;}
#footer{width:100%; background-color:#F0F0F0; padding:10px; clear:both; text-align:center;}

#topheader h1 { display: none;}
h2.topheader {
/*
    margin: -300px 0 300px 0;
    color: black;
    padding-right: 5em;
    float: right;
*/
    font-size:100%;
    text-align:center;
    margin-bottom: 2em;
}

a.thickbox {
color:#6b5839;
vertical-align:baseline;
}
a {
color:#6b5839;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#000;
font-weight:bold;
text-decoration:underline;
}

#contenttext {
	border-top: 1px solid #6b5839;
	text-align: left;
	margin-bottom:3em;
}

#contenttext h1 {
	color: #6b5839;
	margin: 0.7em 0;
}
#contenttext h2 {
	color: #6b5839;
	margin: 0.7em 0;
}
#contenttext p {
    margin: 1em 0;
    line-height: 1.4;
    text-align: justify;
}
div#contenttext a {
display:inline;
text-decoration:underline;
}

.box {
    border: 1px dashed #6b5839;
    margin-left: 2em;
    background-color: #dddddd;
    padding: 10px 2em;
    width: 13em;
}

#box-right {
	background: url(img/content-right.jpg) no-repeat left top;
    height: 291px;
    width: 45px;
    float: right;
}    

#box-left {
	background: url(img/content-left.jpg) no-repeat left top;
    height: 291px;
    width: 30px;
    float: right;
}    



/* left menu settings */
#navigation {
	background: url(img/m-top.jpg) no-repeat left top;
	width:180px;
    text-align: left;
}

#navigation div {
	height: 37px;
	margin-bottom:-14px;
	padding-top:14px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	color: #6b5839;
}

#navigation ul {
	list-style:none;
	padding-bottom:0px;
	padding-left:0px;
	margin:0;
/*	margin-left:-10px;
	#margin-left:20px; */
/*	_margin-left:30px;  / * ie 6 and 7 hack */
	background: url(img/m-bg.jpg) repeat-y left top;
	width:180px;
}
#navigation  li {
	display:block;
	margin:0 0 4px 0;
}
#navigation  li a {
	display: block;
	width: 180px;
	height: 26px;
	text-decoration: none;
	background: url(img/m-tab.jpg) left top;
	font-size: 12px;
	text-decoration:none;
	color:#6b5839;
	font-family:verdana;
	line-height:24px;
	text-indent:15px;
}
#navigation  li a:hover {
	background: url(img/m-tab.jpg) left center;
	color:#000;
	/*border-color:#888;*/
}
#navigation  li a.selected, #navigation li a.selected:hover {
    background:url(img/m-tab.jpg) left bottom;
    color:#000;
    cursor:default;
    font-weight: bold;
}

/* bottom part of navigation panel */
.leftbottom {
    background:url(img/m-bottom.jpg) left bottom;
    color:#000;
    height: 281px;
    margin-top: -4px;
    text-align: left;
    padding-left: 10px;
}

.leftbottom p {
    width: 80%;
    padding-top:4em;
	color:#6b5839;
	font-family:verdana;
    font-size: 12px;
	line-height:16px;
}

.small {
    font-size: 80%;
}
/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 70%;
	font-weight:bold;
	color:#666666;
}
.smallgraytext a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}


.tariff1 {
    font-weight: bold;
    display: inline;
    width: 25em;
}


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

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

.clear {
    clear: both;
}


.img-shadow {
    background:transparent url(img/picshadow.png) no-repeat scroll right bottom !important;
    float:left;
    margin:10px 0 0 10px !important;
}

.img-shadow img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 13px 15px -6px;
padding:4px;
position:relative;
}
a img {
border:0 none;
}

.img-caption {
clear:both;
color:#777777;
font-size:80%;
padding-left:1em;
text-align:left;
margin-bottom: 1em;
}


div.cite {
    background-color: #eeeeee;
    border: 1px solid #6b5839;
    width: 60%;
    margin: 1em;
    padding: 10px;
}
.cite h3 {
    color: #6b5839;
}




/* +++++++++ styling for the contact forms and error handling +++++++++ */
fieldset {
    margin:1em;
    padding: 5px;
    border:1px solid #6b5839;
}

legend {
  padding: 0.2em 0.5em;
  border:1px solid #996633;
  color:#996633;
  font-size:90%;
  text-align:right;
  }
  
label { 
    position: absolute;
    text-align:right;
    width:10em;
    font-size: 80%;
}

/*input.contact, textarea.contact,  input.readonly { */
input, select, textarea {
    margin-left: 11em;
    margin-bottom:3px;
}
input, textarea {
    width:30em;
    border: 1px solid #6b5839;
    background: #cccc99;
}
checkbox {
    width: 1em;
}


input.readonly {
    background: #e5e7cc;
}

input.contacterror, textarea.contacterror {
    border: 3px solid #ff6600;
    background: #ffcc66;
}

input.ccnumber {
    margin-left: 0px;
    width:4em;
}

input.ccnr1{
    margin-left: 11em;
}

/*
.dayselect, .monthselect, .yearselect {
    margin-bottom:3px;
    border: 1px solid #6b5839;
    background: #cccc99;
}
.dayselect {
    margin-left: 15em;
}
*/
.monthselect, .yearselect, .timeselect {
    margin-left: 0px;
}

label.check, label.radio { position:relative; text-align:left; }


.check {
    width:2em;
}

.button {
    width:10em;
    border: 1px solid #6b5839;
    background: #cccc99;
    margin-left: 2em;
}
.button:hover {
    background: #fff;
}
/* to display error messages on forms */
.form_error {
    color: #ff0000;
    font-family: times new roman;
    font-size: 80%;
    margin-left: 10em;
}
.MasterError {
	width: 90%;
	margin-top: 30px;
	margin-left: 30px;
	border: dashed 1px #ff0000;
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	font-weight: bold;
}