/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body     {
	text-align: center;
	background-color: #337ECC; 
	background-image: url("art/bckg-blue.gif");
	background-repeat: repeat;
	font-size: 12px;
	font-family:  Trebuchet, Verdana, Lucida Grande, Geneva, sans-serif;
	}

#mainnav   { color: #ffff99; background: #003399; margin-left: 0px; padding: 0px 0px 10px 0px; height: 21px; border-top: 0px solid #003399; width: 772px; }

#bottomcontent  { text-align: left;  width: 728px; height: auto; min-height: auto; clear: both; margin-left: 15px; margin-top: 10px; }	

	/* 4 column code here */
	
/* The Core Technique
================================= */

#branding {
  height: 120px;
  width: 772px;
 
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -2px;
/*   border: 1px solid black; 
 background-color:white;
*/
}


#wrapper {
margin: 0px auto;
width: 772px;
margin-bottom: 15px; 
text-align: left;
}

/* #mainnav   { color: #ffff99; background: #b9cc2c; padding: 0 5px 10px; height: 20px; 
 margin-left: 5px;
  margin-right: 5px;
  border-top: 4px solid #630 } */
  
  /* mainNav
=======================*/

/* now sitewide default styles */
a:link    { color: #900; text-decoration: none }
a:visited   { color: #990000; text-decoration: none }
a:hover  { color: #900; text-decoration: underline }
p      { color: black; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-top: 15px; margin-right: 0px; margin-left: 0px; line-height: 16px; }
table      { color: #630; font-size: 10px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-right: 10px; margin-left: 15px ; }
h1      { color: #900; font-size: 13px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-right: 0px; margin-bottom: -5px; margin-left: 0px  }
h2      { color: #c60; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; margin: 15px 0 -3px; }
h3      { color: #c00; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-right: 0px; margin-left: 0px; margin-bottom: -5px; }
h4      { color: #c00; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-left: 0px; margin-bottom: -5px; }
h5      { color: #CC6600; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 10px; margin-right: 10px; margin-left: 0px; margin-bottom: -5px; text-align: right; }
li   { color: #900; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; line-height: 14px; list-style-type: square; list-style-position: inside; margin-left: 25px; margin-top: 15px; margin-right: 10px; }
.selectmenu    { color: #666666; font-size: 11px; line-height: 12px; font-family: Trebuchet, SunSans-Regular, Arial, Helvetica, Swiss; background-color: white; border: 1px solid #666666; }

/* end sitewide default styles */

#mainnav {
  margin: 0;
  padding: 0;
  background: #BCDAF7 url(images/mainNavBg.png) repeat-x; 
  width: 772px;
height: 36px;

}

#mainnav ul {
  margin: 0;
  padding: 0;
  float: left;
/*  width: 770px; */
/*  background: #FAA819 url(images/mainNavBg.png) repeat-x; 
  background: none url(images/mainNavBg.png) repeat-x; 
  text-transform: uppercase; */
  list-style: none;
}

#mainnav li {
  list-style: none;
  margin: 0;
}
#mainnav ul li {
  float: left;
}


#mainnav ul a {
  padding: 3px 1.1em;
  line-height: 2.4em;
  background: url(images/mainNavBorder.gif) no-repeat left;
/*  background: url(images/mainNavBorder.gif) repeat-y left top; */
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


#mainnav ul a:hover {
  color: #003399;
}


#mainnav ul .first a {
  background: none;
}

#mainnav ul li:last-child {
  background: url(images/mainNavBorder.gif) no-repeat right;
}

/* doesn't work #mainnav ul li .last a {
  text-align: right;
  color: red;
} 

#mainnav ul > li:last-child a {
 color: blue;
 font-size: 13px;
}*/

***



#leftNav { 
  width: 165px;
  max-width: 165px;
  float: left;
  margin-left: 5px;
  list-style: square inside;
  background-color:#eee;
}

#content { 
  width: 52em;
  max-width: 75%; 
  float: right;
}

#content4column { 
  width: 52em;
  max-width: 75%; 
  float: right;
  background-image: url("art/4columngridlines.gif"); background-repeat: repeat;
margin-right: 7px;
margin-top: 0px;
margin-bottom: 15px;
}

#mainContent { 
  width: 215px;
  max-width: 300px;
  float: left;
  margin-left: -85px;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #eee;
}

