/* ---------Oxton Tower Home Page
http://www.oxtontower.org.uk --------- */
/* --------- 1. defaults  --------- */

* { margin: 0;padding: 0;}
html, body {width: 100%;height: auto; min-height: 100%;border: 0;margin: 0;padding: 0;}
body {min-height:100%;font-family: Arial,Verdana,Helvetica;color: #333;font-size: 12px;line-height: 19px;color: #000;background-color : #fff;}	

/*  --------- 2. structure  --------- */

#container {position:relative; min-height:100%; width: 100%;margin : 5px 0;border-top: 5px solid #063a7d;}
#sidebar {float:left;width: 165px; left: 0px;top: 0px;padding: 5px;background-color: #fff;font-family:Arial;}
#maincolumn {position:absolute;left:170px; width:800px;min-height:100%; padding-bottom: 6pt;}
#footer { position:absolute;bottom:0;width:100%; height:5pt;}

/* ---------- 3. links and navigation ---------- */
/*#navigation, #js {height: 23px;font-weight: bold;background-color: #003366;margin: 0;}
#navigation ul {list-style-type: none;}
#js ul {list-style-type: none;}
#navigation li {display: inline;float: left;background-color: #003366;}
#navigation a,#js a {display: block;background: #003366;text-decoration: none;color: #ccc;padding: 2px 0 2px 8px;}
#nolink{display: block;background: #003366;text-decoration: none;color: #ccc;padding: 2px 0 2px 8px;}
#navigation a:link,#js a:link {display: block;background: #003366;text-decoration: none;color: #ccc;}
#navigation a:visited,#js a:visited {display: block;background: #003366;text-decoration: none;color: #ccc;}
#navigation a:hover,#js a:hover {background: #003366;color: #ffffff;text-decoration: underline;}
#navigation a:active,#js  a:active {background: #003366;color: #ffffff;text-decoration: underline;}
#js li {float: left;}
#js {position:absolute; width:120px; z-index:1; left: 560px; top: 130px; visibility:hidden;}
*/
#sidebar ul #menu{ list-style-type:upper-roman;}
#sidebar #menu li{ display:table; margin-bottom:4pt;}
#sidebar #menu a{ font-size:13pt;}

#sidebar #info li{display:table; margin-bottom:1pt;}

/* ---------- 4. content ---------- */
.home #home {background: #036;color: #ffffff;text-decoration: underline;}
.home #masthead {background-image: url(../assets/home.png);background-repeat: no-repeat;}
.home #extrabox {background-color: #036;}
.home .opener {width: ;height: 12em;margin: 0;}
.home .splash {float: left;height: 11em;margin: 0 5px 5px 0;}
.home .splash img {height: 100%;}
.home #welcome{font-size:20px;font-weight:bold; margin-bottom:5px;}
.home #click{font-size:14px;font-weight:bold;}
.home .updateline{text-align:center;}
.home .updateline #date{color:Blue;font-weight:bold;display: inline;}
.home #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080;}
.home #subheader{ font-size:20px;font-family: Tahoma;color:#000080;}
.home #title{ font-size:16px;font-family: Tahoma;color:#000080;}
.home #location{ color:#000080; padding-left:5px;}
.home #regret{color:#ff0000; padding-left:5px;}

.bells{ font-size:12px; color:#000080;}
.bells #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080; margin-top:10px;}
.bells #desc1{ margin-left:5px; margin-bottom:5px; font-size:14px;}
.bells #img1{ float:none; margin-right:5px;}
.bells #bellsdesc{ background-color:#C0C0C0;}

.learning_to_ring {font-size:12px; color:#000080;}
.learning_to_ring #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080; margin-top:10px;}

.guild {font-size:12px; color:#000080;}
.guild #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080; margin-top:10px;}

.links {font-size:12px; color:#000080;}
.links #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080; margin-top:10px;}

.peals {font-size:12px; color:#000080;}
.peals #headline{font-size:24px; font-weight:bold; font-family:Arial; color:#0000FF; margin-top:10px;}
.peals #what{font-size:12px; font-family:Arial; color:#0000FF; margin-top:10px;}
.peals #why{font-size:12px; font-family:Arial; color:#0000FF; margin-top:10px;}

.qp #headline{font-size:24px; font-weight:bold; font-family:Arial; color:#0000FF; margin-top:10px;}


.details{ font-size:12px; color:#000080;}
.details #headline{font-size:30px; font-weight:bold; font-family:Arial; color:#000080; margin-top:10px;}
.details #desc1{ margin-left:5px; margin-bottom:5px; font-size:14px;}
.details #img1{ float:none; margin-right:5px;}
.details #ringingtimes{border-style: ridge; border-color: #C0C0C0; background-color: #C0C0C0; width:252;padding-left:5px; font-family:Arial;}

/* ---------- 5. fonts ---------- */
h1{font-size:17;}
h2{font-size:16;}	
h3{font-size:14;}
h4{font-size:12;}
hr {width: 80%;margin: 10px auto;}
p {text-align: justify;line-height: 1.3em;margin-bottom: 5px;}
.contact #maincolumn a{color: #000;text-decoration: none;}
q {text-align: center;}