/* HTML Tag Declarations */
body { background: url(../images/ui/background.png) top center repeat-y; font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif; color: #000; }
h1 { font-size: 2em; line-height: 1.6em; margin: 0 0 15px 0; }
h2 { font-size: 2em; line-height: 1.6em; margin: 0 0 15px 0; text-align: center; }
a { text-decoration: none; }
a.button { padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
a.button:hover { opacity: 0.7; }
p { font-size: 1.2em; line-height: 2em; margin: 0 0 10px 0;}
img { border: 0; }
ul.list { list-style-type: disc; list-style-position: inside; margin: 0 0 10px 0; font-size: 1.2em; line-height: 2em; }
ol.list { list-style-type: decimal; list-style-position: inside; margin: 0 0 10px 0; font-size: 1.2em; line-height: 2em; }
blockquote { width: 60%; margin: 0 auto 10px auto; padding: 5px; font-size: 1.2em; line-height: 2em; border: 1px solid #000; text-indent: 25px; }
blockquote div.person { font-weight: bold; text-align: right; }

/* Helper Classes */    
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.hidden { display: none; }
.textLeft { text-align: left; }
.textCentre { text-align: center; }
.textRight { text-align: right; }
.noBorder { border: none !important; }

/* Colours */
.red { color: #ff0000; }
.purple { color: #400040; }

/* Layout */
#page { width: 680px; margin: 0 auto; padding: 20px 40px; }
.header { float: left; width: 100%; }
.header h1 { text-align: center; }
.header p { font-size: 1.8em; line-height: 1.2em; margin: 0 0 15px 0; text-align: center; font-weight: bold; }
.header ul { float: left; width: 70%; margin: 40px 0 0 0; }
.header ul li { color: #ff0000; font-size: 1.6em; font-weight: bold; margin: 0 0 15px 0; line-height: 1.4em; }
.header img { float: right; }                                                            

#content { float: left; width: 100%; }
#content h1 { font-size: 2em; padding: 10px 0; border-bottom: 1px solid #ccc; }
#content h2 { font-size: 1.6em; }
#content p.centre { width: 250px; margin: 0 auto 20px auto; }
#content a.button { font-size: 1.4em; }
#content div.order { width: 70%; margin: 0 auto; padding: 10px; border: 1px solid #000; }

#footer { float: left; width: 100%; border-top: 1px solid #ccc; margin: 20px 0; line-height: 30px; height: 30px; }