/* 
Colours:

Coffee/logo - #927965
Milky coffee: #c1b38e
 */

body{font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
font-size:1em; background: #FFFFFF; line-height:1.4em; color: #927965 }
textarea {font-size: 1em; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
input {font-size: 1em; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
select {font-size: 1em; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
h1{font-size:1.8em; line-height:1.5em; text-align:left }
h2{font-size:1.5em; margin-bottom:10px}
h3{font-size:1.2em;}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px; padding-bottom:5px}
p,dl,hr,h1 {margin-bottom:20px}
img {border:none}

.languageLink {text-align:right; padding:5px; font-size:0.9em}
#topLines {background: url(../img/topLines.jpg) repeat-x; height:69px}
#main {border-left: 1px solid #927965; border-right: 1px solid #927965; border-bottom: 1px solid #927965; padding:0;}
#mainHome {border-left: 1px solid #927965; border-right: 1px solid #927965; border-bottom: 1px solid #927965;}
#homepgSideMenu {float:right; width:130px; margin-right:0; margin-left:15px}
#contentHome {width:920px; margin-left:auto; margin-right:auto; margin-bottom:20px; background: url(../img/background.jpg)}
#narrowMenu {float:left; width: 140px; background-image: url(http://www.thecoffeeartcafe.com/img/sidebarBG.jpg); background-repeat: repeat-x repeat-y;}
#standardSideMenu {width:940px; background: url(../img/sideMenuBackground.jpg) repeat-y; text-align:center; margin-left:0; margin-right:15px}
#contentStandard {text-align:left; float:right; width:780px; padding-left:15px; margin-bottom:0px; background: url(../img/background.jpg)}
#contactForm {width:500px; float:right; margin-right:5px; border-left:solid 2px #000000}
#contactDetails {width:170px; float:left; margin-left:5px; font-size:0.9em}
#footer {padding:0px; font-size:0.9em; text-align:left; color: #c1b38e}
#footer a { color: #c1b38e}
#footerImageHome {background: url(../img/footerImageHome.jpg) no-repeat; height:92px; margin:0; border:none; padding:0; text-align:left}
#footerImageWithSidebar {background: url(../img/footerImageWithSidebar.jpg) no-repeat; height:92px; margin:0; border:none; padding:0; text-align:left}
#adminLoginOut {text-align:center; margin-top:15px; border: 2px solid #927965; background: #FFFFFF}

.quote {width:70%; margin-left:auto; margin-right:auto; padding:15px; border: 1px solid #927965; font-style: italic}

#menu {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; letter-spacing: 0.1em; font-size:19px; margin:5px 0 20px 0; padding-top:5px; padding-bottom:5px}
#menu ul {margin:0; list-style:none; text-indent: 0px; padding:5px}
#menu li {display: inline; padding-left:41px; padding-right:40px}
#menu a:link, #menu a:visited, #menu a.menuOn:hover {color: #c1b38e; text-decoration: none;}
#menu a:hover, #menu a:active, #menu a.menuOn:link, #menu a.menuOn:visited {color: #927965; text-decoration: none;}

#adminmenu {text-align:center; margin-top:20px; margin-bottom:20px; padding-top:5px; padding-bottom:5px; font-size:13px}
#adminmenu ul {margin:0; list-style:none; text-indent: 0px;}
#adminmenu li {display: inline; padding:5px; margin:5px}
#adminmenu a:link, #adminmenu a:visited, #adminmenu a.menuOn:hover {color: #c1b38e; text-decoration: none;}
#adminmenu a:hover, #adminmenu a:active, #adminmenu a.menuOn:link, #adminmenu a.menuOn:visited {color: #927965; text-decoration: none;}

.homepageIndent {margin-left:51px}

table {width:98%; padding: 4px; margin-left: auto; margin-right: auto}
td {padding:3px; vertical-align: top; text-align:left}
table.login {padding: 3px; margin-left: auto; margin-right: auto; text-align:center; width:400px}
.rb {text-align: right; font-weight: bold}
.rbt {vertical-align:top; text-align: right; font-weight: bold}
.cb {text-align: center; font-weight: bold}
.r {text-align: right;}
.c {text-align: center;}
.spacer {height:10px;}
.centerbottom {text-align:center; vertical-align:bottom;}

a:link, a:visited {color: #c1b38e}
a:hover, a:active{color: #927965}
a.editlink:link, a.editlink:visited {color: #333333; text-decoration: none}
a.editlink:hover, a.editlink:active {color: #3399CC; text-decoration: underline}

img.ImgLeftOfText {float: left; margin-right: 28px; margin-top: 0px; margin-bottom: 8px; vertical-align:top}
img.ImgRightOfText {float: right; margin-left: 8px; margin-top: 0px; margin-bottom: 8px; vertical-align:top}
#ImgTopLeftOfText {float: left; margin-top: 8px; margin-bottom: 10px; display: block}
#ImgTopRightOfText {text-align:right; float: right; margin-top: 8px; margin-bottom: 10px; margin-right:5px}
#ImgTopCenterOfText {text-align:center; margin-top: 8px; margin-bottom: 10px; margin-left:auto; margin-right:auto;}
#ImgBottomLeftOfText {float: left; margin-top: 20px; display: block}
#ImgBottomRightOfText {float: right; margin-top: 20px; display: block}
#ImgBottomCenterOfText {text-align:center; margin-top: 20px; display: block; margin-left:auto; margin-right:auto;}