@charset "utf-8";

/* 
Created by John Fyfe Patrick 
Copyright 2009 
email johnfyfepatrick@yahoo.co.uk
written for Sweet Memories Inveraray

swatch colors
=============

black = #000
pale yellow = #F0E39A
deeper yellow = #ffed4d
gold = #FDD001

=======*/

* { margin: 0; padding: 0; }

img { border: none; }

/* links & type ==============*/

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; text-align: center; background-image: url(images/bkchoc.jpg); }

a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; background: transparent; }

a:visited { color: #666; }

a:hover { color: #000; text-decoration: underline; }

#leftbar a:hover { text-decoration: none; border-right-width: 10px; border-right-style: solid; border-right-color: #E36F04; background-color: #FB8F2C; }

h2 { text-align: center; font-size: 12px; }

h3 { font-size: 11px; }

p { margin: 5px; font-size: 10px; text-align: left; }

p#welcome { background-color: #FFED4D; margin: 10px; padding: 10px; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; border: 2px solid #000; text-align: justify; }

p#term { background-color: #FFED4D; padding: 10px; margin: 10px; border: 2px solid #000; }


/* lists ===========*/

#leftbar ul { background-color: #ffed4d; margin: 10px 5px 20px 5px; padding: 15px; padding-left: 10px; list-style-type: none; }
#leftbar li { padding: 2px; }
#leftbar li a { display: block; }
#footer ul li { display: inline; }


/* layout ===============*/

#wrapper { margin: 10px auto; position: relative; width: 766px; text-align: left; }

#header { background-image: url(images/bk-header.jpg); background-repeat: no-repeat; height: 160px; width: 766px; text-indent: -9999px; }

#content { background-color: #F0E39A; width: 766px; position: relative; height: auto; padding-bottom: 15px; overflow: auto; } /*overflow is the clear*/

#leftbar { float: left; background-color: #FDD001; padding: 0px; width: 165px; margin-left: 10px; border: 4px solid #FFF; }

#middlebar { background-color: #FB8F2C; width: 375px; padding: 15px 0; float: left; margin: 0px 0px 10px 8px ; height: auto; border: 4px solid #FFF; }

#rightbar { background-color: #FDD001; 	width: 165px; float: right; margin: 0px; margin-right: 10px; padding-top: 10px;  border: 4px solid #FFF; }

.sweet { float: left; margin: 5px; margin-left: 10px; }

img#paypal { margin-left: 42px; margin-bottom: 5px; }

img#cards { padding: 0px 0px 10px 35px; }

p#instruct { background-color: #FFED4D; display: block; margin: 10px; height: auto; width: 125px; padding: 10px; font-size: 10px; }

#footer { background-color: #FCD96F; display: block; width: 766px; position: relative; height: 60px; }

#footer ul { position: absolute; left: 230px; top: 10px; border-style: none; }

p#copyright { position: absolute; left: 20px; top: 10px; color: #999; font-size: 10px; display: block; }

p#designer { top: 1px; right: 20px; position: absolute; color: #666; display: block; }

p#add { position: absolute; left: 150px; top: 35px; color: #999; display: block; }

p#htm { top: 20px; right: 40px; position: absolute; display: block; }


/* form elements =============*/
form { margin: 5px; /*padding: 0px;*/ text-align: center; }


/* misc ============*/
/*.mybox { -webkit-border-radius: 20px; -moz-border-radius: 20px; }*/
.red { color: #F00; }
.green { width: 343px; background-color: #cef748; border: 2px solid #000; margin-top: 0px; margin-right: auto; margin-bottom: 15px; margin-left: auto; }
.yellow { width: 343px; background-color: #FFED4D; border: 2px solid #000; margin-left: auto; margin-top: 0px; margin-right: auto; margin-bottom: 15px; }