body {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

body          { font-size: 87.5%; line-height: 1.5; }   /* IE 16px=100% */
html > body   { font-size: 14px; }  /* Other browsers */

p {margin: 0 0 15px 0;}

em {font-style:italic;}

ul, ol {margin: 0 0 15px 15px; padding: 0 0 0 15px; list-style-type: disc;}
li {line-height: 1.3;}

.clr {display: block; clear: both;}

a:link {color: #856AAC; text-decoration: none; outline: none; font-weight: inherit;}
a:visited {color: #856AAC; text-decoration: none; outline: none; font-weight: inherit;}
a:hover {color: #856AAC; text-decoration: underline; outline: none; font-weight: inherit;}
a:active {color: #856AAC; text-decoration: underline; outline: none; font-weight: inherit;}

h1 {font-size: 180%; color: #000; line-height: 1.3; margin-bottom: 15px; font-weight: normal;}
h2 {font-size: 150%; color: #000;  margin-bottom: 15px; font-weight: normal; line-height: 1.3; clear: both;}
h3 {font-size: 120%; color: #000; font-weight: normal; margin-bottom: 15px;}
 .amount {color: #856AAC; font-weight: bold;}

big {font-size: 180%; line-height: 1.3;}
em {font-style: normal; font-size: 125%;}

.purple {color: #856AAC;}

#wrapper {position: relative; width: 960px; margin: 0 auto;  /* background: url(http://www.unicorndreamdinner.ca/images/template/grid.gif); */  }

#logo {width: 500px; float: left; padding-top: 50px;}

#nav {position: relative; top: 255px; width: 380px; float: right; text-align: right;}
#nav ul {margin:0 ; padding: 0; list-style-type: none;}
#nav li {display: block; float: left; width: auto; padding-right: 16px; background:url(http://www.unicorndreamdinner.ca//images/template/nav_separator.gif) no-repeat center right;}
#nav a {text-transform: uppercase;  white-space:nowrap; line-height: 29px; font-weight: bold;}
#nav .last {padding-right: 0; background-image: none;}
#nav a:link {color: #000; text-decoration: none;}
#nav a:visited {color: #000; text-decoration: none;}
#nav a:hover {color: #856AAC; text-decoration: none;}
#nav a:active {color: #856AAC; text-decoration: none;}

#nav a.current:link {color:#856AAC; text-decoration: none;}
#nav a.current:visited {color:#856AAC; text-decoration: none;}

#image {position: absolute; top: 0; right: 0;}
#image {font-size: 80%; color: #999;}
#image p {margin: 0; text-align: right;}

#main {padding: 40px 0; clear: both;}

.order {width: 290px; margin-top: 5px; float: left; background: #856AAC;  color: #fff;}
.inner {padding: 20px;}
.order a:link {color: #fff; text_decoration: none;}
.order a:visited {color: #fff; text_decoration: none;}
.order a:hover {color: #fff; text_decoration: underline;}
.order a:active {color: #fff; text_decoration: underline;}

.welcome {width: 610px; float: right; margin-bottom: 20px;}

.story {clear: both; width: 470px; float: left;}
.quote {width: 410px; float: right; margin-top: 30px;}

blockquote {font-size: 200%; line-height: 1.3; text-indent: -40px; }
blockquote .author {font-size: 50%; display: block; margin-top: 10px; text-indent: 0px;}
blockquote .quotes {font-size: 200%; line-height: 0.5; vertical-align:bottom; padding: 0 5px;}

#copyright {clear: both; padding: 30px 0 0 0 ; font-weight: bold; font-size: 80%;}
#thanks {font-size: 80%; padding: 0 0 30px 0;}

.sponsors {width: 100%; border-top: solid 1px #000; margin-bottom: 25px; }
.sponsors td {text-align:center; width: 33%; padding: 10px 0;}