/*  BilbiWare Database Design and Management (Updated 9 August 2010) - 
Original Design, HTML and CSS Authoring by Susana Kavadias. 
SweetArt Design  */

/* Body */

* {margin:0; padding:0;}
body {background-color:#a6d513; 
color:#23282b; 
font:80% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; 
line-height:1.5em; 
text-align:center; 
padding:0;}

#wrap {width:95%; 
min-width:750px;
max-width:1000px;
background-color:#ffffff; 
color:#23282b;
padding:1% 0 0 0; 
margin:0 auto 0 auto; 
text-align:left;}

/* Top Banner & Links */

#top {width:95%; 
min-width:750px; 
max-width:1000px; 
padding:1.5% 0 1.5% 0; 
margin:0 auto; 
background-color:#0854af; 
border-top:5px solid #a6d513; 
border-bottom:5px solid #a6d513;}

#toplinks {float:right; 
width:18%; color:#ffffff; 
font-size:1.1em; 
font-weight:700; 
text-align:right; 
margin:0; 
padding:0 1.5% 0 0;}

#toplinks img {float:right;
padding-top:18px;}

#toplinks a {color:#a6d513; 
text-decoration:none; 
list-style-type:none; 
font-weight:700;}

#toplinks a:hover {color:#069efc; 
text-decoration:none; 
list-style-type:none;}

/* Header and title */
#sitetitle {float:left; 
text-align:left;}

#sitetitle h1 {margin:0; 
padding:10px 0 0 20px;}

/* Left Column */

.leftcol {float:left;
width:18%;
margin:0;
padding:0;}

.leftcontent p {margin:0;
padding:1.5% 0 0 0;
border:none;
text-align:center;}

.leftcontent h3 {margin:0;
padding:0 5% 0 5%;
text-align:center;
font-size:.9em;
font-weight:700;
line-height:1.4em;
color:#0854af;}

/* Right Column Menu */

.rightcol {float:right;
width:20%;
margin:0;
padding:2% 0 0 0;}

.menu {float:left;
width:90%;
margin:0;
padding:0;}

ul.buttons {list-style-type:none;
margin:0;
padding:0;}

ul.buttons li a {display:block;
outline:none;
padding:4px 5px 4px 5px;
margin:0 0 3% 0;
background-color:#069efc; 
font-size:0.9em;
font-weight:700;
line-height:1.4em;
color:#ffffff;
border-left:4px solid #0854af;
text-decoration:none;}

ul.buttons li a:hover {background-color:#0854af;
color:#ffffff;
border-left:4px solid #069efc;}

ul.buttons li a em {font-size:1.2em;
font-style:normal;
color:#ffffff;}

ul.buttons li.gohome a {display:block;
outline:none;
padding:4px 5px 4px 5px;
margin:0 0 3% 0;
background-color:#0854af; 
font-size:0.9em;
font-weight:700;
line-height:1.4em;
color:#ffffff;
border-left:4px solid #069efc;
text-decoration:none;}

ul.buttons ul {list-style-type:none;
margin:0;
padding:0;}

ul.buttons ul li a {display:block;
outline:none;
padding:4px 5px 4px 5px;
margin:0 18% 3% 0;
background-color:#069efc;
font-size:.8em;
font-weight:700;
line-height:1.2em;
color:#ffffff;
border-left:4px solid #0854af;
text-decoration:none;}

/* Chapter Main Content */

.chapter {float:left;
width:60%;
margin:0;
padding:0;
border-left:2px solid #a6d513;
border-right:2px solid #a6d513;}

.content {margin:0;
padding:2.5% 4% 2.5% 4%;}

.content h1 {color:#0854af;
font-size:1.8em;
margin:0;
padding:0 0 4px 0;}

.content h2 {color:#0854af;
font-size:1.6em;
line-height:1.3em;
margin:0;
padding:0 0 8px 0;}

.content h3 {color:#0854af; 
margin:0;
padding:0;}

h3.rule {border-top:1px dotted #a6d513; 
margin:0;
padding:16px 0 8px 0;}

.content h4 {color:#0854af; 
margin:0;
padding:4px 0 4px 0;}

.content p {margin:0;
padding:0 0 8px 0;}

p.intro {font-weight:700;
line-height:1.6em;
padding-top:4px;}

p.xlink a {text-decoration:none;
outline:none;
color:#069efc;
font-weight:700;}

p.xlink a:hover {text-decoration:none;
outline:none;
color:#0854af;
font-weight:700;}

/* Sections - Top of Page Link */

p.toppage {padding:4% 0 0;}

p.toppage a {text-decoration:none;
outline:none;
font-weight:700;
color:#a6d513;}

p.toppage a:hover {text-decoration:none;
outline:none;
font-weight:700;
color:#069efc;}

/* Lists */

ul.lists {margin:0;
padding:0 20px 8px 20px;}

ul.lists li {list-style-type:disc;
list-style-position:outside;
margin:0;
padding:0 0 4px 0;}

ol.lists {margin:0;
padding:0 20px 8px 20px;}

ol.lists li {list-style-type:decimal;
list-style-position:outside;
margin:0;
padding:0 0 4px 0;}

/* Definition Lists */

dl {margin:0;
padding:0 15px 8px 15px;}

dt {font-weight:700;
color:#0854af; 
padding:4px 0 0 0;}

dd {padding:0 0 6px 0;}

dl.disclaimer dd {font-style:normal;
padding:0 0 8px 0;}

/* Contacts Section & Contact Links */

.contacts h3 {padding:20px 0 20px 0;}

.contacts h4 {color:#0854af;
padding:0 0 0 20px;}

.contacts p {padding:0 0 20px 20px;
color:#23282b;}

.contacts p a {text-decoration:none;
outline:none;
font-weight:700;
color:#069efc;}

.contacts p a:hover {text-decoration:none;
outline:none;
font-weight:700;
color:#0854af;}

/* Footer */

#footer {clear:both;
padding:1% 0 1% 0; 
margin:0 auto 0 auto;
background-color:#0854af; 
font-size:1em;
line-height:2em;
color:#ffffff;
text-align:center;
border-top:5px solid #a6d513;}

#footer em {font-weight:700;}

p.footlinks a {text-decoration:none;
outline:none;
font-weight:700;
color:#a6d513;}

p.footlinks a:hover {text-decoration:none;
outline:none;
font-weight:700;
color:#069efc;}

p.sweetart {font-weight:700;
font-size:0.8em;
color:#a6d513;}

p.sweetart a {text-decoration:none;
outline:none;
color:#069efc;}

p.sweetart a:hover {text-decoration:none;
outline:none;
font-weight:700;
color:white;}


/* Extra Classes */



.clear {visibility:hidden;
clear:both; 
height:2px;}

p.spacea {padding-bottom:60px;}

p.spaceb {padding-bottom:260px;}

p.legal {font-size:0.8em;
line-height:1.3em;}

p.asterix {font-size:0.8em;
line-height:1.3em;}

.end {clear:both;
border-top:5px solid #a6d513; 
margin:0;
padding:0;}

.name {font-style:normal;
font-weight:700;}