/* Body */
* { margin:0; padding:0 }
body { background:#E5DFC5 url("../images/background.png") repeat-x; text-align:center; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1em }

/* Layout */
#layout { margin:0 auto; width:990px }

/* Masthead */
#masthead-home { background:url("../images/masthead-home.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-gallery { background:url("../images/masthead-gallery.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-history { background:url("../images/masthead-history.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-literature { background:url("../images/masthead-literature.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-africanis { background:url("../images/masthead-africanis.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-contact { background:url("../images/masthead-contact.png") no-repeat right top; width:990px; height:130px; position:relative; }
#masthead-home .logo, #masthead-gallery .logo, #masthead-history .logo, #masthead-literature .logo, #masthead-africanis .logo, #masthead-contact .logo { background:url("../images/logo.gif") no-repeat; cursor:pointer; height:70px; left:0; position:absolute; text-indent:-9999em; top:20px; width:350px; }

/* Main Graphics */
#graphic-home, #graphic-gallery, #graphic-history, #graphic-literature, #graphic-africanis { width:990px }
#graphic-home { background:url("../images/graphic-home.jpg") no-repeat; height:400px }
#graphic-gallery { background:url("../images/graphic-gallery.jpg") no-repeat; height:372px }
#graphic-history { background:url("../images/graphic-history.jpg") no-repeat; height:400px }
#graphic-literature { background:url("../images/graphic-literature.jpg") no-repeat; height:400px }
#graphic-africanis { background:url("../images/graphic-africanis.jpg") no-repeat; height:400px }
#graphic-contact { background:url("../images/graphic-contact.jpg") no-repeat; height:400px }

/* Content */
#content { width:990px; text-align:left }  
#column-one, #column-two, #column-three { width:300px; float:left; margin-right:30px; padding:70px 0 40px 0 }
#column-one.no-pad, #column-two.no-pad, #column-three.no-pad { padding-top:0 }
#column-single { width:760px; float:left; margin-right:30px; padding:20px 0 40px 0 }
#column-nav { background:url("../images/subnav-gallery.png") no-repeat left 85px; width:200px; float:left; height:300px; padding-top:70px }
#column-double-one, #column-double-two { width:470px; float:left; margin-right:45px; padding-bottom:40px }
#column-double-two { margin-right:0; padding-top:72px }

/* Footer */
#footer { text-align:left; width:990px; border-top:1px dotted #A59C7B; clear:both; padding-top:10px }
#footer a.footer-link, #footer a.neutral-link { color:#797455; text-decoration:none }
#footer a:hover.footer-link, #footer a:hover.neutral-link { text-decoration:underline } 

/* Headers + Paragraphs + Images + Links */
h2 { font-weight:700; font-size:2em; padding-bottom:30px }
h2.home { color:#8D8C18 }
h2.gallery { color:#835243; padding-bottom:15px }
h2.history, h3.history { color:#BD5A19 }
h2.literature { color:#3B93AB }
h2.africanis { color:#917933 }
h2.contact, h3.contact, strong.contact { color:#E68B07 }
h3 { font-weight:400; font-size:1.4em; padding-bottom:15px }
h3 span.smalltext { font-size:0.6em }
h4 { font-size:1em; font-weight:700; padding:20px 0 ; line-height:1.2em }
h4 strong { color:#3B93AB }
h4.nopad { padding-top:0 } 

p { font-size:0.9em; line-height:1.5em; padding-bottom:15px; text-align:justify }
p a, ul a, h3 a { text-decoration:none }
p a.home, ul a.home, p a:hover.home { color:#767614 }
p a.gallery, ul a.gallery, p a:hover.gallery { color:#835243 }
p a.literature, ul a.literature, p a:hover.literature { color:#3B93AB }
h3 a.history, p a.history, ul a.history, p a:hover.history { color:#BD5A19 }  
p a:hover, ul a:hover, h3 a:hover { text-decoration:underline }
a.africanis { color:#917933; text-decoration:none }
a.contact { color:#E68B07; text-decoration:none }
a:hover.africanis, a:hover.contact { text-decoration:underline }

strong { font-weight:700 }

img { border:none }
img.pad { padding:0 30px 0 0; float:left }
img.pad-special { padding:0 30px 320px 0; float:left }
img.pad-b { padding-bottom:30px }

span.image { float:left; margin:7px 20px 10px 0; display:block; text-indent:-9999em }
span.bydesign { background:url("../images/footer/bydesign.png") no-repeat; width:107px; height:30px; display:block; text-indent:-9999em; float:left }

div.imagebox-galleryhome { width:100px; height:133px; display:block; float:left; padding:10px 20px 0 0 }
div.imagebox { width:150px; height:133px; display:block; float:left; padding:10px 40px 0 0 }
div.historybox, div.historybox-two { width:235px; height:315px; font-size:0.8em }  
div.historybox-two { height:255px }
div.historybox-three { width:470px; height:255px }
div.imagebox a { margin-top:10px }
div.imagebox p { font-size:0.75em }

/* Menus + Lists */
ul, ol, li, dl { line-height:1.5em; list-style:none }
ul, dl { padding-bottom:15px }
ol li { list-style:decimal; font-size:0.9em; padding-bottom:10px; text-align:justify }
ol li.textadj { font-size:inherit}
ol { padding-left:30px }
dt { font-weight:700 }
dt, dd { font-size:0.9em }
ul.unordered-list { line-height:1.5em; padding-left:20px; font-size:0.9em; text-align:justify }
ul.unordered-list li { list-style-position:outside; list-style-type:disc }
li ol { padding-top:10px }

#small-list { font-size:0.8em; line-height:2em }

.globalmenu { color:#FFF; font-weight:400; font-size:0.7em; position:absolute; left:87px; top:107px; letter-spacing:3px; text-transform:uppercase }
.globalmenu li { border-right:1px dotted #E5DFC5; float:left; padding:0 10px }
.globalmenu li.first { border-left:1px dotted #E5DFC5; padding-left:10px }
.globalmenu a { color:#FFF; text-decoration:none }
.globalmenu a:hover { color:#E5DFC5; text-decoration:none }

ul.submenu { padding:30px 20px }
.submenu { color:#6C684A; font-weight:400; font-size:0.9em; letter-spacing:2px }
.submenu li { border-bottom:1px dotted #5B3A27; padding:5px 0; height:18px }
.submenu a { color:#E5DFC5; text-decoration:none; text-transform:uppercase }
.submenu a:hover { color:#FFF; text-decoration:none }
.submenu span a { font-weight:700; color:#F9F8F2; text-transform:uppercase }

li.icon { height:15px; display:block; padding-bottom:7px }
li span.indent-text { padding-left:20px }
li.speech { background:url("../images/icon-speech.png") no-repeat left 0.3em; }
li.print { background:url("../images/icon-print.png") no-repeat left 0.3em; }
li.form { background:url("../images/africanis-society/icon-form.png") no-repeat left 0.3em; }

/* Home */
.home-image-one { background:url("../images/s10_small.jpg") no-repeat left top; width:137px; height:100px }
.home-image-two { background:url("../images/histor11_small.jpg") no-repeat left top; width:83px; height:100px }
.home-image-three { background:url("../images/s6_small.jpg") no-repeat left top; width:133px; height:100px }

/* Gallery */
div.block-one { background:#794932; color:#B9B199; width:120px; height:93px; display:block; padding:10px 15px; float:left; margin-top:10px }
div.block-two { background:#794932; color:#B9B199; width:310px; height:83px; display:block; padding:15px; float:left; margin-top:10px }
div.block-three { background:#794932; color:#B9B199; width:490px; height:83px; display:block; padding:20px 20px 10px; float:left; margin-top:10px }
div.block-four { background:#794932; color:#B9B199; width:680px; display:block; padding:10px 20px 5px; float:left; margin-top:10px }
div.block-one a, div.block-two a, div.block-three a, div.block-four a {color:#FFF}

/* History */
table { font-size:0.9em; width:470px; border:none; margin-bottom:40px }
td { height:25px }
td.colour { background-color:#E3D5B3 }
td a { color:#BD5A19; text-decoration:none }
td a:hover { text-decoration:underline }

/* Misc. Styles */
.smalltext { font-size:0.8em; line-height:1.3em }
.alt-colour { color:#A59C7B }
.pad-right { padding-right:70px }
.pad-top-gallery { margin-top:180px }
.pad-top-history { margin-top:10px }
.pad-top-lit { margin-top:20px }
.pad-top-lit-alt { margin-top:100px }
.float-left { float:left }
.clear-all { clear:both }
div.ruler { display:block; width:100%; height:20px; border-top:1px dotted #A7A17D }
.light { color:#A59C7B }
.clear { clear:both }