/* GENERIC */
/*
  #002963 : Dark logo blue
  #68236d : Dark logo purple

*/
*{
	margin:0;
	padding:0;
}
html{
	overflow-y:scroll;
	background:#727272 url("back.png")
}
body{
	color:#333;
	background:url("background.png") repeat-y fixed center top;
	background-attachment:fixed;
	font-family:"Arial", "Tahoma", "MS Sans Serif", sans-serif;
	font-size:11pt;
	text-align:center;
}
hr{
	color:#c0c0c0;
	background-color:#c0c0c0;
	border:0;
	padding:0;
	margin:5px 0 5px 0;
	width:100%;
	height:2px;
}
strong{
	font-weight:bold;
}
em{
  font-style:italic;
}
a{
  color:inherit;
}
a:hover{
  text-decoration:none;
}

/* Layout */
div#container{ /* container */
	width:860px;
	margin:0 auto;
  padding-bottom:20px;
	text-align:left;
}

/* Header */
div#header{ /* container */
	margin:0 auto;
	background:url("header3.png") no-repeat;
	width:854px;
	height:240px;
}
div#masthead{
	padding:0;
	height:168px;
	position:relative;
}
div#masthead h1{
  width:100%;
  height:135px;
  font-size:50pt;
  overflow:hidden;
  text-align:right;
}
div#masthead h1 a{
  display:block;
  width:1000%;
  height:100%;
  
}
em#tagline{
  display:block;
	position:absolute;
	bottom:10px;
	width:97%;
	
  font-size:110%;
  font-weight:bold;
  font-style:italic;
  text-align:right;
  text-shadow:black 0 0 5px;
  color:white;
}
div#header ul{
	padding:0;
	color:#aaa;
	list-style:none;
	position:absolute;
	top:168px;
	font-family:verdana;
	width:854px;
	height:48px;
}
div#header ul li.welcome{
  margin-left:30pt;
}
div#header ul li{
	padding:0;
	float:left;
	font-size:12pt;
	color:white;
	margin-left:20px;
	margin-top:10pt;
}
div#header ul li a{
	color:white !important;
}

/* Content */
div#bodice{ /* container */
  position:relative;
	width:100%;
}
div.pannel{ /* container */
  width:100%;
  margin-bottom:20px;
}
div.pannel:after{ /* clear fix */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div.pannel.left div.promo{
  float:right;
}
div.pannel.left div.content{
  float:left;
}
div.pannel.right div.promo{
  float:left;
}
div.pannel.right div.content{
  float:right;
}
div.content{ /* container */
	width:560px;
	min-height:280px;
}
div.content div.c-top{
  background:url("content-border.png") no-repeat;
  height:26px;
}
div.content div.c-cont{
  background:url("content-body.png") repeat-y;
	width:520px;
	padding:0 20px;
	min-height:228px; /* possibly unwanted for small boxes */
}
div.content div.c-bot{
  background:url("content-border.png") no-repeat 0 -26px;
  height:26px;
}
div.content p{
  padding:10px 0;
	text-align:justify;
  line-height:1.3em;
}
div.promo{
  background:url("promos/blank.png");
	overflow:hidden;
  width:250px; /* 280px all in */
  height:250px; /* 280px all in */
	padding:15px; /* clear borders */
}
div.promo img{
  margin:-15px;
}
div.promo ul{
  margin:0 !important;
  padding:0 !important;
}
div.promo ul li{
  list-style-type:none;
  padding-bottom:4px;
  font-weight:bold;
}
div.promo ul li img{
  margin:0;
  margin-right:5px;
  vertical-align:middle;
}
div.promo.home{
  background:url("promos/quote.png");
	color:white;
}
#quote{
  padding:10px;
}
#quote blockquote{
  font-size:12pt;
  text-align:center;
  line-height:18pt;
  color:#333;
}
#quote em{
  display:block;
  font-size:12pt;
  text-align:left;
  color:#333;
  text-align:center;
  margin-top:12pt;
  font-weight:bold;
}
#quote a{
  display:block !important;
  position:absolute;
  top:245px;
  text-shadow:#bebebe 0 0 3px;
  color:#542D91;
}

