@charset "iso-8859-1";
/*
-----------------------------------------------
Website: www.city-books.co.uk
Author:  Richard James
Version:  01 May 2008
----------------------------------------------- */

*{
margin:0;
padding:0;
border: 0;
}

body{
line-height: 1.2;
}

#maincontainer{
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: 6px;
}

/* ::::::::::::::::::::: header :::::::::::::::::::::::::::::*/

#topsection{
}

#topsection h3{
text-align: right;
font: normal 1.1em georgia;
color: #686868;
padding: 20px 5px 7px 0px;
line-height: 1.5;
border-bottom: 3px solid #000000;
text-decoration: none;
}

.cblogo{
float: left;
}

/* ::::::::::::::::::::: main :::::::::::::::::::::::::::::*/


#contentwrapper{
float: left;
width: 100%;
margin-top: 5px;
}

h1{
line-height: 1.1;
padding: 14px 60px 10px 0px;
font: normal 1.9em georgia;
}


h2{
line-height: 1.1;
padding: 40px 80px 7px 0px;
font: normal 1.4em georgia;
}


a:link {color: #686868}     /* unvisited link */
a:visited {color: #686868}  /* visited link */
a:hover {color: #B22222}   /* mouse over link */
a:active {color: #000000; outline: 0;}   /* selected link */
a:focus {outline: 0;} /*removes the dotted border*/

a.no_underline:link {text-decoration: none;} 
a.no_underline:visited {text-decoration: none;} 


#contentwrapper p, #contentwrapper li{
font: normal .9em Arial;
color: #686868;
padding: 5px 65px 10px 0px;
line-height: 1.3;
}

#small_wonder p {
font: normal .8em Arial;
color: #686868;
line-height: 1.3;
padding: 0 10px 10px 0px;
margin-top: -10px;
}

#contentwrapper p.info{
font-weight: bold;
}

#contentwrapper p.smallsites{
  text-align: right;
  font-size: 70%;
  text-indent: 0;
  padding: 2px 0px 10px 0px;
  color:#999999 ;}

.innertube{
margin: 0px 0px; /*Margins for inner DIV inside each column (to provide padding)*/
}


.innertube ul{
margin: 0;
padding: 0;
border: 0;
line-height: 1;
}

.innertube li { 
list-style-type: square; 
border:0;
margin:0 0 0 12px;
padding:0;
line-height:0}



#contentcolumn{
margin-left: 175px; /* change gap between menu and main text*/
}

.image_right{
float: right;
padding: 0 0 10px 20px;
}

.image_left{
float: left;
padding: 0px 20px 10px 0px;
}


/* the figure div allows captions*/
#figure {
  float: right;
  width: 180px;
  margin-top: 10px;
}
#figure p {
  text-align: left;
  font-style: italic;
  font-size: 80%;
  text-indent: 0;
  padding: 2px 0px 10px 0px;

}





/* ::::::::::::::::::::::: navigation :::::::::::::::::::::::*/

#leftcolumn{
float: left;
width: 160px; /*Width of left column*/
margin-left: -750px;
margin-top: 2px;
}

#menu{
width: 160px;
}

#menu ul{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
font: normal 1.1em georgia;
line-height: 1;
}



#menu li a{
margin: 0;
border: 0;
display: block;
padding: 3px 12px;
width: 110px; /*length of coloured bock*/
text-decoration: none;
color: #000000;
line-height: 1;
}

* html #menu li{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#menu li.line {
margin: 0;
border: 0;
height: 5px;
font-size: 1%;
padding: 0 12px;
width: 122px; /*length of coloured bock*/
background: url(images/line.gif) no-repeat;
}

/* highlight current page */

#about a#aboutbut, #events a#eventsbut, #ordering a#orderingbut, #contact a#contactbut, #links a#linksbut {
color: white;
}

#menu a#aboutbut {
border-left: 12px solid #9ACD32;
}

#menu a#aboutbut:hover {
background-color: #9ACD32;
}

#about #menu a#aboutbut {
background-color: #9ACD32;
border-left: 12px solid #9ACD32;
}

#menu a#contactbut {
border-left: 12px solid #008080;
}

#menu a#contactbut:hover {
background-color: #008080;
}

#contact #menu a#contactbut {
background-color: #008080;
border-left: 12px solid #008080;
}

#menu a#eventsbut {
border-left: 12px solid #2F4F4F;
}

#menu a#eventsbut:hover {
background-color: #2F4F4F;
}

#events #menu a#eventsbut {
background-color: #2F4F4F;
border-left: 12px solid #2F4F4F;
}

#menu a#linksbut {
border-left: 12px solid #DAA520;
}

#menu a#linksbut:hover {
background-color: #DAA520;
border-left-color: #DAA520;
}

#links #menu a#linksbut {
background-color: #DAA520;
border-left: 12px solid #DAA520;
}

#menu a#orderingbut {
border-left: 12px solid #B22222;
}

#menu a#orderingbut:hover {
background-color: #B22222;
}

#ordering #menu a#orderingbut {
background-color: #B22222;
border-left: 12px solid #B22222;
}

#menu li a:hover {
color: white;
}


/*
#menu li a:active, #menu li a:focus {
  outline:0;
  } /*removes the dotted border*/