/* Reset default margins & padding for whole site */ * { margin: 0px; padding: 0px; } body { background-color: #CBCBBB; margin-top: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; /*font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;*/ /*font-family:'Times New Roman',Times,serif;*/ /*font-family:Verdana,Geneva,sans-serif;*/ color: #33331A; } a:link { color: #33331A; text-decoration: underline; } a:visited { color: #331A2A; } a:active { color: #000000; } a:hover { color: #666633; } /* Wrap all pages in default div to control width & alignment of site */ #wrapper { width: 960px; margin: 0 auto; background-color: #FFFFFF; border: 1px solid #666633; } /* Header & Navigation bar */ #banner { height: 80px; } .navigation { padding: 1px; background-color: black; } ul.navigation { list-style-type: none; margin: 0; padding-top: 2px; padding-bottom: 0px; padding-left: 25px; padding-right: 0px; background-color: #666633; } ul.navigation li { display: inline; padding-right: 30px; } a.navigation:link,a.navigation:visited { font-weight: normal; color: white; background-color: #666633; text-align: center; padding: 2px; text-decoration: none; border: 1px solid #BBBB76; } a.navigation:hover,a.navigation:active { color: white; background-color: #241108; text-decoration: underline; border: 1px solid #AAAA55; } /* The navigation bar tab for the current page has its own styling to make it distinct. This requires unique ids to be set for each page's tag and each tag within the header.html file. When 2 ids occur together, they cause the style to be applied. Note how the styles are paired below, separated by commas. */ body#home a#navHome,body#jewellery a#navJewellery,body#about a#navAbout,body#history a#navHistory,body#location a#navLocation { background-color: white; color: #313B29; text-decoration: none; border-bottom: none; cursor: default; text-decoration: none; } /* Homepage 3-column layout */ #div01 { width: 325px; float: left; padding: 5px; margin: 5px; } #div02 { width: 350px; float: left; padding-top: 5px; margin-top: 5px; } #div03 { width: 240px; float: left; padding: 5px; margin: 5px; } #montageDiv { margin-top: 10px; padding: 5px; text-align: center; } .noBorderDiv { margin: 20px; } #shopCounter { position: relative; float: left; padding-right: 5px; } #shopfront-pic { position: relative; } #openingtimes { padding: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; background-color: #333333; color: #FFFFFF; text-align: center; font-size: 100%; } #newsDiv { border: 1px solid black; padding: 15px; margin: 20px; color: #800000; font-size: 100%; font-weight: bold; text-align: center; border-radius: 20px; } .linkPhotos { background-color: #313B29; color: white; text-align: center; } .linkPic { border: none; } .imgRnd { border-radius: 15px; } .paraText01 { padding: 5px; margin: 5px; font-size: 100%; font-weight: bold; text-align: center; } .paraText02 { padding: 5px; font-weight: normal; text-align: left; } .borderDiv { border: 1px solid black; padding: 5px; border-radius: 20px; } .floatLeft { float: left; padding-right: 20px; } .floatRight { float: right; padding-left: 20px; } .centredImg { display: block; margin-left: auto; margin-right: auto; } .marginDiv { margin: 20px; } #flagsDiv { margin-left: 100px; } .historyDiv { padding: 5px; margin: 20px; } .endOfPageDiv { width: 960px; height: 10px; clear: both; background-color: inherit; } #mapDiv { float: right; margin: 20px; border: 3px solid #666633; width: 450px; padding-bottom: 10px; } #googleLink { text-align: center; font-weight: bold; } .locationDiv { float: left; padding: 5px; margin: 20px; width: 410px; border: 1px solid black; border-radius: 20px; } .transportImg { vertical-align: middle; padding: 5px; }