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

site: Bohemian Paradise 
last date: 12/26/08
author: Chad Cross - chad@juxtaflo.com
url: seecentralamerica.com

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

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

Pixel to em conversions:
16 x 1.5em = 24px
16 x 1.25em = 20px
16 x 1.125em = 18px
16 x 1em = 16px
16 x 0.875em = 14px
16 x 0.75em = 12px
16 x 0.6875em = 11px
16 x 0.625em = 10px

Colors:
#B2D234 - lime green

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

html,body { background: #B2D234;	margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: normal; color: #333; }
h1{
	padding: 0;
	margin: 0;
	float: left;
}
h2{
	font-size: 14px;
	font-weight: bold;
}
h3{
	font-size: 12px;
	font-weight: bold;
}
p{
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: justify; 
}

a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #333;
}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #999;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #000;
}
hr.d {
	border: none 0; 
	background-color: #000000;
	width: 100%;
	height: 1px;
	text-align: left;
	margin: 0 0 20px 0;
}
img{ border: 0; }

/*date picker */
.embed + img { position: relative; left: -21px; top: 2px; }


/*Corporate Bar start///////////////////////////////////////////////////////////////*/
#corpBarBknd { background: #fff; width: 100%; border-bottom: 1px solid #000; }
  #corpBar { background: #fff; width: 765px; margin: 0 auto; padding: 10px 0; overflow: hidden; }
    
    #corpLogoWrap { float: left; display: inline;/*ie6 bug fix*/ background: #fff url("../images/logo.gif") no-repeat top left;	background-position: -188px; width: 188px; height: 130px; margin: 0 0 0 30px; padding: 0; }
      #corpLogo a { background: transparent url("../images/logo.gif") no-repeat top left; display: block; width: 188px; height: 130px; margin: 0; padding: 0; }
      #corpLogo a:hover { background-position: -188px 0; }

    #corpRight { float: right; display: inline;/*ie6 bug fix*/ background: #fff; width: 537px; margin: 48px 10px 0 0;	padding: 0;	text-align: right; display: inline; }
      
      ul#corpNavLocations { width: 537px; overflow: hidden; margin: 0; padding: 0; }  
        #corpNavLocations li { float: right; display: inline;/*ie6 bug fix*/ overflow: hidden; list-style-type: none; margin: 0 27px 0 0; padding: 0; text-align: right; }
        #corpNavLocations li.first { width: 160px; }
        #corpNavLocations li.middle { width: 122px; }
        #corpNavLocations li.last { width: 122px; margin-right: 0; }
          #corpNavLocations li img { float: right; display: inline;/*ie6 bug fix*/ margin: 0 0 0 10px;  }          
          #corpNavLocations li a:link {	color: #000; text-decoration: none; }
          #corpNavLocations li a:visited { color: #000; text-decoration: none; }
          #corpNavLocations li span { color: #999; line-height: 15px; }
      
      ul#corpNav { width: 537px; overflow: hidden; margin: 40px 0 0 0; padding: 0; }
        #corpNav li {	float: right; display: inline;/*ie6 bug fix*/ background: transparent; list-style-type: none; margin-right: 5px; padding-right: 5px; border-right: 1px solid #000; }
        #corpNav li.last { border-right: 0px; padding-right: 0; margin-right: 0; }


