/* Tutorial 6, Case Problem 4
Your Name: Serhie Bouzko
Today's Date: 11/10/10
Filename: travelnew.css */
*{
   padding: 0; 
}


body {
   font-family:"Times New Roman";
   font-size:15px;
   color: black;
   background-color: #E0E0E0;
}


#container {
   width: 900px;
   border-width: 1px;
   margin: 0 auto;
   
}

#header {
   width: 9px;
   margin: 10px 0 10px -10px;
   padding: 0;
}
/* these four styles below are used with the sidebar and the tab that contains the rounded.png background image */


#sidebar {
  width: 300px;
  margin-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  overflow: visible;

}

#sidebar h3 {
  margin: 0; 
}

#sidebar p {
  margin: 0;
  padding: 5px;
  color: white;
  background-color: maroon;
  text-align: center;
}

#sidebar ul li a:hover {
   border: dotted thin;
   background: yellow;
   color: navy;
}

#tab {
  background: url(rounded.png) no-repeat center top;
  color:  white;
  overflow: visible;
  text-align: center;
}

/* this is the end of the styles for the sidebar and the tab that contains the rounded.png background image */ 

/* enter the code for your styles below */
#main {
   width: 540px;
   margin: 0 20px 10px 0;
   padding: 10px;
   background-color: #00BFFF ;
   float: right;
   height: 400px;
   overflow: auto;
}
#main h4 {
   color: navy; 
   font-size: 1.4em; 
   text-align: center;
}
 
#main p {
   text-indent: 2em;   
}

#footer{
   width: 865px;
   padding: 10px;
   background-color: #4682B4;
   clear: both;
   height: 20px;
   clear: both;
   text-align: center;
 }
 p.opening:first-line {
    font-size: 1.2em;
	color: green;
 }