/* CSS layout */
/*  7/12/13  SAMPLE 2 CSS PAGE 
    !**Important ---don't forget about ;semicolon after every style parameter*/

body
 {
 background-color:#ffccff;
 }
 
 
#bodycontainer {

  /*this body main container is used to manage the centering of the contents in th e body.
  
	/*position:absolute; */
	
	/*width:720px;  */
	
	background-color:#ffccff;
		
	/* below 3 lines centers left right, width must be < 100%*/
	
	margin-left:auto;
 margin-right:auto;
 width:70%;
 
 
	height:auto;
	
}



/*<div id="container" style="left: 0px; top: 0px; height: 270px">
	<div id="left_col">
		left coll</div>
	<div id="page_content" style="height: 266px">
  above was on page itself and removed to place all attributes to css page*/

#masthead {
	background-color:#ff99ff;
	height:100px;
	

}

#top_nav {
background-color:#ff99ff;
	height:35px;

}

#container {
	position: relative;
	width: 100%;
	height: 540px;
	left: 0px;
	top: 0px;

}

#left_col {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:#ffccff;
	
}

#page_content {
	position:relative;
	margin-left: 200px;
	background-color:#ffccff;
	height: 540px;

    
}

#footer {
background-color:#ffccff;
}

/*  End of Major sections above */

#masthead h1 {
	text-align:center;
	color:#ff00cc;

}

#masthead h3 {
	text-align:center;
	color:#ff00CC;

}



#top_nav ul {
	
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;
	}
	
#top_nav li {
float:left;
	
}

#top_nav a {
	
	color:#000;
	text-decoration:none;
	display:block;
	padding:5px;
	border:	1px solid #ca7;
	background-color:#ffccff;
	
	
}

#page_content img{
	float:right;
	
}


#footer h5 {
	text-align:center;

}