@import url(base.css);

body
{
	margin-top: 14px
}

/* --- Branding and Search --- */

#background
{
	background-image: url(/images/bg_body_index.gif);
	background-color: white;
	background-repeat: no-repeat;
}

#containerBrandingSearch
{
	height: 149px;
}

#branding
{
	height: 149px;
	float: left;
	width: 554px;	
	position: relative;
	overflow: visible;
}

h1#siteLogo
{
	width: 524px;
	height: 149px;
	background: url(/images/gr_bpe_logo_index.gif);
	left: 23px;
	text-indent: -999em;
	position: absolute;
}

h1#companyLogo a
{
	left: 655px;
	top: 0px;
	width: 79px;
	height: 78px;
	background: url(/images/gr_yha_logo_index.png) no-repeat;
}	

/* --- Search Form --- */

#formSearch
{
	position: absolute;
	right: 5px;
	top: 85px;
	width: 200px;
}



/* --- Articles (Middle Column) --- */

#content
{	
	width: 340px;
	border-width: 0 4px; 
	background-color: transparent;
	padding-bottom: 0;
}

#content p
{
	margin: 10px 0;
}

#content div.summary
{
	float: left;
	width: 140px;
	padding-left: 10px;
}

#content #features li
{
	float: left;
	clear: left;
	margin-bottom: 6px;
	display: block;
	width: 320px;
}

#features,
#yourSay,
#subscribe
{
	padding: 12px 10px;
	clear: left;
	position: relative;
	overflow: visible;
	_height: 1px;
}

#content h2
{
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#content h3
{
	font-weight: bold;
}

#content h4
{
	margin-top: 4px;
}

#features
{
	background-color: #92A6FB;
}

#features h2
{
	height: 23px;
}

#features a.button
{
	background-color: #375F89;
	color: white;
	border: 1px solid #CEDAEA;
}

#features a.button:hover
{
	background-color: #A0B2FE;
}

#features div.summary
{
	margin-bottom: 6px;
}

#features a,
#features h4
{
	color: #003366
}

#features img,
#yourSay img
{
	position: relative;
	left: -27px;
	margin-right: -27px;
	float: left;
}

#subscribe a.button
{
	position: absolute;
	bottom: -10px;
	right: 10px;
}

#subscribe a.button:hover
{
	
}

#yourSay
{
	background-color: #FF751A;
}


#yourSay h2
{
	height: 21px;
}


#yourSay a,
#yourSay h4
{
	color: #4A1E00
}

#yourSay a.button
{
	background-color: #FF9900;
	color: white;
}

#yourSay a.button:hover
{
	background-color: #FFAD33
}

#subscribe
{
	background-color: #FCA274;
	height: 146px;
}

#subscribe h2
{	
	background-image: url(/images/hd_subscribe_to_bpe.gif);
	height: 67px;
}

#subscribe p
{
	margin: 0 8px;
}

#destinationQuickFindForm,
#subjectQuickFindForm
{
	margin: 19px 0 0 0;
	padding: 0;
}

#destinationQuickFindForm label,
#subjectQuickFindForm label
{
	color: white;
	display: block;
	padding-bottom: 4px;
}

#destinationQuickFindForm select,
#subjectQuickFindForm select
{
	width: 120px;
	background-color: #FFC166;
	float: left;
	margin-right: 4px;
}

#destinationQuickFindForm input.submit,
#subjectQuickFindForm input.submit
{
	border-color: #FFCC66;
}


/* --- Homepage Touts (Promotions, Essentials, Tips) --- */

#touts
{
	float: left;
	width: 190px;
}

#travelTips
{
	min-height: 360px;
	_height: 360px;
}

#travelEssentials
{
	min-height: 265px;
	_height: 265px;
}

#travelEssentials a.button,
#travelTips a.button,
#promotions a.button,
#othermagazineEditions input.button
{
	background-color: #81A01F;
	border: 1px solid #CEE786;
	color: white;
	margin-bottom: 8px;
	clear: left;
	_margin-left: 4px;
	float: left;
}

#travelEssentials a.button:hover,
#travelTips a.button:hover,
#promotions a.button:hover
{
	background-color: #ACD533;
	border: 1px solid white;
}

#travelEssentials h2
{
	height: 21px;
}


#othermagazineEditions form {
	margin: 10px 0 0 10px;
}

#othermagazineEditions form input {
	margin: 10px 0 0;
}


#othermagazineEditions select {
	float:left;
	margin-right:4px;
	background-color:#CEE783;
	border:1px inset #CEE783;
}

/* --- Site Information (Footer) --- */

#siteInformation
{
	width: 740px;
	padding-left: 20px;	
}

#siteInformation h2#hiLogo
{
	top: -25px;
	background: url(/images/gr_hi_logo_index.png) no-repeat;
	width: 79px;
	height: 78px;
}