/* MISC
//////////////////////////////////////////////////////////////////////////////*/

a:link,
a:active,
a:visited,
a:hover
{ text-decoration:none; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#454796; text-align: center; }

	a:hover
	{ text-decoration:underline; }
	
br.clear
{ clear:both; line-height:0; height:0; margin:0; padding:0; }
	

p
{ font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#454796; text-align: center; margin:4px; }

	p.title
	{ text-align:center; font-weight:bold; text-transform:capitalize; }
	
	p.bigTitle
	{ text-align:center; font-weight:bold; font-size:13px; text-transform:capitalize; }
	
	p.lineBreaker
	{ background:url(images/design/bg_lineBreaker_small.gif) no-repeat center; width:195px; margin:5px 0; }
	
	p.lineBreakerBig
	{ background:url(images/design/bg_lineBreaker_big.gif) no-repeat center; width:306px; margin:10px 0; line-height:20px; /*IE FIX*/ _margin:0; }
	p.reportsAnchor
	{ text-align:left; }


img
{ text-align:center; margin:0 auto; /*border:#454796 solid 1px;*/ }

.clear
{ line-height:0; height:0; clear:both; }

.noBorder
{ border:none; }

.noMargin
{ margin:0; }

/* STRUCTURE
//////////////////////////////////////////////////////////////////////////////*/

body
{ background:#FFF; text-align:left; }

div.wrapper
{ /* width:753px; */ width:900px; margin:0; padding:0; border-bottom:none; border-left: 2px solid #FFF; border-right: 2px solid #FFF; }

	div.wrapper div.header
	{ height:100px; background:#FFF url(images/design/bg_header.gif) no-repeat 0 0; margin:0; padding:0; position:relative; }
	
		div.wrapper div.header a.logolink
		{position: absolute; width:320px; height:73px; display:block; top:0; left:0; background:none; text-decoration:none; border:none; }
	
	div.wrapper div.content
	{ background:#FFF; float:left; width:100%; margin:0; padding:0; }
	
	div.wrapper div.footer
	{ height:73px; border-top:27px solid #454796; margin:0; padding:0; position:relative; }
	
/* HEADER 
//////////////////////////////////////////////////////////////////////////////*/

div.wrapper div.headerBottom
{ height:36px; background:#E3E3EB; }

	div.wrapper div.headerBottom h1
	{ font:bold 16px/36px Verdana, Arial, Helvetica, sans-serif; text-indent:10px; float:left; }
	
	div.wrapper div.headerBottom p
	{font:normal 10px/36px Verdana, Arial, Helvetica, sans-serif; color:#000; float:right; margin:0 10px 0 0; }
	
	
/* NAVBAR
//////////////////////////////////////////////////////////////////////////////*/

		ul#menu, ul#menu * {margin: 0; padding: 0; list-style: none;}
		
		ul#menu {height: 25px; position: absolute; top:73px; left:115px; clear:both; background:none; color:#FFF;}
		
			ul#menu li {float: left; height: 26px; }
			
				ul#menu li a:link,
				ul#menu li a:active,
				ul#menu li a:visited,
				ul#menu li a:hover
				{font: bold 14px/26px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 0; display: block; height:28px;}
				
					ul#menu li a:hover
					{color: #FFF;}
					
					/* LABELS */
					
					ul#menu li a.home
					{ display:block; width:54px;  background:url(images/design/bt_home.gif) no-repeat center; }
					
					ul#menu li a.placesToVisit
					{ display:block; width:111px; background:url(images/design/bt_places_to_visit.gif) no-repeat center; }
					
					ul#menu li a.whereToStay
					{ display:block; width:111px; background:url(images/design/bt_where_to_stay.gif) no-repeat center; }
					
					ul#menu li a.whatToDo
					{ display:block; width:92px; background:url(images/design/bt_what_to_do.gif) no-repeat center; }
					
					ul#menu li a.realEstate
					{ display:block; width:92px; background:url(images/design/bt_real_estate.gif) no-repeat center; }
					
					ul#menu li a.community
					{ display:block; width:101px; background:url(images/design/bt_community.gif) no-repeat center; }
					
					ul#menu li a.search
					{ display:block; width:71px; background:url(images/design/bt_searchtop.gif) no-repeat center; }
		
						/* DROP DOWN */
						ul#menu li.over,
						ul#menu li:hover {position: relative; z-index: 5;}
						
							ul#menu li ul /* SHOW THE DROPDOWN CONTENT */
							{margin: 0; padding: 0; display: none; background:#FFF; border:1px solid #000;}
						
							ul#menu li:hover ul, /* THE MAGIC */
							ul#menu li.over ul 	 {width: 170px; height: auto; display: block; position: absolute; left: 0; top: 26px; background: #FFF;  border:1px solid #000; z-index: 5;} 
						
								ul#menu li ul li {float: left; clear:left;  height: 1%; /* Holy Hack. IE Requirement */ border: 0; border-bottom: none; background: #FFF;}
								
								ul#menu li ul li a:link,
								ul#menu li ul li a:visited,				
								ul#menu li ul li a:active,				
								ul#menu li ul li a:hover {width: 170px; height: auto; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #000; text-indent: 2px; text-align: left; text-decoration: none; padding: 0; background: #FFF; display: block; position: relative;}
									ul#menu li ul li a:hover
									{ background:#E3E3EB; }
					
/* CONTENT
//////////////////////////////////////////////////////////////////////////////*/
	
	blockquote.leftContent
	{ float:left; height:auto; width:200px; display:block; margin:5px; /*IE FIX*/ _width:195px; }
	
	blockquote.middleContent
	{ float:left; height:600px; width:323px; display:block; margin:5px; background:url(images/design/bg_middleContent.gif) no-repeat bottom; }
	
	blockquote.mainContent
	{ float:left; height:auto; width:740px; display:block; margin:0 auto; }
	
	blockquote.rightContent
	{ float:left; height:auto; width:200px; display:block; margin:5px; _width:195px;  }
	
/* FOOTER
/////////////////////////////////////////////////////////////////////////////*/

	div.wrapper div.footer p.line
	{ color:#000; font-size:2px; line-height:2px; border-top:1px solid #454796; }

	div.wrapper div.footer p
	{ text-align:center; font:normal 12px/16px MS Sans Serif, Arial, Verdana; color:#000; }
			
/* FORMS
/////////////////////////////////////////////////////////////////////////////*/
							
	blockquote.mainContent form
	{text-align:left; padding:20px 0 0 20px; margin:0 auto; width:310px; background:url(images/design/bg_highlight.gif) no-repeat 0 0; }

	blockquote.mainContent form label
	{width:100px; display:block; float:left; text-align:left; font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#999; padding-right:5px;}

	blockquote.mainContent form input,
	blockquote.mainContent form select,
	blockquote.mainContent form textarea
	{width:180px; border:1px solid #999; font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#454796; padding:2px; margin-bottom:5px;}
	
	blockquote.mainContent form textarea
	{width:180px;}
	
		blockquote.mainContent form ul.formButton
		{list-style:none; padding-left:100px; /*IE FIX*/ *padding-left:60px; _padding-left:60px;}
	
		blockquote.mainContent form ul.formButton input
		{width:98px; height:18px; background: url(images/design/bt_inputForm.gif) no-repeat 0 0; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; border:none; padding:0;}






