/*
   New Perspectives on HTML, CSS, and JavaScript
   Tutorial 13
   Case Problem 1

    Author: Radka Fu.     
   Date:  05/28/16      
   Filename:  tlm.css


*/



/* Default Styles */

* {
list-style: none;
margin: 0px;
padding: 0px;
}

header, figure, hgroup, footer, article, nav, section {
display: block;
}

body {
background-color: rgb(244, 194, 194);
}

html, body {
height: 100%;
}

/* Main Section Styles */
section#main {
background-color: rgb(191, 191, 191);
background-position: top right, top left;
background-repeat: no-repeat;

font-family: Verdana, Geneva, sans-serif;
margin: 0px auto;
min-height: 100%;
position: relative;
width: 900px;

border-left: 1px solid black;
border-right: 1px solid black;

-moz-box-shadow: 5px 0px 20px rgb(101, 101, 101),
-5px 0px 20px rgb(101, 101, 101);
-webkit-box-shadow: 5px 0px 20px rgb(101, 101, 101),
-5px 0px 20px rgb(101, 101, 101);
box-shadow: 5px 0px 20px rgb(101, 101, 101),
-5px 0px 20px rgb(101, 101, 101);
}

/* Header styles */
header {
background-image: url(imge.jpg);
background-position: right;
position: right;
font-size: 16px;
color: black;
text-align: justify;
height: 200px;
text-decoration: overline;
font-style: italic;
background-repeat: no-repeat;

}
form {
position: right;
}

h2 {
font-size: 15px;
color: wine;
font-style: normal;
text-align: left;
background: grey;
}


/* Navigation Styles */

nav.horizontal {
margin-top: -3px;
}

nav.horizontal ul {
height: 40px;
background-color: grey;
}

nav.horizontal ul li {
padding: 0px;
float: left;
width: 12.5%;
line-height: 20px;
height: 20px;
}

nav.horizontal ul li a {
display: block;
text-align:center;
width: 100%;
font-size: 14px;
text-decoration: none;
color: rgb(61, 38, 34);
}

nav.horizontal ul li:hover rgb(244, 194, 194);
background-color: rgb(255,191,220);

}
h3 {
font: italic;
font-size: 23px;
text-align: center;
}
table {
border-collapse: collapse;
}
table, td, th {
border: 10px solid rgb(255, 248, 220);
text-align: center;
text-weight: bold;
text-size: 18px;
height: 20px;
width: 150px;
padding: 60px;

}