﻿html, body, form {
    padding: 0px;
    margin: 0px;
    height: 100%; 
}
body
{
	padding: 0px;
	margin: 0px;
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 10pt;
	position: relative;
	background-color: #9BA8BE;
}

a
{
	text-decoration: none;
	color: #0e2358;
}

img
{
	border: 0;
}

#topBorder
{
}

#header
{
	background: #9BA8BE;
	height: 35px;
	min-width: 970px;
	position: relative;
}
#footer
{
	background: #9BA8BE;
	width: 100%;
	position: absolute;
	bottom: 0px;
	height: 32px;
    border-width : 5px;
	border-top-style: solid;
	border-top-color: Black;
}
#CopyRight a:hover {
    display: block;
     text-decoration: underline !important;
} 
#footer2
{
	background: #9BA8BE;
	width: 100%;
	position: relative;
	bottom: 0px;
	height: 20px;
    border-width : 5px;
	border-top-style: solid;
	border-top-color: Black;
}
#Tab1
{
	position: absolute;
	right: 32px;
	top: 0px;
	display: block;
	height: 33px;
	width: 179px;
	background: url("../images/tabs_downloadbluehoo.png") no-repeat 0 0;
	border: none;
	outline: none;
}

#Tab1:hover
{
	background-position: 0 -33px;
}
#Tab2
{
	position: absolute;
	right: 232px;
	top: 0px;
	display: block;
	height: 33px;
	width: 179px;
	background: url("../images/tabs_dashboard.png") no-repeat 0 0;
	border: none;
	outline: none;
}

#Tab2:hover
{
	background-position: 0 -33px;
}

#Hoovert
{
  position: absolute;
	bottom: 0px;
	right: 100px;
	width: 450px;
	height: 70px;
	background: transparent url(../images/VertigoLogoRed.png);
}

#tTopRightMenu
{
	text-align: right;
	margin-right: 20px;
	padding-bottom: 5px;
	position: relative;
	top: -37px;
}#tTopRightMenu2
{
	text-align: right;
	margin-right: 220px;
	padding-bottom: 5px;
	position: relative;
	top: -37px;
}
#CopyRight
{
	margin-left: 40px;
	padding-top: 5px;
}
#BottomRightMenu
{
	text-align: right;
	position: absolute;
	top: 5px;
	right: 40px;
	color: #fff;
}

#BottomRightMenu a:link
{
	color: #ffffff;
}

#BottomRightMenu a:hover, #TopHoos a:hover
{
	text-decoration: underline;
}

#MainContentRectangle
{
	position: relative;
	background-color: #E08404;
	background-position: green;
	border-width: 5px;
	border-top-style: solid;
	border-top-color: Black;
	min-height: 380px;
	height: 100%;
}

#ContentRectangle
{
	margin: 0px 0px 30px 10px;
	border: 5px;
	border-color: Black;
	min-width: 970px;
	margin-left: 240px;
}

#ContentRectangle_TopBar
{
	top: 0px;
	left: 24px;
	position: relative;
	z-index: 1;
}
#ContentRectangle_TopBar_Top
{
	height: 45px;
	margin-left: 45px;
	margin-right: 46px;
	background: transparent url(../images/top_horizontal_line.png) repeat-x;
}
#TopLeftCorner
{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 45px;
	width: 45px;
	background: transparent url(../images/top_left_corner.png) no-repeat;
	z-index: 1;
}
#TopRightCorner
{
	top: 0px;
	right: 0px;
	position: absolute;
	background: transparent url(../images/top_right_corner.png) no-repeat;
	height: 45px;
	width: 46px;
	z-index: 1;
}
#LeftVertical
{
	min-height: 350px;
	background: transparent url(../images/left_vertical_line.png) repeat-y;
	left: 24px;
	position: relative;
	z-index: 200;
}
#RightVertical
{
	min-height: 350px;
	background: transparent url(../images/right_vertical_line.png) repeat-y top right;
}
#BottomBar
{
	left: 24px;
	position: relative;
	bottom: 0;
}
#Bottom
{
	margin-left: 45px;
	margin-right: 46px;
	bottom: 20px;
	background: transparent url(../images/bottom_horizontal_line.png) repeat-x bottom left;
	height: 45px;
}
#BottomLeftCorner
{
	left: 0px;
	bottom: 0px;
	position: absolute;
	height: 45px;
	width: 45px;
	background: transparent url(../images/bottom_left_corner.png) no-repeat;
}
#BottomRightCorner
{
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 45px;
	width: 46px;
	background: transparent url(../images/bottom_right_corner.png) no-repeat;
}

#Content
{
	background: yellow;
	min-height: 550px;
	min-width: 270px;
}

#MainContentRectangle2
{
	position: relative;
	background-color: #E08404;
	background-position: green;
	border-width: 5px;
	border-top-style: solid;
	border-top-color: Black;
	min-height: 380px;
	height: 100%;
}
	
#ContentRectangle2
{
	margin: 0px 0px 20px 10px;
	border: 5px;
	border-color: Black;
	width: 1150px;
	margin-left: 20px;
	margin-right: 20px;
}
	
