/* css originally by mejobloggs but much hacked and adapted by ButeNet for use at isle-of-bute.org.uk */

body {
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	font-size: 83%;
	color: #555;
	background-color: white;
	line-height: 140%;
	margin: 0;
	padding: 0;
	text-align: center; }

.special { font-family: Verdana, Helvetica, sans-serif;
	width: 20%;
   display: block;
   font-size: 9pt;
   line-height: 11pt;
   color: #fff;
   background-color: #2763A5;
   padding-top: 0px;
   padding-bottom: 2px;
   padding-left: 6px; 
   padding-right: 12px;
   margin-right: 20px;
   margin-bottom: 3px;
   }

.newshead { font-family: "trebuchet ms", Verdana, Helvetica, sans-serif;
font-weight: 700;
   font-size: 12pt;
   line-height: 15pt;
   display: inline;
   color: #2763A5;
   padding-top: 0px;
   padding-right: 6px; }

.author {
display: inline;
	font-size: 9pt;
	font-style: italic;
	text-decoration: none;
	font-weight: 400 }

.blok {
display: block; }

.walkhead { font-family: "trebuchet ms", Verdana, Helvetica, sans-serif;
font-weight: 700;
   font-size: 12pt;
   line-height: 17pt;
   text-align: right;
   display: block;
   color: #2763A5;
   padding-top: 6px;
   padding-bottom: 3px;
   }

a:link, a:visited { color: #2763A5;
	background-color: transparent; }
a:hover { color: #5b8fbe;
	background-color: transparent; }
	
a[href^="http:"] {
  background: url(/templates/images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.isle-of-bute.org.uk"], a[href^="http://isle-of-bute.org.uk"]  {
  background-image: none;
  padding-right: 0;
}

a[href^="mailto:"] {
  background: url(/templates/images/email.png) no-repeat right top;
  padding-right: 15px;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 94%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('/templates/images/bg02-white-left.png') repeat-y left top;
}

#menu-top {
	background: transparent url('/templates/images/bg02-white-right.png') repeat-y right top;
	padding-left: 36px;
	padding-right: 38px;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
	}

#wrapper-header {
	background: transparent;
}

#header {
	background: #eee url('/templates/images/beach2new2.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('/templates/images/bg02-white-left.png') top left repeat-y;
}

#wrapper-header3 {
	background: transparent url('/templates/images/bg02-white-right.png') top right repeat-y;
}

#header h1 {
	margin: 0 30px;
	padding: 0;
	height: 160px;
	line-height: 2em;
	color: #fff;
	font-size: 140%;
}

#wrapper-content {
	background: white url('/templates/images/bg02-white-left.png') repeat-y left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('/templates/images/bg02-white-right.png') repeat-y right top;
	padding: 3px 38px 5px 36px;
}

/**************** menu styles ****************/

#tabs10 {
      float:left;
      width: 100%;
      font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	  font-size: 9pt;
	  line-height: 10pt;
	  padding-bottom: 0px;
	  border-bottom:1px solid #2763A5;

      }
#tabs10 ul {
	  margin:0;
	  padding:15px 10px 0px 0px;
	  list-style:none;
      }
#tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs10 a {
      float:left;
      background:url("images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#tabs10 a span {
      float:left;
      display:block;
      background:url("images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
      }
#tabs10 a span {
	  float:none;
	  }
#tabs10 a:hover {
      background-position:0% -42px;
      }
#tabs10 a:hover span {
      background-position:100% -42px;
      }

	  
/**************** footer styles ****************/

.headline {
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	font-size: 190%;
	letter-spacing: 1px;
	color: #5b8fbe;
	background-color: white;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-align: left;
}

.copyright {
	font-family: "trebuchet ms", verdana, arial, tahoma, sans-serif;
	font-size: 75%;
	color: #555;
	background-color: white;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.hidden {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1px;color: transparent;display: none;}

table.rightdisplay {
background-color: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
}

a.pic  {
  background-image: none;
  padding-right: 0;
}

a.submenu {
float: right;
	display: block;
	font-size: 11pt;
	width: 8em;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 12px;
	line-height: 1.1;
	border: 1px solid #5b8fbe;
	padding-left: 12px;background-color: #5b8fbe;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: center;
	text-decoration: none;
}

a.submenu:hover {
background-color: #fff;
color: #5b8fbe;
}

TD.sidebar
{
	font-size: 8pt;
	line-height: 10pt;
	font-family: Verdana, Helvetica, sans-serif;
	color: #2763A5;
	padding: 4px;
	text-decoration: none;
	font-style: italic;
	background-color: #fff;
	vertical-align: top;
	font-weight: 400;
	border-top: 1px solid #5b8fbe;
	border-bottom: 1px solid #5b8fbe;
	border-left: 1px solid #5b8fbe;
	border-right: 1px solid #5b8fbe;
}

.polltitle
{
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	padding: 3px;
	background-color: #2763A5;
	font-weight: 700;
}

TD.thead
{
	color: #2763A5;
	border-left: 1px solid #2763A5;
	border-right: 1px solid #2763A5;
	border-top: 0px solid #2763A5;
	border-bottom: 1px solid #2763A5;
	padding: 2px;
	text-decoration: none;
	background-color: #ddf;
	text-align: right;
	vertical-align: top;
	font-weight: 400;
}
TD.theadtop
{
	color: #2763A5;
	border-left: 1px solid #2763A5;
	border-right: 1px solid #2763A5;
	border-top: 1px solid #2763A5;
	border-bottom: 1px solid #2763A5;
	padding: 2px;
	text-decoration: none;
	background-color: #ccf;
	text-align: right;
	vertical-align: top;
	font-weight: 400;
}

TD.tdata
{
	color: #2763A5;
	border-left: 0px solid #2763A5;
	border-right: 1px solid #2763A5;
	border-top: 0px solid #2763A5;
	border-bottom: 1px solid #2763A5;
	padding: 2px;
	text-decoration: none;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}
TD.tdatatop
{
	color: #000;
	border-left: 0px solid #2763A5;
	border-right: 1px solid #2763A5;
	border-top: 1px solid #2763A5;
	border-bottom: 1px solid #2763A5;
	padding: 2px;
	text-decoration: none;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
}
TD.tdatasingle
{
	color: #000;
	border-left: 1px solid #2763A5;
	border-right: 1px solid #2763A5;
	border-top: 0px solid #2763A5;
	border-bottom: 1px solid #2763A5;
	padding: 2px;
	text-decoration: none;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}

/* Used for Blog pages */

.raised {
  position: relative;
  top: -18px;
  left: 18px;
  padding: 8px;
  background:#fff;
}

.thumb {
  border: 1px solid #5b8fbe;
  margin: 4px;
}

/* Used for the Postcard Form and Design files */


.formtable {
	     font-size: 12px;
	     background-color: #5b8fbe;
	     border: 1px solid #2763A5;
	     color: #fff;
	     text-align: right;
}


.formfield {
	     font-size: 12px;
	     background-color: white;
}

.designtable {
	     font-size: 12px;
	     background-color: #fff;
}


.button {
	  background-color: #2763A5;
	  color: #fff;
	  font-weight: bold;
	  font-size: 12px;
	  border-style: beveled;
	  border-width: 3;
	  cursor: pointer;
}

.subject { color: #475281; 
	 font-size: 16px;
	 font-weight: bold;
	 font-family: verdana, arial, helvetica, sans-serif
}


.small { font-family: "trebuchet ms", Verdana, Helvetica, sans-serif;
font-weight: 400;
   font-size: 8.5pt;
   line-height: 12pt;
   display: inline;
   }