#twoColumnContent { 
  width: 530px;
float: left; 
  margin: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 10px;
/*  background-color: blue;
border: 1px solid #ccc; 
position: relative;
*/
}

#twoColumnContent p { 
/* font-size: 11px; 
 line-height: 14px; */
 color: #666666;
 margin-top: 10px;
}


#twoColumnSideBar { 
  width: 200px;
/*   float: right; */
 /* margin: 0px;*/
  margin-left: 572px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px; 
  background-color: #BCDAF7;
  /* */
  border: 0px solid #ccc; 
   border-left: 0px solid gray;   
  }
  
  * html #twoColumnSideBar{
margin-left: 569px;
}
  
#twoColumnSideBarSpace { 
margin-left: 20px;
margin-right: 7px;
} 
#twoColumnSideFoot {
 /*  background: url("art/sidebar-bottom.gif") no-repeat left bottom;   */
  background: url("art/sidebar-bottom.gif") repeat;
 height: 31px;
}
#secondaryContent { 
  width: 120px;
  max-width: 120px;
  float: right;
  margin: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  /* background-color:#eee; */
  background-color:#eee;

} 
#thirdContent { 
  width: 215px;
  max-width: 215px;
  float: right;
  margin: 0px;
  margin-right: 5px;
   padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
} 

#content3column { 
  width: 100%;
  max-width: 100%; 
  background-image: url("art/4columngridlines.gif"); background-repeat: repeat; 
margin-right: 7px;
margin-left: 7px;
margin-top: 0px;
margin-bottom: 15px;
}

#contentleft3column {
		width:150px;
		padding:0px;
		margin-right: 10px;
		float:left;
		background:#fff;
		}
	
#contentcenter3column {
		width:435px;
		padding:0px;
		float:left;
		background:#eee;
		}
	
#contentright3column {
		width:150px;
		float:left;
		background:#fff;
		 margin: 0px;
  margin-right: 5px;
   padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
		}


#footer { 
  clear: both; 
    background-color:#b0b0b0;
  padding: 1px 20px;
  margin-left: 5px;
  margin-right: 5px;
}



#intro p      { color: #666; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-top: 15px; margin-right: 0px; margin-left: 0; line-height: 17px; }
#intro h1      { color: #337ecc; font-size: 15px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 15px 0px -5px 0; }
#intro h2      { color: #660; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; margin-top: 15px; margin-right: 0px; margin-left: 0px; margin-bottom: -5px; }
#intro a:link    { color: #900; text-decoration: none }

div.clearfloats  { clear: both; }
.clearfix:after { content: "."; display:block; height: 0; clear: both; visibility: hidden;}
.clearbefore:before { content: "."; display:block; height: 0; clear: both; visibility: hidden;}



