/*======================================================================
Fol de Rols CSS
url: www.folderols.org.uk

author: brynmor harries
url:    www.stylecymru.co.uk

Last update: 23 Sep 2009
======================================================================*/

/*======================================================================
Structure
======================================================================*/
body {
	min-width: 960px;
	text-align : center; /* netscape bug fix */
	margin :  20px auto 10px;
	color : #222;
	background: #ffeed9 url(../images/general/bodybg.jpg) 0 0 repeat-x;
}

.content {
	margin :  0 auto;
	text-align : left;
	width: 960px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #fffaf5;
	padding-top: 10px;
}

.content_footer {
	margin :  0 auto;
	width: 962px;
	height: 46px;
	background: #fffaf5 url(../images/general/panel_footer.jpg) bottom left no-repeat;
}

/*======================================================================
Grid layout
======================================================================*/
/*.size1 { width:60px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size2 { width:140px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size3 { width:220px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size4 { width:300px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size5 { width:380px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size6 { width:460px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size7 { width:540px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size8 { width:620px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size9 { width:700px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size10 { width:780px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size11 { width:860px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size12 { width:940px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }*/

/*======================================================================
Adapted Grid layout #2
======================================================================*/
.size1 { width: 20px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size2 { width:100px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size3 { width:180px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size4 { width:260px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size5 { width:340px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size6 { width:420px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size7 { width:500px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size8 { width:580px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size9 { width:660px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size10 {width:740px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size11 {width:820px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }
.size12 {width:900px; margin: 0 30px;	overflow: hidden;	float: left; display: inline; }

.box {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
}

.box .box {
	margin: 0 -10px;
	width: auto;
	padding-top: -20px;
}

.gap {
	margin-bottom: 1em;
	border-bottom: 1px dotted #eee;
}

/*======================================================================
Text - additional styling
======================================================================*/
body {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 { margin-bottom: 0; } /* removes h1 margin set in screen.css for image replacement in header */
h2 { font-family: Georgia, "Times New Roman", Times, serif; }
ul.spaced li { margin-bottom: 1em; }

.continued { font-weight: bold; }

.cushycms {} /* external content editor class */

.pullquotes {
	float: right;
	margin: 10px;
	padding: 20px;
	background: #feffff url(../images/general/quotes.png) no-repeat 10px 10px;
	width:200px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 1.1em;
}

/*======================================================================
Links - additional styling
======================================================================*/
a { color: #ff8200; font-weight: bold; outline: none; }
a:visited { color : #b05a00; text-decoration: none; }
a:focus, a:hover { color: #800000; }

/*======================================================================
Banner Image Replacement for header
======================================================================*/

#header {
	margin :  0 auto;
	text-align : left;
	width: 960px;
	height: 190px;
	position: relative;
}

#header h1 {
	width: 960px;
	height: 190px;
	position: relative;
}

#header h1 span {
	background: url("../images/general/banner.jpg");
	position: absolute;
	width: 100%;
	height: 100%;
}

/*======================================================================
Main Site Navigation
======================================================================*/
ul#global_nav {
  width: 400px;
	position: absolute;
	right: -10px;
	top: 90px;
}

#global_nav li {
  float: left;
  margin-left : 0;
	list-style:none;
}

ul#global_nav li a {
  display: block; /*makes the floats into blocks of width... */
  width: 100px; /* 400 width divided by 4 */
  padding: 8px 0; /* top and bottom padding */
  text-align: center;
  color : #000;
  background: transparent;
  text-decoration: none; /* removes underline */
	font-weight: normal;
	font-size: 18px;
	position: relative;
}

ul#global_nav li a:hover {
  color : #800000;
  background: transparent;
  text-decoration: underline;
}

/*Page Here Indicator*/
#one li.one a,
#two li.two a, 
#three li.three a,
#four li.four a
{
  color : #ff8200;
  background: transparent;
  cursor : default;
}

div.breadcrumbs {
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 960px;
	overflow: hidden;
	/*height:30px;*/
	line-height:0;
	color:#888888;
	margin-bottom: 10px;
}

div.breadcrumbs a {
  color : #ff8200;
  text-decoration: none; /* removes underline */
}

div.breadcrumbs a:hover {
  color : #800000;
}


/*======================================================================
Footer styling
======================================================================*/
#footer {
	background: transparent url(../images/general/footerbg.gif) 50% 0 no-repeat;
	height: 220px;
	margin-top: 20px;
}

#footer p {
	text-align: right;
	margin: 200px 10px 0;
	color: #999;
}

/*======================================================================
Additional Image styling
======================================================================*/
.pictureleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.pictureleft a img {
	padding: 4px;
	border: 1px solid #999;
	background: #fff;
}

.pictureleft a:hover img {
	padding: 4px;
	border: 1px solid #800000;
	background: #eee;
}

.pictureright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.pictureright a img {
	padding: 4px;
	border: 1px solid #999;
	background: #fff;
}

.pictureright a:hover img {
	padding: 4px;
	border: 1px solid #800000;
	background: #eee;
}

.picturemiddle {
	text-align: center;
	margin: 0 auto;
}

.picturemiddle a img {
	padding: 4px;
	border: 1px solid #999;
	background: #fff;
}

.picturemiddle a:hover img {
	padding: 4px;
	border: 1px solid #800000;
	background: #eee;
}

.emailpic a img, .emailpic a:hover img {
	padding: 0;
	border: none;
	background: transparent;
}

.caption {
	text-align: center;
	font-size: 0.8em;
}

/*======================================================================
Demo Lightbox Gallery styling
======================================================================*/
#gallery img.date {
	float: left;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#gallery a img {
	float: left;
	padding: 4px;
	border: 1px solid #999;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
}

#gallery a:hover img {
	border: 1px solid #800000;
	background: #eee;
}