#ContentRectangle_TopBar2
{
	top: 0px;
	left: 3px;
	position: relative;
	z-index: 1;
}
#ContentRectangle_TopBar_Top2
{
	height: 45px;
	margin-left: 45px;
	margin-right: 46px;
	background: transparent url(../images/top_horizontal_line2.png) repeat-x;
}
#TopLeftCorner2
{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 45px;
	width: 45px;
	background: transparent url(../images/top_left_corner2.png) no-repeat;
	z-index: 1;
}
#TopRightCorner2
{
	top: 0px;
	right: 0px;
	position: absolute;
	background: transparent url(../images/top_right_corner2.png) no-repeat;
	height: 45px;
	width: 46px;
	z-index: 1;
}
#LeftVertical2
{
	min-height: 350px;
	background: transparent url(../images/left_vertical_line2.png) repeat-y;
	left: 3px;
	position: relative;
	z-index: 200;
}
#RightVertical2
{
	min-height: 350px;
	background: transparent url(../images/right_vertical_line2.png) repeat-y top right;
}
#BottomBar2
{
	left: 3px;
	position: relative;
	bottom: 0;
}
#Bottom2
{
	margin-left: 45px;
	margin-right: 46px;
	bottom: 20px;
	background: transparent url(../images/bottom_horizontal_line2.png) repeat-x bottom left;
	height: 45px;
}
#BottomLeftCorner2
{
	left: 0px;
	bottom: 0px;
	position: absolute;
	height: 45px;
	width: 45px;
	background: transparent url(../images/bottom_left_corner2.png) no-repeat;
}
#BottomRightCorner2
{
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 45px;
	width: 46px;
	background: transparent url(../images/bottom_right_corner2.png) no-repeat;
}

#Content2
{
	background: yellow;
	min-height: 550px;
	min-width: 270px;
}

#liner2
{
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 18px;
	height: 440px;
	position: relative;
	z-index: 100000;
}

liner-content
{
	z-index: 100000;
	overflow:hidden !important;
}
#SilverlighControl
{
	margin-left: 30px;
	background-color: Yellow;
	margin-top: 10px;
}

#liner
{
	background-color: #e9c083;
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 18px;
	height: 440px;
	position: relative;
}
#liner-content
{
	padding: 0px 5px;
	position: relative;
}

#liner *
{
	margin: 0px;
}

#findHooCol1
{
	width: 268px;
	position: absolute;
	top: -19px;
	left: 10px;
}
div.Panel
{
	position:relative;
	background: transparent url("../images/violetRectGradient.gif") repeat-x;
	width: 244px;
	margin-top: 30px;
}
.clear {
    clear: both; 
    font-size: 0px;
    line-height: 0px;
    zoom: 1;
}

div.PanelTop
{
	background: transparent url("../images/violetRectTop.gif") no-repeat;
	height:30px;
	
}
div.PanelBody
{
	position:relative;
	background: transparent url("../images/violetRectBody.gif") no-repeat;
	font-size: 10pt;
	height:88px;
}

div.PanelBottom
{
	position: relative;
	background: transparent url("../images/violetRectBottom.gif") no-repeat;
	height:15px;
}
div.PanelBottom div#TopHoos a {
    font-size: 10pt !important;
}
div.PanelSpacer
{
	height: 5px;
}

div.Panel2
{
	position:relative;
	background: transparent url("../images/violetRectGradient.gif") repeat-x;
	width: 244px;
	margin-top: 30px;
}
.clear {
    clear: both; 
}
div.Panel2Top
{
	background: transparent url("../images/violetRectTop.gif") no-repeat;
	height:30px;
	
}
div.Panel2Body
{
	position:relative;
	background: transparent url("../images/violetRectBody2.gif") no-repeat;
	font-size: 10pt;
	height:44px;
}

div.Panel2Bottom
{
	position: relative;
	background: transparent url("../images/violetRectBottom.gif") no-repeat;
	height:15px;
}
div.Panel2Bottom div#TopHoos a {
    font-size: 10pt !important;
}
div.Panel2Spacer
{
	height: 10px;
}

div.TagCloudPopularPlaces
{
	position:relative;
	top: -10px;
	padding: 4px;
}

div.TagCloudValues a:hover
{
	text-decoration: underline;
}
div.TagCloudValues
{
	 padding: 0px 10px;
	 padding-left: 18px;
	 padding-right: 20px;
	 color: #253a64;
}

div.TagCloudValues2
{
	 padding: 0px 10px;
	 padding-top: 5px;
	 padding-left: 40px;
	 padding-right: 20px;
	 color: #253a64;
}

div#TopHoos {
    padding: 10px 20px;
    margin-left: 65px;
}
div.TagCloudLegue
{
	position:relative;
	padding: 4px;
	top: -10px;
	font-size:medium;
	font-weight: bold;
}

div.TagCloudLegue a:hover
{
	text-decoration: underline;
}

img.imgHeadingText
{
	position:absolute;
	padding-left: 10px;
	top: -22px;
}


#TopHoos
{
	position: relative;
	top: 0;
	padding-left: 15px;
}

div.SearchTextBox {
  
    width: 162px;
    height: 29px;
    margin-top: 0px;
    background: transparent url("../images/Searchbox.gif") no-repeat 4px 0px; 
}

div.SearchButton a.FindHooButton, div.SearchButton a.FindPlaceButton {
    bottom: 1px;
    width: 47px;
    height: 36px !important;
    background: transparent url("../images/btn_go2.png") no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    top: 12px;
}
div.SearchButton a.FindHooButton:hover, div.SearchButton a.FindPlaceButton:hover {
    bbackground-position: 0px -36px !important; 
}
#LogoLink {
    display: block;
    height: 35px;
    width: 185px;
    background: transparent url("../images/logo_landingpage_04.gif") no-repeat; 
    background-image: url("../images/logo_landingpage_04.gif") !important;
}

#goldMedalImg {
    height: 61px;
    width: 19px;
    background: transparent url("../images/Default/GoldMedal.png") no-repeat;
	  position: absolute;
	  left: 17px;
	  top: 4px;
}

#ArchRectangle
{
	position: relative;
	background: url("../images/ArchBckgrd.png") repeat-x 0 0;
}
#footer 
{
	color: #fff;	
}
#footer a
{
	color: #fff;
}
#footer a:hover
{
	color: #0043ed;
	cursor: pointer;
	text-decoration: underline !important;
}