.footer {
	color: #7d7d7d }
a.footer:link  {
	color: #7d7d7d;
	text-decoration: none }
a.footer:visited {
	color: #7d7d7d;
	text-decoration: none }
a.footer:hover {
	color: #7d7d7d;
	text-decoration: underline }
.bodyblue  { color: #369 }
.bodygray    { color: #535353 }
.rightbar  { color: #660; font-size: 10px; font-weight: bold }
.rightbarplain {
	font-weight: normal }
.blockhead {
	font-weight: bold;
	background-color: #9aa9b4;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 8px }
a.rightbar:link  { color: #900; font-weight: normal; text-decoration: none; margin-left: 0 }
a.rightbar:hover  { color: #900; font-weight: normal; text-decoration: underline }
a.rightbar:visited  { color: #660; font-weight: normal; text-decoration: none }
.anchor {
	padding-top: 5px;
	padding-bottom: 5px }
a.anchor:link {
	color: black;
	text-decoration: none }
a.anchor:hover {
	color: #7d7d7d;
	text-decoration: underline }
a.anchor:visited {
	color: black;
	text-decoration: none }
a.package:link   {
	color: #ca0000;
	text-decoration: none }
a.package:hover {
	color: #ca0000;
	text-decoration: underline }
a.package:visited {
	color: #ca0000;
	text-decoration: none }
a.headline:link {
	color: #003385;
	text-decoration: none }
a.headline:hover {
	color: #7d7d7d;
	text-decoration: underline }
a.headline:visited {
	color: #003385;
	text-decoration: none }

.StoryLink  { color: #000000; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; letter-spacing: 0px; padding-bottom: 0px; padding-left: 1px; border: 0px }
.StoryLink a { color: #66408c; font-size: 11px; text-decoration: none }
.StoryLink a:active { color: #c00; font-size: 11px; text-decoration: underline }
.StoryLink a:hover { color: #c00; font-size: 11px; text-decoration: underline }
.StoryLink a:visited  { color: #600; font-size: 11px; text-decoration: none }

.boxoutside
{
  width: 772px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  background: white url(art/sidebar-top.gif) no-repeat  left top;
/*  background-color: #0066CC; 
background: green;*/
}

/* .boxinside {
  width: 753px;
  background: white url(art/rounded-bottom.gif) no-repeat  left bottom; 
  margin: 0px 0px 0px 0px;
  font-size: 2em;
} */

.boxtop {
  background: url(images/rounded-top.gif) no-repeat left top;
  height: 9px;
  clear: both;
}

#bottomcurve { 
  clear: both; 
  margin-left: 0px;
  background: url(art/bottomcurve.gif) no-repeat;
  height: 32px;
  width: 772px;
  margin-bottom: 10px;
}


/* #bottomcurve { 
  clear: both; 
  margin-left: 3px;
  background: url(art/bottom-curve.gif) no-repeat;
  height: 12px;
  width: 772px;
  z-index: 2;

}*/

.tabcontent-red, .tabcontent-orange {
  width: 525px;
  height: 45px;
background: url(art/tabcontent-red.gif) no-repeat  left;
  margin-bottom: -15px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 15px;
  padding-bottom: 10px;
  clear: both;
}

.tabcontent-red h2, .tabcontent-orange h2 {
  color: white;
margin-top: 14px;
}

*html .tabcontent-red h2, .tabcontent-orange h2 {
margin-top: 16px;
}

.tabcontent-orange {
background: url(art/tabcontent-orange.gif) no-repeat  left;
}

.sidebartab-red, .sidebartab-orange {
  width: 160px;
  height: 45px;
background: url(/art/tabsidebar-red.gif) no-repeat  left;
  margin-bottom: -11px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
}

.sidebartab-orange {
background: url(/art/tabsidebar-orange.gif) no-repeat  left;
}

.sidebarbox {
width: 150px;
height: auto;
background: url(/art/yellow-bckg.gif) no-repeat  left;
border: solid 1px #337ecc;
border-top: none;
padding: 5px;
margin: 0px;
}

.sidebartab-red h2, .sidebartab-orange h2 {
  color: white;
  margin-top: 14px
}

*html .sidebartab-red h2, .sidebartab-orange h2 {
  margin-top: 17px
}

.footertab-blue {
  width: 300px;
  height: 45px;
background: url(../art/tabfooter-blue.gif) no-repeat  left;
  margin-bottom: -11px;
  margin-top: 14px;
  margin-left: 0px;
  padding-top: 3px;
  padding-left: 15px;
  padding-bottom: 2px;
}

.footertab-blue h2 {
  color: white;
margin-top: 14px;
}

*html .footertab-blue h2 {
margin-top: 17px;
}

.hotellist { 
margin: 10px 0px 3px 0px; 
padding: 0; 
width: 173px; 
/* border: solid 1px #a3a9b6; */
display: block; 
float: left; 
}

.hotellist ul {
/*  width: 770px; */
/*  background: #FAA819 url(images/mainNavBg.png) repeat-x; 
  background: none url(images/mainNavBg.png) repeat-x; */
  list-style: none;
}

.hotellist li { list-style: none url(../art/bullet.gif) outside; margin: 5px 4px 0px 18px; color: #337ecc; border-color: gray; font-size: 10px; vertical-align: 5px; }

*html .hotellist li { list-style: none url(../art/bullet.gif) outside; margin: 5px 4px 2px 14px; color: #337ecc; border-color: gray; font-size: 10px; vertical-align: 5px; }

.hotellist li a { color: #337ecc; }

.hotellist ul a:hover {
  color: #900;
}

.hotellist h2 { 
 font-size: 11px; 
 line-height: 14px;
 color: #003366;
 margin-top: 5px;
}

.divider      { margin: 0px 5px 0px 0px; clear: both; display: block; }

.rss { 
 margin-right: 10px;
}

.rss h2 { 
 font-size: 12px; 
 line-height: 14px;
 color: #003366;
 margin-top: 10px;
}

.rss p { 
 font-size: 10px; 
 color: #337ecc;
}

.rss a { 
 font-size: 10px; 
 color: #003366;
 margin: 0px;
 padding: 0px;
}

.rss li {   list-style: none outside; background: url(art/bullet2.gif) no-repeat  left top;
 margin: 10px 0px 10px 0px; color: #337ecc;  padding-left: 16px; font-size: 10px; }
 
/* *html .rss li {
 text-indent: -16px;
 } */


.rss a:hover { 
 color: #900;
}


.footertab-blue h2 {
  color: white;
}

*html .footertab-blue h2 {
  margin-top: 18px;
}

.footerbox {
width: 725px;
max-width: 725px;
height: auto;
background: url(art/yellow-bckg.gif) repeat-x  left;
border: solid 1px #337ecc;
margin-bottom: 12px;
padding: 0px 0px 10px 10px;
padding-top: -5px;
clear: both;
display: block;
}

.linklist
{
margin-left: -1.0em;
/* margin: 15px 0px 0px 0px;
padding: 0px 5px 0px 5px; */
}

*html .linklist
{
margin-left: -1.4em;
display: block;
width: 725px;
/* margin: 15px 0px 0px 0px;
padding: 0px 5px 0px 5px; */
}

.linklist li
{
list-style: none;
font-size: 10px;
color: #337ecc;
border-left: 1px solid #337ecc;
float: left;
line-height: 14px;
height: 14px;
margin: 11px 7px 0px 0px;
padding: 0px 1em 0px 1.1em;
}

.linklist li a:link {
color: #337ecc;
}

.linklist li a:hover { 
 color: #900;
 text-decoration: underline;
}

.linklist li:first-child a { border-left: 0; } 

*html .linklist li:first-child a { border-left: 0; }

.linklist2 { 
 margin-right: 0px;
 margin-top: 10px;
}

*html .linklist2
{
margin-right: -10px;
}


.linklist2 li {   list-style: none; background: url(art/bullet-orange.gif) no-repeat  left top;
 margin: 0px 14px 5px 0px; color: #337ecc;  padding-left: 15px; font-size: 10px; float: left;   white-space:nowrap;
 }
 
.linklist2 li a:link {
color: #337ecc;
}

.linklist2 li a:hover { 
 color: #900;
}

#privacy { 
margin: 0px auto;
margin-top: 5px;
margin-bottom: 20px;
padding-bottom: 10px;
width: 772px;
height: auto;
text-align: center;
display: block;
clear: both;
}

*html #privacy { 
margin-top: -15px;
}

#privacy ul, #privacy p {  
margin: 0px auto; width: 771px; display: block;
margin-top: 0px; font-size: 10px; color: #003399; clear: both;  }

#privacy li { list-style: none outside; color: #000033; 
padding: 0 -20px 10px; float: left; }
 
#privacy li a:link, #privacy li a:link, #privacy p a:link, #privacy p a:visited {
color: #003399;
}

#privacy li a:hover, #privacy p a:hover { 
 color: white;
}

.center { 
width: 770px;
margin: 0 auto;
display: block;
text-align: center;
 }

#detail p b      { color: #900;  }