/* Global Styles for highcleresociety.org.uk */
body { font-size: 62.5%; 
         font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #EEEEFF; 
			min-width: 700px; max-width: 1000px; }

#banner {border-bottom: 15px solid #0078C0; padding-bottom: 0px; height: 80px; margin-bottom: 0px}
#topimage {border: 1px solid blue; padding-bottom: 0px}
#wrapper {border-left: 10px solid #0078C0; }
#sidebar {width: 120px; font-size: 1.4em; float:left; }
#sidebar a:link,#sidebar a:visited {text-decoration: none; background-color: #0078C0; color: #FFFFFF; 
		display:block; border-top: 2px solid #ffffff; width:120px; padding: 8px 5px 8px 0px}
#sidebar a:hover {text-decoration: none; background-color: #EEEEFF; color: #000066; }
#main {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 1.2em;
	    line-height: 135%;
		 margin-left: 140px; border: 1px solid #EEEEFF; }
#main li {margin-top: 1em}
#nav_bottom {font-size: 0.9em; clear:both }
#footer {border-top: 2px solid #0078C0; padding-top: 5px; text-align: center; font-size: 0.9em; clear: both}

/* Other Layouts */
.clear {clear: both}
.float_right {float: right}
.float_left {float: left}
.centre {text-align: center}
.nowrap {white-space: nowrap}
.twocol {
	font-size: 48px}
}

/* Table Layouts */
table {text-align: left; border-collapse: collapse}
col.date {width: 8em; }
col.venue {width: 25%; }
td {padding: 5px; vertical-align: top}
th {font-weight: bold; padding: 5px; background-color: #CCFFFF; }



/* Text styles */
h1 {font-size: 2em; color: #C5030C; text-align: center; line-height: 135%}
h2 {font-size: 1.6em; color: #0078C0; text-align: left; line-height: 135%}
h3 {font-size: 1.4em; color: #333333; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif}
a:link, a:visited {color: #0078C0; text-decoration: underline}
a:hover {color: #C5030C; text-decoration: none}
ul.sq {list-style-image: url(../images/squ.gif) }
.small {font-size: 0.9em}

/* Image styles */
img {border: 0px}
.image_pair { display: block; margin-left: auto; margin-right: auto; border: 1px solid red}
.image_block {	text-align: center; float: left; }
.image_right {	text-align: center; float: right; }
.spacer { width: 20px}
.photo_g { margin: 15px }
.left {float: left; margin-right: 2.5em; margin-bottom:5px}
.right {float: right; margin-left: 2.5em; margin-bottom:5px}