/* Global start  ////////////////////*/
#frame { 
	background: transparent;
	width: 778px;
	margin: 0 auto 0 auto;
	padding: 0;
}
div.row {
	background: transparent;
	width: 778px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div.rowStretchFill{
	background: transparent url("../images/global_sub_stretchFill.jpg") repeat-y top left;
	width: 778px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div.row img {
	display: block;
}
.floatLeft{
	float: left;
}
h2{
	background: #fff url("../images/global_content_top.jpg") no-repeat top left;
	Width: 542px;
	height: 38px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 58px 0 0 17px;
}
div.leftNav{
	float: left;
	margin: 0;
	padding: 0;
}
div.contentArea{
	background: transparent url("../images/global_content_sliver.jpg") repeat-y top left;
	float: left;
	width: 559px;
	margin: 0;
	padding: 0;
	display: inline;
}
div.contentContainer{
	margin: 0 26px 0 20px;
	padding: 0;
	min-height:409px;
 	height: auto !important;
  	height: 409px;
}
.subFooter{
	background: transparent url("../images/global_sub_footer.jpg") no-repeat top left;
	width: 778px;
	height: 182px;
	margin: 0;
	padding: 0;
}
/* Global end  ////////////////////*/
/* Main elements start  ////////////////////*/
.mainSubFooter{
	background: transparent url("../images/main_sub_footer.jpg") no-repeat top left;
	width: 778px;
	height: 182px;
	margin: 0;
	padding: 0;
}
.mainHeader{
	background: #fff url("../images/main_content_top.jpg") no-repeat top left;
	Width: 542px;
	height: 38px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 58px 0 0 17px;
}
div.mainMiddleRight{
	background: transparent url("../images/main_right.jpg") no-repeat top left;
	display: inline;
	float: left;
	width: 108px;
	height: 505px;
	margin: 0;
	padding: 0;
}
div.mainMiddleLeft{
	background: transparent url("../images/main_left.jpg") no-repeat top left;
	display: inline;
	float: left;
	width: 111px;
	height: 505px;
	margin: 0;
	padding: 0;
}
div.mainContentArea{
	background: transparent url("../images/global_content_sliver.jpg") repeat-y top left;
	float: left;
	width: 559px;
	margin: 0;
	padding: 0;
	display: inline;
}
div.mainContentContainer{
	margin: 0 26px 0 20px;
	padding: 0;
	min-height:409px;
 	height:auto !important;
  	height:409px;
}
div.mainRowStretchFill{
	background: transparent url("../images/main_sub_stretchFill.jpg") repeat-y top left;
	width: 778px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* Main elements end  ////////////////////*/
/* footer start //////////////////////////*/
#footer{
	width: 765px;
	height: 12px;
	margin: 5px auto 0px auto;
	color: #666;
}
#footerRight{
	float: right;
	margin: 0 30px 10px 0;
	display: inline;
}
#footerRight a:link, #footerRight a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #666;
}
#footerRight img{
	vertical-align: middle;
	margin-left: 10px;
}
#footerLeft{
	float: left;
	margin: 7px 0 10px 30px;
	display: inline;
}
/* footer end ////////////////////////////*/
/* home page global start///////////////////////////////*/
div.bottomRight{	
	float: left;
	background: #fff url("../images/global_bottom_right.jpg") no-repeat top left; 
	width: 452px;
	height: 467px;			
	margin: 0; 
	padding: 0;
}
div.letterhead{	
	background: transparent url("../images/global_letterhead_sliver.jpg") repeat-y top left; 		
	margin: 105px 0 0 0; 
	padding: 10px 60px 10px 20px;
}
div.letterFooter{	
	background: transparent url("../images/global_letterhead_footer.jpg") no-repeat top left; 		
	display: block;
	width: 420px;
	height: 26px;
	margin: 0; 
	padding: 0;
}
/* home page global end///////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
img.FloatRight { 
	float: right; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-width: 0px;
	
} 
img.FloatLeft { 
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-width: 0px;
}

/* real form elements*/
form{
	margin: 0;
   padding: 0;
}
fieldset{
   border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-left: 0px solid #ccc;
	margin-bottom: 10px;
   padding: 0;
   display: block;
}
legend{
   margin: 0;	
   padding: 10px 0 10px 0;
   color: #000;
   background: transparent;
   font-weight: bold;
}
label{
   float: left;
   width: 200px;
   padding: 4px 0px 0px 0px;
   text-align: left;
	font-weight: bold;
}
/* use this for normal input boxes*/
div.fi{
   margin: 0;	
   padding: 5px 0px 5px 0px;
}
div.fi input{
   width: 225px;
   border-top: 1px solid #555;
   border-left: 1px solid #555;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
 	margin-top: 0px;
	margin-bottom: 0px;
   padding: 2px;
	color: #333;
}
div.fi textarea{
   width: 225px;
   border-top: 1px solid #555;
   border-left: 1px solid #555;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
 	margin-top: 0px;
	margin-bottom: 0px;
   padding: 0px 0px 0px 4px;
	color: #333;
}
div.fiText{
	display: block;
   padding: 0px;
   text-align: left;
	margin: 0px 0px 0px 0px;	
   padding: 5px 0px 5px 10px;
}
/* use this when there are multiple inputs like radio buttons or checklists*/
div.fiMulti{
   margin: 0px 0px 0px 0px;	
   padding: 5px 0px 5px 0px;
} 
div.fiMulti input{ 
	width: 20px;
	border-top: 0px solid #555;
   border-left: 0px solid #555;
   border-bottom: 0px solid #ccc;
   border-right: 0px solid #ccc;
	text-align: left;
	padding: 4px 0px 0px 10px;
	margin-left: 10px;
} 
div.fiMulti label{
   float: left;
	display: block;
   width: 370px;
   padding: 0px;
   text-align: left;
	padding: 4px 0px 0px 0px;
}
/* use this when there are multiple inputs like radio buttons or checklists and when they need to be side by side*/
div.fiMultiDoubler{
	width: 470px;
	margin: 0px 0px 0px 0px;	
   padding: 0px 0px 0px 0px;
} 
div.fiMultiFloat{
   float: left;
	width: 235px;
	margin: 0px 0px 0px 0px;	
   padding: 5px 0px 5px 0px;
} 
div.fiMultiFloat input{ 
 	width: 20px;
	border-top: 0px solid #555;
   border-left: 0px solid #555;
   border-bottom: 0px solid #ccc;
   border-right: 0px solid #ccc;
	text-align: left;
	padding: 4px 0px 0px 10px;
	margin-left: 10px;
} 
div.fiMultiFloat label{
   float: right;
	display: block;
   width: 195px;
   padding: 0px;
   text-align: left;
	padding: 4px 0px 0px 0px;
}
/* use this when there are nornmal inputs when they need to be side by side*/
div.fiFloat{
   float: left;
	width: 235px;
	margin: 0px 0px 0px 0px;	
   padding: 5px 0px 5px 0px;
} 
div.fiFloat input{ 
 	float: left;
	width: 100px;
	border-top: 1px solid #555;
   border-left: 1px solid #555;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
	text-align: left;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
} 
div.fiFloat label{
 	float: left;
   width: 100px;
   padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
   text-align: left;
}
div.fiFloat select{
 	float: left;
   width: 100px;
   padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
   text-align: left;
}