/* Denna fil får du editera för att lösa uppgiften. Du får INTE ändra i html-filen. */
@charset "iso-8859-1";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*.......Här börjar min CSS......................................................................................*/


body {
		 margin-right: auto;
		 margin-left: auto;
		 background-color:#fcfaf4;
	    }
		
		
h1 {
	padding-top: 20px;
	text-align: left;
	font-family: "Times New Roman", sans-serif;
	color:#797066;
	font-weight:lighter;
	font-size:33px;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:10px;
	}
h2 {
	 padding-bottom: 17px;
	 padding-left: 15px;
	 text-align: left;
	 margin-left:-1px;
	 font-family: "Times New Roman", sans-serif;
	 font-weight:lighter;
	 color:#797066;
	 font-size:14px;
	 border-left:dashed #797066 1px;
	}
#container{
	        width:600px;
			height:660px;
			border:solid  #cecab9 1px;
	        margin-left: auto;
            margin-right: auto;
			background-color:#51473d;
	      }
	
#topbar{
	    width: 600px;
		font-family: "Verdana", sans-serif;
		color:#eae7d2;
		font-style:italic;
		font-size:10px;
		height:218px;
		position:absolute;
		top:5px;
		background-image:url(pics/coffey.jpg);
		background-repeat:no-repeat;
		background-position:0px 18px;
		padding-left:470px;
	   }


#menu{
		width:582px;
		height:30px;
		margin-left:7px;
		margin-top:227px;
	   }
	   
#menu a{
	     display:none;
	   }

#menu li a{
			border-top:solid  #847c73 1px;
			border-left:solid #51473d 1px;
			text-decoration:none;
			width:auto;
			height:20px;
			padding-top:7px;
			padding-left:21px;
			padding-right:22px;
			text-transform:capitalize;
			color:#eae7d2;
			font-size:12px;
			font-family:Verdana,  sans-serif;
			display:block;
			background-color:#797066;
			
	      }

#menu li a:hover{
			   background-color:#9c9084;
			   }
#menu li{
           padding-top:2px;
			float:left;
         }
#menu .active a{
	 
	            color:#797066;
				border-left:none;
				border-top:hidden;
				border-bottom:hidden;
	            background-color:#eae7d2;
			    height:20px;
				padding-bottom:2px;
				margin-top:1px;
			
			
			  }
#menu .active a:hover{
	                     color:#797066;
	                     background-color:#eae7d2;
			         }
		  
#content{
	        width:600px;
		    height:402px;			
			border-top:solid #ffffff 1px;
			background-color:#eae7d2;
	      }
		  
		  
#maincontent{
			  width:364px;
			  height:375px;
			margin-left:-77px;
			  background-color:#eae7d2;
			
			  float:left;
	      }
		  
#maincontent img{
			 margin-right:8px;
			 margin-left:12px;
			 margin-top:0px;
			 float:left;
	      }
#maincontent p{
			 margin-right:10px;
			 margin-left:12px;
			 line-height:165%;
			 font-weight:lighter;
			 font-family: "Verdana", sans-serif;
			 color:#797066;
			 font-size:0.80em;
	      }
#subcontent{
	         width:235px;
	         height:375px;
			 background-color:#eae7d2;
			
			 float:left;
	      }
		  
#subcontent p{
			
			padding-left: 15px;
			 padding-bottom:27px;
			margin-top:-14px;
			margin-left:-1px;
			 margin-right:5px;
			line-height:210%;
			font-weight:lighter;
		    font-family: "Verdana", sans-serif;
	        color: #797066;
	        font-size:0.63em;
		    border-left:dashed #797066 1px;
	      }
		  
#subcontent h1{
			  padding-top: 17px;
			  padding-bottom: 21px;
			  padding-left: 15px;
			  margin-top:13px;
			  margin-left:-1px;
			  text-align: left;
			  font-family: "Times New Roman", sans-serif;
			  color:#797066;
			  font-weight:lighter;
			  font-size:18px;
			  border-left:dashed #797066 1px;
	      }
		  
#subcontent ul {
		
			  padding-left: 16px;
			  padding-bottom: 14px;
			  margin-top:-12px;
			  margin-left:-1px;
			  font-weight:lighter;
			  font-size:18px;
			  line-height:70%;
			  border-left:dashed #797066 1px;
	        }
#subcontent  li {
	             padding-top:3px;
	             height:18px; 
				 margin-left:-1px;
				 text-align: left;
				 font-weight:lighter;
				 font-size:12px;
	            }
#subcontent  ul li a {
						 font-family: "Verdana", sans-serif;
						 color:#797066;
	                }
					
#subcontent  li a:hover{
	                     color:#51473d;
			            }

#bottomcontent{
	            width:500px;
				padding-left:12px;
				font-family: "Verdana", sans-serif;
				color:#797066;
				font-style:italic;
				font-size:0.55em;
	            }