/* The Universal Selector has been used here to cancel the browser default margins and */
/* padding for every page element.  This ensures that only assigned */
/* margin and padding values are implemented when viewing pages. */
* {margin:0;padding:0}
* {font-family : "Calibri"}

/* Background Colours */
body {background-color : #f7ebecff}
header {background-color : #ddbdd5ff}
nav {background-color : #ac9fbbff}
main {background-color : #ac9fbbff}
footer {background-color : #ddbdd5ff}


/* Text Properties */
header {color : #2F4F4F}
footer {color : #2F4F4F}


/* Margins */
header {height : 106px}
main {margin : 10px}
.flag {height : 75px ; width : 75px}

/* Padding */
h1, h3 {padding-left : 30px ; padding-top : 30px}
/*pdding left 30px padding top 30 px}*/
.student {padding : 20px}
main p {padding-left : 20px ; padding-top : 5px ; padding-bottom : 5px ; size : 25}
main h2 {padding-left : 10px}


/* Positioning (Float, Display and Clear) */
.imageBanner {float : right}
.student {float : left}
.thaiIngredient {float : left}
/* Element Sizes */
.thaiIngredient {height : 120px ; width : 160px}
main ul {float : right}
form {align : center}

/* Navigation List Properties */
nav {font-family : "Comic Sans MS"; height : 50px; margin : auto}

nav ul {list-style-type : none}

nav ul li {float : left; text-align : center ; width : 12}

nav ul li a {display : block ; padding-left : 105px; padding-right : 105px ; padding-top : 13px ; padding-bottom : 14px ; text-decoration : none}

nav ul li a:hover {background-color : black; color : white}