/* Footer */
div#footer{
  position:relative;
  color:white;
}
div#contact{
  background:url("footer.png");
  height:59px;
  padding:15px;
}
div#contact a{
  color:white;
}
div#contact p.intro{
  font-weight:bold;
  font-style:italic;
  padding-bottom:4pt;
}
div#contact p.call{
  background:url("telephone.png") no-repeat 10px 0;
  padding-left:30px;
}
div#contact p.click{
  background:url("mouse.png") no-repeat 10px 0;
  padding-left:30px;
}
ul#rubric{
	color:#c0c0c0;
	font-size:80%;
	list-style:none;
	text-align:left;
	
	position:absolute;
  right:20px;
}
ul#rubric li{
	display:inline;
	margin:0 1pt;
}
ul#rubric li a{
	color:#c0c0c0;
}

/* LISTS */
#bodice ol{
	margin-left:.5em;
	padding-left:1em;
}
#bodice ul{
	list-style-type:square;
	margin-left:.5em;
	padding-left:1em;
}
ul.list-2col,
ul.list-3col{
  width:100%;
}
ul.list-2col:after,
ul.list-3col:after{ /* clear fix */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
ul.list-2col li{
  float:left;
  width:48%;
}
ul.list-3col li{
  float:left;
  width:33%;
}

/* Headers */
h1, h2, h3{
  font-family:Lucida Sans Console, "Arial", "Tahoma", "MS Sans Serif", sans-serif;
  color:#333333;
}
h1{ /* logo */
  font-size:30pt;
  font-weight:bold;
}
h2{
  font-size:26pt;
  font-weight:bold;
	border-bottom:2px solid #c1c1c1;
  width:100%;
  /* we shift this up by 6px to make up for the border image */
  position:relative;
  top:-6px;
}
h3{
  font-size:20pt;
  font-weight:bold;
}
h3.centre{
  text-align:center;
}

p.strapline{
  font-weight:bold;
  color:#542d91;
}

/* FORMS */
legend, button{
  font-size:14pt;
	color:#333333;
}
fieldset{
	padding:10px;
	border:1px solid #c1c1c1;
	text-align:left;
}
fieldset + fieldset{
  margin-top:10px;
}
fieldset p{
  padding:0 !important;
}
legend{
	padding:0 5px;
	font-weight:bold;
}
label{
	display:block;
	padding-top:5px;
	font-weight:bold;
}
input, textarea, button{
	border:1px solid #c1c1c1;
	display:block;
	font-size:10pt;
	color:#333;
}
input:focus, textarea:focus, button:focus{
  border-color:#333;
  color:#000000;
}
input{
	width:468px; 
	padding:3px;
}
textarea{
	width:464px;
	padding:5px;
	margin-top:5px;
	font-family:"Arial", "Tahoma", "MS Sans Serif", sans-serif;
	font-family:inherit;
}
button{
	background-color:white;
	margin-top:15px;
	margin-left:198px;
	padding:3px;
	width:100px;
	font-weight:bold;
}

/* Formatting */

::selection{
  background-color:#002963;
  color:white;
}
::-moz-selection{
  background-color:#002963;
  color:white;
}

/* Specials */

div#map{ /* Google Map */
  width:518px;
  height:518px;
  border:1px solid #bababa;
}
/* GMaps balloon */
#iw_kml h1,
#iw_kml h2{
  position:static;
  visibility:visible;
  margin:5px 0 3px 0;
  padding:0;
  border:0;
  width:100%;
  text-align:left;
}
#iw_kml h1{
  font-size:20pt;
  border-bottom:1px solid #c1c1c1;
}
#iw_kml h2{
  font-size:16pt;
}

blockquote.reference{
  margin:10px 0 0 0;
  padding-left:10px;
  border-left:5px solid #542d91;
  line-height:1.3em;
}
blockquote.reference em{
  display:block;
  text-align:left;
  padding-left:10px;
  color:#542d91;
}

/* Seasonal stylings */
img.seasonal-twickenham{
  float:left;
  margin-bottom:20px;
  margin-right:20px;
}
h3.seasonal-twickenham, 
p.seasonal-twickenham{
  color:#cd0010;
}
#latestfeature2 h4{
  color:#cd0010;
  height:auto;
}
.seasonal-rfu img{
  margin:0;
  padding:100px 30px;
}