/* HTML tag styles                             */

body{
    text-indent: 0;
	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	margin: 8px 8px 8px 8px;
	padding: 8px 8px 8px 8px;
	text-align: left;
	
}

a:link, a:visited, a:hover {
	color: #663333;
	font-weight: normal;
    text-decoration: none;
	padding: 5px
}

a:hover {
	text-decoration: underline;
	color: #333366;
	padding: 5px
}
/* overrides decoration from previous rule for hovered links */



h1, h2, h3  {
color: #663333;
	font-family: Georgia, "Times New Roman", Times, serif;
			

	font-size: 18px;
	margin: 0;
	padding: 0;
	
	
}

h4, h5, h6 {
color: #663333;
	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	
}




/*ul{
 list-style-type: disc;
 padding: 8px;
 margin: 8px;

}

li{
  text-indent: 0; 
  white-space: normal;
  margin: 8px;
  padding: 8px;
  type: circle;
  
  
  }

.nav{
  padding: 0;
  margin: 0;
  }*/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0;
	border-bottom: none;
	width: 100%;
	float: left;
	
	
}

#side{
	margin: 0;
	padding: 0;
	float: inherit;
	border-right: none;
	border-bottom: none;
}

#side li{
    list-style-type: none;
	padding: 2px 0 0 5px;
	}
	
#side h4{
     padding:  50px 0 0 0;
	 font-size: 14px;
	 font-weight: bold;
	 text-align: center;
	 }
	 
#side img{
     padding: 30px 0 0 5px;
	 margin: 0;
	 }	 
	
#side p{
 padding: 5px 0 0 0;
 margin: 0 0 10px 10px;
 text-align: center;
 }	 	

#content{

  float:right;
	width: 70%;
	margin: 3px;
	padding: 3px;
	white-space: normal;
}

#review{
   float:left;
   width: 100%;
   margin: 0;
   padding: 0;
}
#Ncontent{

  float:right;
	width: 70%;
	margin: 10px;
	padding: 10px;
}

#NBcontent{

  float:right;
	width: 100%;
	margin: 10px;
	padding: 10px;
}

#bogie a:link, a:visited, a:hover {
	color: #663333;
	text-decoration: none;
	padding: 5px
}

#bogie a:hover {
	text-decoration: underline;
	color: #333366;
	padding: 5px
}

#bogie{

  float:right;
	width: 70%;
	margin: 3px;
	padding: 3px;
	white-space: normal;
}





/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 5px 5px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{

padding: 0px 0px 0px 10px;
white-space: nowrap;

}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 11px;
	padding: 4px 4px 4px 4px;
	margin:  4px 4px 4px 4px;
}


/************** .feature styles ***************/

.feature{
	padding: 10px 10px 10px 10px;
	font-size: 12px;
}

.feature img{
     padding: 30px 0 0 5px;
	 margin: 0;
	 border: none;
	 }	
	 
.feature li {
    type: disc;
	}	  


.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story h3{
padding: 5px 0px 5px 0px;
	text-align: center;
	}
	.story h2{
padding: 5px 0px 5px 0px;
	text-align: center;
}



/***********.time styles**************/


.time{
	clear: both;
	padding: 8px;
	font-size: 12px;
}

.timep{
	padding-right: 10px;
}


	

/************* #siteInfo styles ***************/
#siteInfo{
	clear: both;
	border: 0px;
	font-size: 12px;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #EEE;}

/* fix for browsers that don't need the hack */
 #navBar li {border-bottom: none;}
 

#navBar img{
   padding: 8px;
   margin: 8px;
   }


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px;
	padding: 8px;
    color: #663333; 
    font-weight: normal;
	font-size: 11px;
	border: none;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px;
	padding: 8px;
    color: #663333; 
    font-weight: normal;
	font-size: 11px;
	border: none;

}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/************** .feature styles ***************/

.Nfeature{
	margin: 10px;
	padding: 10px;
	font-size: 14px;
}

.Nfeature h3{
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.Nfeature img{
	
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;

}

/*********************** Bottem Navi Bar **********/
#gNav{

padding: 10px 0px 0px 10px;
white-space: nowrap;

}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#gNav img{
 display: block;
}

#gNav a {
	font-size: 11px;
	padding: 4px 4px 4px 4px;
	margin:  4px 4px 4px 4px;
}

/********************* block quotes and such ************************/


.bequote {
      font-size: 12px;
	  padding: 8px;
	  margin: 8px;
	  font-style: italic;
	  }
  
/********************* interview distiction *********************/

.iq {  
      padding: px 8px;
      font-size: 12px;
	  font-weight: bold;
	  
	  }
	  
	  
.ia { padding: 0px 8px;
     font-size: 12px;
	 font-style: italic;
	 }
	  
.iquote{
padding: 0px;
margin: 0px;
}	  
	  
	  
/******************* interviews authors info ******************/

.ant {font-family:Georgia, "Times New Roman", Times, serif;
      color: #000000; 
      padding: 2px;
      margin: 4px;
	  font-size: 13px;
	  font-weight: bold;
	  }
	  

.antl{font-family:Georgia, "Times New Roman", Times, serif;
      color: #aa2c38; 
      padding: 2px;
      margin: 4px;
	  font-size: 13px;
	  }







/***************** buffer for layout *******************/

	  
/* Miscellaneous classes for reuse */
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */




.fltrtt {                     
	float: right;
	margin: 5;
	padding-top: 20px;
}

.fltrtb {                     
	float: right;
	margin: 5;
	padding-bottom: 20px;
}

.fltrtr {                     
	float: right;
	margin: 5;
	padding-right: 20px;

}

.fltrtl{                     
	float: right;
	margin: 5;
	padding-left: 30px;
}






/***********.fltlft { /* this class can be used to float an element left in your page 
	float: left;
	margin: 0;
	padding: 8px;}** hiding code for reuse*********/
	
	

	
.liroom{
padding: 8px 30px 8px 20px;
margin: 8px;
type: disc;
}	
  
.room{
padding: 8px 8px 8px 20px;
margin: 8px;
}

.room1 {
padding: 8px 20px;
margin: 8px;
}

.room2{
padding: 8px 40px;
margin: 8px;
}
.ctext
{
color: #663333;
font-weight: normal;
font-size: 11px;

}

.indRoom{
  padding: 8px 40px;
  margin: 8px;
  text-indent: 70px;
  }
  

.crway{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;	
	margin: 8px 8px 8px 8px;
	padding: 8px 8px 8px 8px;
	text-center: left;
	
}


.stext{
color: #663333;
font-weight: normal;
font-size: 9px;
}