/*

Styles for Perrie Lectures - Dec 2008     */

/* General and main containers   */

* {margin:0; padding:0;}

/* Get rid of outline in Firefox links  */
a {outline:none;}

body {text-align:center; font-size:62.5%; background:#ba1f1f  url(../images/banner_tile.jpg) top left repeat-x ; }

.bold {font-weight:bold;}

.clear {clear:both;}

div#midwrap {width:100%; background:#f5f1e6; }

div#content {margin:0 auto; width:900px; background:#f5f1e6  url(../images/bodybg_tile.jpg) top center repeat-y; }

/* Header styles  */

div#header {margin:0 auto; width:900px; height:126px; background:url(../images/banner.jpg) top left no-repeat; position:relative;}

ul#topnav {list-style:none; display:inline; position:absolute; left:300px;}
ul#topnav li {float:left; height:120px; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif;}

ul#topnav li a {display:block; width:100px; height:60px; padding-top:60px; text-decoration:none;font-size:1.2em;}
ul#topnav li a:link {color:#f5f1e6;;}
ul#topnav li a:visited {color:#f5f1e6;;}
ul#topnav li a:hover {color:#ffffff; background:url(../images/hover.jpg) left repeat-x;}
ul#topnav li a:active {color:#ffffff;}

/* Lefthand styles   */

div#leftside, div#leftside2 {float:left; width:220px; margin:0 0 0 40px; display:inline; text-align:left; }

div#leftside a {display:block; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#7d1b16; text-decoration:none; border-top:1px dotted #b91f1f; padding:.5em 0 .5em 2em; background:url(../images/arrow.gif) left no-repeat;}
div#leftside a#btmlink {border-bottom:1px dotted #b91f1f;}

div#leftside a:link {color:#7d1b16;}
div#leftside a:visited {color:#7d1b16;}
div#leftside a:hover {color:#b91f1f; background:#f9f5ec url(../images/arrow.gif) left no-repeat;}
div#leftside a:active {color:#b91f1f;}

div#leftside ul {list-style:none; margin-top:50px;}

/* Righthand styles    */

h1 {height:35px; color:#b91f1f; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #b91f1f; font-weight:normal; padding:15px 0 0 0; font-size:2em; letter-spacing:.2em;}
h2 {color:#b91f1f; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; padding:2em 0 0 0;}

div#rightside p.emph {color:#b91f1f; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; padding:.4em 0 0 0;}

div#rightside {width:520px; margin:0 40px 0 337px; text-align:left;}

div#rightside p a, div#rightside ul li a {text-decoration:underline; color:#b91f1f;}

div#rightside div.center {text-align:center;}

div#rightside img {float:right; padding:5px; background-color:#f7f3e8; margin-left:2em; border:1px solid #b91f1f;}
div#rightside img.nofloat {float:none; margin:2.5em 0 0 0; padding:5px; background-color:#f7f3e8; border:1px solid #b91f1f;}

p {padding: 1em 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#7d1b16; line-height:1.5;}

p.btmpara {padding-bottom:4em;}

div#rightside ul {list-style-image:url(../images/bullet.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#7d1b16; line-height:1.5; padding:1em 0 4em 3em;}
div#rightside ul li {padding-bottom:1em;}

div#rightside ul ul.sub {padding:0 0 0 2em; font-size:1em; list-style-image:none; list-style:square;}
div#rightside ul ul.sub li{padding:0;}

/*----------------------------------------
Forms 
------------------------------------------*/
table#apform {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
background-color:#f5f1e6;
border: 1px solid #b91f1f;
margin-top:1em;
padding:1em 2em;
	}

table#apform th{text-align:right; padding:.5em 1em; font-weight:normal;}	
table#apform td{padding:.5em 1em .5em 0;}	
	
input {
background-color: #ffffff;
border: 1px solid #b91f1f;
		}
textarea {
border: 1px solid #b91f1f;
}

table#apform label {
color:#7d1b16;
}

input#reset {margin-bottom:2em;}
 
/* Footer styles   */

div#footer {clear:both; height:126px; overflow:visible; background:url(../images/footer_tile.jpg) top left repeat-x;}

div#footer p {padding-top:2em; color:#f5f1e6;}

/* Specific home styles   */

div#next {position:relative; width:220px; height:150px; margin-top:30px; background:url(../images/lecturn.jpg) top left no-repeat; text-align:center;}
div#leftside div#next a#nextlectures {color:#7d1b16; font-family:Georgia, "Times New Roman", Times, serif; border:0; font-weight:normal; padding:.3em 0 0 0; font-size:2em; letter-spacing:.1em; text-decoration:none; background:none;}
div#next p#date {position:absolute; width:220px; left:0;  bottom:0;  text-align:center; margin:0; padding:0; color:#7d1b16; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em;}

body#home div#leftside ul {margin-top:30px;}

div#topright {float:right; width:600px; height:210px; background:url(../images/quote.jpg) top right no-repeat; text-align:left;}
body#home blockquote {margin:0; padding:40px 0 0 70px; width:330px; color:#7d1b16; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; line-height:1.5;}

body#home div#content {height:210px;}

div#content2 {margin:0 auto; width:900px; background:#f5f1e6  url(../images/bottom_bg.jpg) top center repeat-y; height:240px; }

div#leftside2 a {display:block; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#7d1b16; text-decoration:none; border-top:1px dotted #b91f1f; padding:.5em 0 .5em 2em; background:url(../images/arrow.gif) left no-repeat;}
div#leftside2 a#btmlink {border-bottom:1px dotted #b91f1f;}

div#leftside2 a:link {color:#7d1b16;}
div#leftside2 a:visited {color:#7d1b16;}
div#leftside2 a:hover {color:#b91f1f; background:#f9f5ec url(../images/arrow.gif) left no-repeat;}
div#leftside2 a:active {color:#b91f1f;}

div#leftside2 ul {list-style:none; margin-top:30px;}

div#btmright {width:560px; float:right;}
div#btmright h2 {margin:0; padding:.5em 0; font-size:1.2em;}
div#venue {width:163px; float:left; margin:0; margin-right:17px; padding:0; display:inline;}
div#booking  {width:163px; float:left; margin:0; margin-right:17px; padding:0; display:inline;}
div#history {width:163px; float:left; margin:0; padding:0; display:inline;}

div#btmright img {padding:5px; background-color:#f7f3e8; border:1px solid #b91f1f; margin:0;}

div#btmright p {text-align:left;}

div#btmright p a {text-decoration:underline; color:#b91f1f;}

div#btmright img.nopad {margin:0; padding:0; border:0}