/** black: #252525; red:  #CF2027; yellow: #**/

body {     background-color: #252525;   margin-top: 10px;   width: 100%; }


  .just2                    {font-family: Verdana, arial,helvetica, sans-serif; font-size:2px; color:#000000;}
  .just3                    {font-family: Verdana, arial,helvetica, sans-serif; font-size:3px; color:#000000;}
  .credit                    {font-family: Verdana, arial,helvetica, sans-serif; font-size:5px; color:#000000;}
  .graph                   {font-family: Verdana, arial,helvetica, sans-serif; font-size:7px; color:#000000;}
  .text-tiny	        {font-family: Verdana, arial,helvetica, sans-serif; font-size:9px; color:#000000;}
  .text-sm		        {font-family: Verdana, arial,helvetica, sans-serif; font-size:10px; color:#000000;}
  .text-sm-white	{font-family: Verdana, arial,helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
  .footnote-grey	{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
  .text		       {font-family:Verdana, arial,helvetica, sans-serif; font-size:11px; color:#000000;}
  .text-big		       {font-family: Verdana, arial,helvetica, sans-serif;  font-size:13px; color:#000000;}
  .text-big-red	       {font-family: Verdana, arial,helvetica, sans-serif;  font-size:13px; color:#CF2027;}
  .subhead	       {font-family: Verdana, arial,helvetica, sans-serif;  font-size:15px; color:#000000;}
  .subhead-red	       {font-family: Verdana, arial,helvetica, sans-serif;  font-weight: bold; font-size:15px; color:#CF2027;}
	

H1  {      /** page title **/
	color: #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 21px; 
	font-weight: bold; 
	text-align: center; }

H2  {       
	color: #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 17px; 
	font-weight: bold; 
	text-align: center; }

H3   {    /** page name **/
	color: #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px; 
	padding: 0px;
	text-align: left; }  
H3.title { font-weight: bold; text-align: center;}

H4   {       
	font-family: Arial, sans-serif; 
	font-size: 11pt; 
	font-weight: normal;
	line-height: 11pt;
	margin: 0;
	padding: 0; }  
H4.title { font-weight: bold; text-align: center;}	

/** ================================== PAGE ELEMENTS ============================**/	
#page {
	background-color: #FFF;
	height: auto;
	margin-bottom: 15px;
	margin-left: 125px;
	margin-right: 125px;
	position: absolute;
	width: 820px; }

#content {
	background-color: #FFF;
	color: #000;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	position: relative;
	width: 500px;  
} html>body #content { padding: 5px; }


/** ================================== ALIGNMENT ============================**/	
.move-left   {text-align: left;}
.move-right {text-align: right;}

/** ================================== PAGE COMPONENTS ============================**/	
/** page is 820px wide **/
#btm-nav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	height: 33px;
	margin-bottom: 0px;
	margin-top: -16px;
	width: 820px; } html>body #btm-nav { background-color: #FFFFFF; height: 47px; margin-top: 0px; width: 820px; }

#left-red-col {
	background-color: #CF2027;
        float: left;
	margin-left: 3px;
	margin-right: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	position: relative;
	width: 190px; } html>body #left-red-col { margin-left: 5px; width: 190px;  }

/** page is 820px wide **/
#left-col {
	background-color: #FFFFFF;
        float: left;
	height: auto;
	margin-left: 3px;
	margin-right: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	position: relative;
	width: 185px; }
html>body #left-col { 	margin-left: 5px; 	width: 190px;  }

.red-col  {
	background-color: #CF2027;
	color: #000000;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	height: 1110px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 25px;
        position: relative;
	width: 100px;  }

#right-side {
	background-image: url("/images/photo-strip-100x440.jpg");
	background-repeat: repeat-y;
	color: #000000;
	float: left;
	height: auto;
	position: relative;
	width: 100px;  }

#right-col {
	background-color: #FFFFFF;
	color: #000000;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	height: auto;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 25px;
        position: relative;
	width: 100px;  }

#right-red-col {
	background-color: #CF2027;
	color: #000000;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	height: auto;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 25px;
        position: relative;
	width: 100px;  }

#header  {
	height: 120px;
	margin: 5px;
	position: relative; }  html>body #header{ 	height: 135px; }

#content {
	background-color: #FFF;
	color: #000;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	position: relative;
	width: 500px;  } html>body #content {  padding: 5px; }

.quote {
	background-color: #FFF;
	color: #000;
	font-family:  "Times Roman", serif; 
	font-size: 14px;
	font-style: italic;
        line-height: 17px; } html>body .quote { font-size: 13.5 px; }

.IE-space {
	font-family: Arial;
	font-size: 9pt; } html>body .IE-space {   font-size: 0pt; }

.colhead   {
	color:#000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size:14px; 
  	font-weight:bold;
  	margin-left: 0px;  }
 
.colhead-white   {
	color:#FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size:14px; 
  	font-weight:bold;
  	margin-left: 0px; }

 .old-hotel {
   color: #4091B8; 
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 16px;
   font-style: italic;
   font-weight: bold; } 
   
/** ======================================= GRID FRAMEWORK =============================================**/
/**  5px gutter **/
.grid-1   { width:   50px; }
.grid-2   { width: 100px; } 
.grid-3   { width: 150px; }
.grid-4   { width: 200px; }
.grid-5   { width: 250px;} 
.grid-6   { width: 300px; }
.grid-7   { width: 350px; } 
.grid-8   { width: 400px; }   
.grid-9   { width: 450px; }
.grid-10 { width: 500px; }  /** tot = 500px **/

.column { float: left;   margin: 0 5px;   overflow: hidden;   display: inline; }
.row      { margin: 0 auto;   overflow: hidden; 	text-align: left;    width: 500px; }	 
/** ================================== LINKS ============================**/	

a.btm-links {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; }

a.btm-links:hover {
	background-color: #FFFFFF;
	color: #CF2027;
	font-weight: bold;
	text-decoration: none; }

text-btm-links {    /** what each list elt will look like **/
	background-color: #FFFFFF;
	color: #cdcdcd;
	font-weight: bold; }

a { 	color: #000000; 	text-decoration: underline; }
a:hover { 	color: #CF2027; 	text-decoration: none; }

a.w2b {
	background-color: #CF2027;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; }

a.w2b:hover {
	background-color: #CF2027;
	color: #000000;
	text-decoration: none;}

a.nolink:hover { 	font-weight: normal; 	text-decoration: none; }

a.hotel {
	 color: #2E5497;
	 font-family: Abaddon, Aladdin, 'antwerp text', cursive;
	 font-size: 35px;
	 font-weight: bold;
 	 text-decoration: underline; }

	 a.hotel:hover {   color: #4091B8; 	text-decoration: none; }

a.white-sm {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline; }

a.white-sm:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	background: #ffffff;
	text-decoration: none; }

a.colheadwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none; }

a.colheadwhite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	text-decoration: none; }

/** ================================== LISTS ============================**/	
ul         {padding; 0px; margin: 2px;}
html>body  ul         {padding; 0px; margin: 0px;}

  ul li      {list-style-type: square;}
  ul.flat {
	text-align: left;
	margin-top: 0em;
	padding: 0px;
	color:#000000;	
  }

  ol.flat {
	text-align: left;
	margin-top: 0em;
	padding: 0px;
	color:#000000;	
  }

  li.in		       {margin-left: 40px;}
  li.flat             {margin-left: 25px;}
  
  li.square   {list-style-type: square; margin-left: 0em; }
  li.square-in  {list-style-type: square; margin-left:  2em; } html>body li.square-in {margin-left: 3px; }
  li.circle         {list-style-type: circle; margin-left: 3em;}
  li.blank        {list-style-type: none; margin-left: 1em;} html>body { margin-left: 0em; }