/*-----------------------------------------------------------------------------

Template: tropicala

Design by: www.LetsEat.at -- Free Websites for Restaurants and Cafes!

This template is made available to the public under Creative Commmons Attribution 3.0 Unported:

http://creativecommons.org/licenses/by/3.0/

Please leave the link back to our site intact at the bottom of your site.

Feel free to redistribute the template as long as you leave the link intact.

Thanks!

-----------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}

#sitelogo

 {
	width:450px;
	height:158px;
	position:relative;
	z-index:1;
	float: left;
	top: 10px;
	left: 15px;
	background-image: url(../images/global_stop.gif);
        background-repeat: no-repeat;
	margin: 0px;
}
#quote {
	width:600px;
	height:90px;
	position:absolute;
	z-index:1;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	background-image: url(../images/quote01.gif);
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

body {
  font:62.5% Arial, Helvetica, sans-serif;
  background:#FFF url(../images/cau-bg.jpg) repeat;
}

p, h2, h3, h4, h5 {
  font-size:1.5em;  margin-top: 0.75em; 
}

note {font-size: 0.75em; font-style: italic; }

p2 {font-size: 0.75 em; margin-top: 0.75em;}

.larger {font-size: 2.5em;}

 .box { border: hidden; background: #507FA3; width: inherit; color: #ffffff; font-style: italic; font-size: 1.25em; padding: 0.5em; line-height: 1.6em }

.sol {border: 1px; background: #FFA04D; width: inherit; color: #474747; font-size: 1.35em; padding: 0.5em; line-height: 1.6em }

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:180px;}
a.tooltip:hover span{display:inline; position:absolute; background:#F0F0F0; border:1px solid #cccccc; color:#6c6c6c;}

.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/

.subcontent-box {width:auto; background-color:rgb(255,255,255);}

div#wrapper {
  width:868px;
  padding-top:8px;
  margin:25px auto 0;
  background:url(../images/top.png) no-repeat;
}

div#masthead {
  width:868px;
  background:url(../images/main_bg.png) repeat-y;
  position:relative;
}

h1 {
  font:2em Verdana, Arial, Helvetica;
color:#6699cc;
}

h1 a {
  position:absolute;
  width:191px;
  height:30px;
  left:40px;
  top:18px;
  font-weight:bold;
  text-decoration:none;
  color:#ff7e00;
}
div#masthead h2 {
font:3em Verdana, Arial, Helvetica;
font-weight:bold;
color:#de4c2a;
text-align:right;
padding-right:50px;
text-wrap:none;
float:right;
width:350px;
}

div#masthead ul {
  float:right;
  margin-right:22px;
  position:relative;
  z-index:2;
  bottom:-2px;
list-style-type:none;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:40px 20px 18px;
}

div#masthead ul li a:hover,
div#masthead ul li.current {
  background:url(../images/nav_bg.png) bottom repeat-x;
}

div#masthead_image {
  background:url(../images/image_bg.png) center no-repeat;
  width:824px;
  height:148px;
  clear:both;
  padding:8px 22px;
  position:relative;
  z-index:1;
}

div#content {
  width:868px;
  background:url(../images/main_bg.png) repeat-y;
}

div#main {
  padding:0 20px 20px;
  width:590px;
  float:left;
border-right: 1px solid #dbdbdb;
}


h2#page_header {
  color:#ff7e00;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 20px 5px;
  border-bottom:1px solid #e7e7e7;
  position:relative;
}

h2#page_header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

div#main a {
  color:#507FA3; background-color:#F0F0F0
}

div#main p {
  color:#6b6b6b;
  line-height:1.5;

}

div#main h3 {
  margin-top:15px;
  color:#ff7e00;
}
div#main h2 {
  margin-top:10px;
}

div#main blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

div#main ul {
  font-size:1.5em;
  line-height: 1.6em;
  color:#6b6b6b;
  margin-left:15px;}

div#main li {
  margin:5px 0;
  padding-left:15px;
}

div#main ol {
  font-size:1.5em;
  line-height: 1.6em;
  color:#6b6b6b;
  margin-left:20px;}
  
.left{
	display: block;
	float:left;
	padding: 10px;}
  
.right{
	display: block;
	float:right;
	padding: 10px;}

div#secondary {
  padding:15px 10px 20px 10px;
  width:200px;
  float:left;
}

div#secondary h3 {
  text-transform:uppercase;
  color:#507fa3;
  margin-bottom:15px;
}

div#secondary ul#news {
  margin:15px 0 20px;
  color:#507fa3;
  padding-bottom:10px;
  border-bottom:1px solid #e7e7e7;
}

div#secondary ul#news label {
  font-weight:bold;
}

div#secondary ul#news li {
  margin:10px 0;
  font-size:1.2em;
  line-height:1.5em;
}

div#secondary h4 {
  color:#ff7e00;
  text-transform:uppercase;
  margin-bottom:15px;
}

div#secondary form p {
  position:relative;
  height:30px;
}

input.subscribe {
  position:absolute;
  top:0;
  height:18px;
  width:156px;
  padding:5px;
  background:url(../images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input.submit {
  position:absolute;
  right:0;
}
/* SIDE MENU #1 */
.sidemenu1 {clear:both; width:auto; margin:0; padding:0;}
.sidemenu1 ul {width:auto; margin:0; margin-top:-1px; padding:0; border-bottom:solid 1px rgb(200,200,200);list-style-type:none;}	
.sidemenu1 ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu1 li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-top:solid 1px rgb(200,200,200); color:rgb(75,75,75); font-weight:bold; text-decoration:none;}
.sidemenu1 ul li ul {display:none; margin:0 0 5px 0; border:none;}
.sidemenu1 ul li:hover ul {display:block; font-size:100%;}
.sidemenu1 ul li ul li {margin:0; padding:0; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu1 ul li ul li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:0 0 0 30px; border:none; color:rgb(75,75,75); font-weight:normal; text-decoration:none;}
.sidemenu1 li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}
.sidemenu1 li a:visited {color:rgb(75,75,75); text-decoration:none;}

