/*
------------------------------------------------------
Copyright Jeroen van der Meer, http://www.jero.net/;
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

------------------------------------------------------

*/

/* Basic elements */

body {
background-color: #EEF3F9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #35437c;
margin: 0 auto;
padding: 0;
text-align: center;
width: 650px;
}

h1, h2, h3 {
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;}

h1 {color: #ab9a8d;
font-size: 1.1em;}

h2 {color: #ab9a8d;
font-size: 0.8em;
}

h3 {color: #ab9a8d;
text-align: right;
font-weight: bold;}

h4 {
text-align: left;
}

h5 {line-height: 0.4em;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
line-height: 14px;
}

li.indent {
line-height: 7px; margin-left: 125px; 
margin-right: -200px;
}

a {
color: #b81026;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
position: relative;
width: 650px;
padding-left: 15px;
padding-right: 20px;
background: #dadee4;
border: 1px #d1bead solid
}

#left-margin-logo {
font: normal 11px/16px Georgia, "Times New Roman", Times, serif;
position: absolute;
margin-left: -140px;
margin-top: 5px;
width: 115px;
background: #dadee4;
border: 1px solid #B0B0B0;}

#left-margin-logo a.bluelink{color: #35437c;
font-weight: bold;}

#right-margin-logo {
font: normal 11px/16px Georgia, "Times New Roman", Times, serif;
position: absolute;
margin-left: 705px;
margin-top: 5px;
width: 115px;
background: #dadee4;
border: 1px solid #B0B0B0;}

#right-margin-logo a.red{color: #ea152e;
font-weight: bold;font-size: 1.9em;
line-height: 2em;
}

#left-margin-logo-us a{color: #35437c;
background-color: #EEF3F9;
font-weight: bold;
border: 1px solid #B0B0B0;
width: 75px;
}

#banner-index {background: url(images/tiles-comp.jpg) center no-repeat;
position: relative;
width: 600px;
height: 310px;
margin-top: 5px;
margin-left: 25px;
border: 1px solid #d3c2b0;
cursor: default;
}

#banner {
position: relative;
width: 600px;
height: 310px;
margin-top: 5px;
margin-left: 23px;
border: 1px solid #d3c2b0;
cursor: default;
}

#title {
margin: 0;
color: #dadee4;
font-size: 3em;
padding-top: 25px;
padding-right: 10px;
text-align: right;
}

#slogan {
color: #dadee4;
font-size: 1.5em;
padding-right: 10px;
margin-top: 5px;
text-align: right;
}

p.red {font-size: 1.4em;
color: #ea152e;
font-weight: bold;}

p.ghost {font-size: 1em;
color: #ab9a8d;
font-weight: bold;}

p.redleft {font-size: 1.8em;
padding-top: 5px;
color: #ea152e;
font-weight: bold;}

p.redtv {font-size: 0.8em;
color: #ea152e;
font-weight: bold;
text-align: center;
padding-bottom: 1px;
}

p.redcenter {font-size: 1em;
color: #ea152e;
font-weight: bold;
text-align: center;}

p.header {background-color: #dadee4;
margin-left: 2%;
margin-right: 4%;
font-weight: bold;}

p.resvlink{text-align: center;
color: #35437c;
background-color: #EEF3F9;
font-weight: bold;
border: 1px solid #B0B0B0;
width: 200px;

}

#menu { 
width: 104%;
background: #EEF3F9;
color: #35437c;
float: none;
font-weight: normal;
margin-left: 21px;
}

#menu ul { 
font-weight: normal;
list-style: none;
margin: 0;
padding: 0;
width: 5.5em;
float: left;
position: relative;
MIN-HEIGHT: 1px; VERTICAL-ALIGN: bottom;
}

#menu a, #menu h6 { 
font: normal 11px/16px arial, helvetica, sans-serif;
color: #35437c;
background: #EEF3F9;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ab9a8d;
margin: 0;
padding: 1px 2px;

}

#menu a {  text-decoration: none;
}

#menu a:hover { background: #35437c;
color: #fff;}

#menu li {position: relative; 
MIN-HEIGHT: 1px; VERTICAL-ALIGN: bottom;
 }


 


#menu ul ul ul { 
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul { 
position: absolute;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* Content */

#container {
padding: 10px;
top: 20px;
text-align: left;
}

/*#content {
margin-left: 120px;
margin-right: -20px;
width: 480px;
}
#content h2, #content li {margin-left: 5px;
}

#content p, #content li {
text-align: justify;
font-size: 100%;
line-height: 1.4em;
}

#content a{
color: #35437c;
text-decoration: underline;
}

#content a:hover {
text-decoration: underline;
}*/

#content-full {padding-top: 5px;
padding-left: 10px;
margin-left: -20px;
margin-right: 0px;
width: 650px;
}

#content-full li{line-height: 1.1em;
}

#content-full a.bluelink{color: #35437c;
font-weight: bold;
text-decoration: underline;}

div.property-table {
font-size: 90%;
text-align: center;
margin-left: 2%; margin-right: 2%;
width: 96%;
border: 1px #000000 solid;
display: table-cell;
white-space: normal;}

div.property-table td{border: 1px #d1bead solid;
text-align: center;
font-size: 85%;}

div.rate-table {font-size: 1em;
text-align: left;
margin-left: 5%; margin-right: 5%;
width: 90%;
border: 1px #000000 solid;
display: table;
white-space: normal;
border-spacing: 1em 1em;
}
div.rate-table td{padding: 1%;
width: 39%;
border: 1px #d1bead solid;
text-align: center;
font-size: 85%;}

div.rate-table td.narrow{padding: 1%;
width: 11%;
border: 1px #d1bead solid;
text-align: center;
font-size: 85%;}

div.rate-table td.medium{padding: 1%;
width: 23%;
border: 1px #d1bead solid;
text-align: center;
font-size: 85%;}
/* Footer */

div.fado-table {
font-size: 97%;
width: 605px;
padding: 3%;
text-align: left;
border: 4px #d1bead solid;
display: table;
white-space: normal;}

#info-site {
font-size: 0.7em;
width: 650px;
color: #35437c;
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}

#text-payments {
background: #dadee4;
width: 90%;
font-size:1em;
text-align: center;
}

#text-payments-left {
background: #dadee4;
width: 90%;
font-size:1em;
text-align: left;}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

	width: 104%;
background: #EEF3F9;
color: #35437c;
float: none;
font-weight: normal;
margin-left: 21px;
}

#nav a, #nav h6 {
	display: block;
	width: 10em;
	
	font: normal 11px/16px arial, helvetica, sans-serif;
color: #35437c;
background: #EEF3F9;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ab9a8d;
margin: 0;
padding: 1px 2px;
}


#nav li {
	float: left;
	width: 1em;
}
#nav li ul {
	position: absolute;
	width: 1em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
	
	background: #35437c;
color: #fff;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	
	background: #35437c;
color: #fff;
}