/* SECTION MENU */
.section {
float:left;
width:30em;
margin:10px 1em;
padding:0.3em;
font-size:110%;
border:solid 1px rgb(200,200,200);
background:rgb(200,230,240);
}
.section h2 {
color:rgb(100,130,140);
margin:0 0 0 15px;
}

.section h2 a {text-decoration:none; background-color:transparent !important;}
.section h2 a:hover {background-color:rgb(100,130,140) !important; color:white !important;}

.section ul {list-style-type:none; float:left;}
.section ul li a {text-decoration:none; background-color:transparent !important;}
.section ul li a:hover {background-color:rgb(100,130,140) !important; color:white !important;}

.submenu ul  {list-style-type:none; float:left;}
.submenu ul li a {text-decoration:none; background-color:transparent !important;}
.submenu ul li a:hover {background-color:rgb(100,130,140) !important; color:white !important;}

.menuhere {color:red;}
.parentmenuhere {color:blue !important;}

/* TAGCLOUD */

.tag5  {font-size:250%; color:#000; text-decoration:none;}

.tag4  {font-size:220%; color:#2d2d2d; text-decoration:none; }

.tag3  {font-size:190%; color:#575757; text-decoration:none; }

.tag2 {font-size:160%; color:#818181; text-decoration:none;}

.tag1  {font-size:110%; color:#999; text-decoration:none; }

.tagdisplay {width: 550px; padding:20px; margin: 2.0em 0 0 0; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}

/* CONTACT FORM */
.contactform {width:400px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:0; background-color:rgb(240,240,240);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {
	float:left;
	width:100px;
	margin:0 0 0 10px;
	padding:2px;
	font-size:110%;
}
.contactform select.combo {
	width:200px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
}
.contactform input.field {width:400px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.text {width:300px;}
.contactform input.button {
	float:right;
	width:auto;
	margin-right:20px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:rgb(230,230,230);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:#000000;
	font-size:110%;
}
.contactform input.button:hover {
	cursor: pointer;
	border:solid 1px rgb(80,80,80);
	background:#FFFFFF;
	color:#993300;
}

p#footer {
  height:8px;
  width:868px;
  background:url(../images/bottom.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;
}

p#footer a {
  color:#686868;
  text-decoration:none;
}

p#footer span {
  position:absolute;
  text-indent:-9999em;
}

p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}

.clear {clear:both;}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */