/*

*****************************************
RFGMOLE.CO.UK - global.css

Development company: 
Author e-mail: 

*****************************************

Reference palette:

Greys:					Colours:
	
#333 (darkest)			#000 (black)
#666 (dark)				#b5dc10 (lightgreen - hover/highlight)
#999 (medium)			#d69e5e (orange - titling)
#aaa (light)			#2f7b0a (dark green - links)
#eee (lightest)			#f7ecdf (cream)

*/

/* base HTML */

html, body {height:100%;}
body {margin:0;padding:0;font-family:verdana, helvetica, sans-serif;background: url(../images/system/mole-sleeper.gif) repeat-x #eee;font-size:100%;}

h1 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.4em;line-height:1.7em;}
h2 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.2em;line-height:1.6em;}
h3 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.0em;line-height:1.5em;}
h4 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:0.8em;line-height:1.5em;}
p  {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:0.7em;line-height:1.4em;}

span {line-height:1.4em;}

a {text-decoration:none;color:#000;border:0;padding:0;}

a:link, a:visited {text-decoration:none;color:#2f7b0a;}
a:hover, a:active {text-decoration:none;color:#b5dc10; text-decoration:underline;}
a img {border:0;padding:0;}

li {font-weight:normal; font-size:0.7em; line-height:1.4em; letter-spacing:0.01em; color:#000;}
ul {padding:0 0 10px 0;}
ol {padding:0 0 10px 40px;margin:0; background:none;}
ol li {padding-bottom:10px}

table, tr {}
th, td {font-size:0.7em;line-height:1.4em;}

em {font-style:italic}
strong {font-weight:bold;}
address {color:#333; font-weight:normal; font-size:0.9em; line-height:1.4em; letter-spacing:0.01em;}

blockquote {color:#333; font-style:italic; line-height:1.4em; letter-spacing:0.01em;background:#F7ECDF;}
blockquote p {padding:0;}

input {font-size:0.9em;padding:0;margin:0;border:0;}
fieldset {margin:0;border:0;padding:0;}
label {padding:0 0 10px 0; color:#000; font-weight:normal; font-size:0.9em; line-height:1.4em;}
textarea {font-size:0.9em;font-family:verdana, helvetica, arial, sans-serif;}

#grip {/* sticky footer */ min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -3.3em /* << that figure needs to be same height as footer ! */ }

/* header */

#admin {width:960px;margin:0 auto;}
#admin ul {margin:0;padding:0;display:block;height:48px;background:none;}
#admin ul li {margin:0;padding:0;display:inline;font-size:0.7em;float:left;}
#admin ul li a {color:#fff;display:block;padding:10px 0 0 0;float:left;}
#admin ul li a:hover {color:#b5dc10; text-decoration:none;}

#admin .sitelinks {float:left;width:350px;}
#admin .sitelinks li {margin:0;padding:0 20px 0 3px;}

#admin .tools {float:right;width:550px;}
#admin .tools li {margin:0;padding:0 5px 0 25px;float:right;}
#admin .tools li.admin-login a {background:url(../images/system/mole-sprite.gif) no-repeat 0  -13px;padding:10px 0 0 21px;}
#admin .tools li.admin-contact a {background:url(../images/system/mole-sprite.gif) no-repeat 0 12px;padding:10px 0 0 21px;}

#masthead {width:960px;margin:0 auto;clear:both;display:block;background:none;}
#masthead #logo {margin:0;border:0;padding:0;float:left;height:114px;background:none;}
#masthead #logo a {border:0;padding:0;}
#masthead #strap {margin:54px 0 0 10px;float:left;}

#masthead #search {float:right;width:350px;text-align:right;background:none;}
#masthead #search fieldset {margin:65px 5px 0 0;padding:0;}
#masthead #search fieldset legend {display:none;}
#masthead #search fieldset .search-term {margin:0;padding:0;background:url(../images/system/mole-sprite.gif) no-repeat 0 -86px;height:30px;width:330px;float:right;}
#masthead #search fieldset input.search-box {margin:5px 0 0 44px;padding:0;width:190px;background:none;float:left;font-size:0.8em;color:#555;}
#masthead #search fieldset input.search-button {padding:1px 0 0 0;margin:0;border:0;cursor:pointer;}

/* nav head */

#masthead #nav-main {clear:both;width:960px;padding:0;background:none;margin:0;float:left;}
#masthead #nav-main ul {padding:0;margin:0 0 0 84px;} 
#masthead #nav-main li {display:inline;}
#masthead #nav-main li a {color:#555;}
#masthead #nav-main li a:hover {color:#b5dc10;}
#masthead #nav-main li.end {}

#masthead #nav-main li a {background-image:url(../images/system/mole-nav-sprite.gif);background-repeat:no-repeat;display:block;height:47px;float:left;cursor:pointer;} 
#masthead #nav-main li a span {margin:0;padding:0;position:absolute;height:1px;width:1px;z-index:-1;top:-1000em;left:-1000em;text-indent:-1000em;overflow:hidden;} 

#masthead #nav-main li.ml-home a {width:101px;			background-position: -047px 0;}
#masthead #nav-main li.ml-tour a {width:97px;			background-position: -148px 0;}
#masthead #nav-main li.ml-who a {width:123px;			background-position: -245px 0;}
#masthead #nav-main li.ml-news a {width:97px;			background-position: -368px 0;}
#masthead #nav-main li.ml-interest a {width:126px;		background-position: -465px 0;}
#masthead #nav-main li.ml-contact a {width:97px;		background-position: -591px 0;}
#masthead #nav-main li.ml-help a {width:123px;			background-position: -688px 0;}

#masthead #nav-main li.ml-home a:hover {				background-position: -047px -108px;}
#masthead #nav-main li.ml-tour a:hover {				background-position: -148px -108px;}
#masthead #nav-main li.ml-who a:hover {					background-position: -245px -108px;}
#masthead #nav-main li.ml-news a:hover {				background-position: -368px -108px;}
#masthead #nav-main li.ml-interest a:hover {			background-position: -465px -108px;}
#masthead #nav-main li.ml-contact a:hover {				background-position: -591px -108px;}
#masthead #nav-main li.ml-help a:hover {				background-position: -688px -108px;}

#home #masthead #nav-main li.ml-home a {				background-position: -047px -162px;}

#home #masthead #nav-main li.ml-home a:hover {			background-position: -047px -054px;}
#home #masthead #nav-main li.ml-tour a:hover {			background-position: -148px -162px;}
#home #masthead #nav-main li.ml-who a:hover {			background-position: -245px -162px;}
#home #masthead #nav-main li.ml-news a:hover {			background-position: -368px -162px;}
#home #masthead #nav-main li.ml-interest a:hover {		background-position: -465px -162px;}
#home #masthead #nav-main li.ml-contact a:hover {		background-position: -591px -162px;}
#home #masthead #nav-main li.ml-help a:hover {			background-position: -688px -162px;}

#tour #masthead #nav-main li.ml-tour a {				background-position: -148px -108px;}
#tour #masthead #nav-main li.ml-tour a:hover {			background-position: -148px -215px;}
#who #masthead #nav-main li.ml-who a {					background-position: -245px -108px;}
#who #masthead #nav-main li.ml-who a:hover {			background-position: -245px -215px;}
#news #masthead #nav-main li.ml-news a {				background-position: -368px -108px;}
#news #masthead #nav-main li.ml-news a:hover {			background-position: -368px -215px;}
#interest #masthead #nav-main li.ml-interest a {		background-position: -465px -108px;}
#interest #masthead #nav-main li.ml-interest a:hover {	background-position: -465px -215px;}
#contact #masthead #nav-main li.ml-contact a {				background-position: -591px -108px;}
#contact #masthead #nav-main li.ml-contact a:hover {		background-position: -591px -215px;}
#help #masthead #nav-main li.ml-help a {				background-position: -688px -108px;}
#help #masthead #nav-main li.ml-help a:hover {		background-position: -688px -215px;}

#masthead #nav-sub { background:url(../images/system/mole-grad.png) 0 0;width:960px;height:26px;clear:both;overflow:hidden;}
* HTML #masthead #nav-sub { background:url(../images/system/mole-grad.png) 0 0;width:960px;height:30px;clear:both;overflow:hidden;}
#masthead #nav-sub ul {padding:8px 0 0 26px;}
#masthead #nav-sub li {display:inline;}
#masthead #nav-sub li a {color:#ddd;padding:0 12px;border-right:1px solid #777;display:block;float:left;text-align:center;}
#masthead #nav-sub li a:hover {color:#b5dc10;}
#masthead #nav-sub li.end a {border-right:0;}

/* content */

#content {margin:0 auto;width:960px;background: url(../images/system/mole-grad.png) 0 -26px no-repeat;}
* html #content {margin:0 auto;width:960px;background:none;} 


/* columns */
		
.cola   {width:320px;float:left;margin:0;background:url(../images/system/mole-box-bot-320.png) no-repeat bottom;padding:0 0 10px 0;}
.colb   {width:320px;float:left;margin:0;background:url(../images/system/mole-box-bot-320.png) no-repeat bottom;padding:0 0 10px 0;}
.colc   {width:320px;float:right;margin:0;background:url(../images/system/mole-box-bot-320.png) no-repeat bottom;padding:0 0 10px 0;}
.cola-2 {width:640px;float:left;margin:0;background:url(../images/system/mole-box-bot-640.png) no-repeat bottom;padding:0 0 10px 0;}
.cola, .colb, .colc, .cola-2, .cola-3, .colb-2 {position:relative;}

#content .cola h2.box-top, 
#content .colb h2.box-top, 
#content .colc h2.box-top {background:url(../images/system/mole-box-top-320.png) no-repeat;padding:0;height:42px;overflow:hidden;} 
#content .cola-2 h2.box-top {background:url(../images/system/mole-box-top-640.png) no-repeat top;padding:0;height:42px;overflow:hidden;} 

#content h2 span {padding:14px 18px 0 17px;display:block;color:#d69e5e;font-weight:bold;font-size:0.8em;line-height:1.6em;} 
#content h3 {padding:0 18px 0 18px;color:#000;font-size:0.7em;font-weight:bold;} 
#content h4 {margin:2px 18px 0 18px;padding-top:5px;color:#000;font-size:0.7em;font-weight:bold;border-top:1px solid #ddd;} 
#content h4 a {font-weight:bold;} 
#content p {padding:0 18px 10px 18px;} 
#content p a:link, #content p a:visited {text-decoration:underline;} 
#content li {padding:0 18px;} 

#content blockquote {border-bottom:3px solid #EADBCA;margin:0 18px 10px 18px;padding:10px}
#content blockquote p {float:right;padding:0;margin:0;font-size:0.7em;width:480px; font-style:normal;}
#content blockquote img {padding:3px;background:#EADBCA;display:block;margin:0;}

#content .box-mid-320 {background-image:url(../images/system/mole-box-mid-320.png);background-repeat:repeat-y;display:block;float:left;width:320px;}
#content .box-mid-640 {background-image:url(../images/system/mole-box-mid-640.png);background-repeat:repeat-y;display:block;float:left;width:640px;}

#content .box-mid-320 form {margin:0;padding:0;}
#content .box-mid-320 table {margin:0 0 10px 18px;padding:0;}
#content .box-mid-320 table td {background:#fff;border:1px solid #fff;vertical-align: middle;font-size:0.7em;padding:0;}
#content .box-mid-320 table p {padding:0 0 2px 0;font-size:1em;}
#content .box-mid-640 input.field {background: url(../images/system/mole-sprite.gif) -1px -165px;padding:6px 4px 0 4px;margin:0;font-size:0.7em;width:200px;height:25px;display:block;}
#content .box-mid-320 table input.field {background: url(../images/system/mole-sprite.gif) -1px -165px;padding:6px 4px 0 4px;margin:0 0 0 3px;font-size:1em;width:200px;height:25px;} 
#content .box-mid-320 table input.button {margin:0 1px 0 4px;}

		#content #box-video {width:640px;height:350px;background:url(../images/system/home-video-640.png) no-repeat;}
		#content #box-video {}
		#content #box-video img {display:block;padding:0;margin:0;float:left;}
		
		#content #box-news h2 span.rss a {text-indent:-1000em;width:20px;height:20px;display:block;background:url(../images/system/mole-sprite.gif) no-repeat 4px -124px;}
		#content #box-news p img {float:left;display:block;background:#eee;}
		#content #box-news p a  {padding:2px;border:1px solid #ddd;float:left;margin:2px 10px 5px 0;background:#fff;}
		#content #box-news p a:hover {background:#eee;border:1px solid #ddd;}					
		
		#content #box-testimonial p {padding-top:5px;margin-top:0;}
	    #content #box-testimonial p.logo {padding:5px 0 0 0;margin:0 0 0 18px;float:left;background:#fff;}
	    #content #box-testimonial p.logo img {float:left;display:block;background:#eee;}
	    #content #box-testimonial p a  {padding:2px;border:1px solid #ddd;float:left;margin:2px 10px 5px 0;background:#fff;}
		#content #box-testimonial p a:hover {background:#eee;border:1px solid #ddd;}
		
		#content #box-testimonial span.more {float:right;}
		#content #box-testimonial span.more a {font-size:0.7em;font-weight:normal;}
		
		#content #box-news h3 {padding:3px 18px 2px 0;margin:0;}
		#content #box-news p.item-img {width:56px;float:left;clear:both;padding-top:4px;}
		#content #box-news .article {clear:both;}
		#content #box-news .article p.news-squib {padding:0 14px 0 0;border:0;margin:0;background:none;}
		#content #box-news .article p.news-links {padding:0;border:0;margin:0;background:none;}
		#content #box-news .article p.news-links a {padding:0;border:0;margin:0;background:none;display:inline;float:none;}


		#content #box-list .article {border-bottom:1px solid #eee;margin:10px 18px 0px 18px;padding: 0 0 10px 0;background:none;clear:both;width:604px;float:left;}
			* html #content #box-list .article {width:604px;border-bottom:1px solid #eee;margin:10px 0 0 9px;padding: 0 0 10px 0;float:left;background:none;}
		
		#content #box-list h3 {padding:3px 0 2px 0;margin:0;float:right;display:block;width:490px;background:none;clear:none;}
		#content #box-list h4 {padding:3px 0 2px 0;margin:0;float:right;display:block;width:490px;background:none;font-weight:normal;border:0;}
		#content #box-list p {padding:3px 0 2px 0;margin:0;float:right;display:block;width:490px;background:none;clear:none}
		
		#content #box-list ul {padding:3px 0 0 0;width:604px;background:none;clear:both;display:block;}
		#content #box-list ul li {padding:0 4px 0 0;background:none;display:block;float:left;}
		#content #box-list ul li.comment-count a {background:url(../images/system/mole-sprite.gif) no-repeat 0 -203px;padding:0 8px 3px 20px;display:block;float:left;}
		#content #box-list ul li.read-more a {background:url(../images/system/mole-sprite.gif) no-repeat 0 -227px;padding:0 4px 3px 20px;display:block;float:left;}
		
		#content #box-list p.item-img {float:left;padding:0;margin:0;width:110px;display:block;}
		#content #box-list p.item-img img {float:left;display:block;}
		
		#content #box-list p.item-img a {padding:2px;border:1px solid #ddd;float:left;margin:2px 0 5px 0;background:#fff;}
		#content #box-list p.item-img a:hover {background:#eee;border:1px solid #ddd;}
		
		#content #box-list .no-image h3, 
		#content #box-list .no-image h4, 
		#content #box-list .no-image p, 
		#content #box-list .no-image ul {width:604px;float:left;}

		#content #box-list p.rss-link {margin:10px 0;padding:0;clear:both;float:left;width:640px;background:none;}
		#content #box-list p.rss-link a {margin:0 0 0 18px;padding:2px 0 3px 26px;clear:both;float:left;background:url(../images/system/mole-sprite.gif) no-repeat 0 -127px;}
		#content #box-list .paginate {margin:10px 18px 0 18px;padding:0 0 10px 0;clear:both;float:left;background:none;}
			* html #content #box-list .paginate {margin:10px 0 0 9px;padding: 0 0 10px 0;float:left;background:none;clear:both;float:left;background:none;width:604px;}
		#content #box-list .paginate p {margin:0;padding:0;clear:both;float:left;background:#f7ecdf;width:604px;}
		#content #box-list .paginate p span {margin:0;padding:10px;clear:both;float:left;}
		#content #box-list .paginate p span a {padding:0 6px;}

#content #box-article p.leaderboard img {padding:6px;margin:0;border:1px solid #ddd;background:#eee;}
#content #box-article p.leaderboard  {margin:10px 0 0 0;}
#content #box-article h3  {padding-bottom:10px;font-size:0.8em;}
#content #box-article h4  {padding-bottom:10px;font-size:0.7em;border:0;}
#content #box-article ul {margin:0 18px;border-top:1px solid #ddd;}
#content #box-article ul li {padding:10px 18px;background:url(../images/system/mole-sprite.gif) 0 -260px no-repeat;border-bottom:1px solid #ddd;}

#content #box-article .clamp {margin:0 18px 10px 18px;}
#content #box-article table {margin:0;width:604px;}
#content #box-article table tr {}
#content #box-article table th, #content table td {padding:5px;text-align:left;background:#f7ecdf;border-bottom:1px solid #fff;}
#content #box-article table td {background:#eadbca;}

#content #box-article .slideshow {width:640px;background:none;}
#content #box-article .slideshow .left a img {padding:6px;border:1px solid #ddd;margin:0 0 18px 18px;background:#fff;}
#content #box-article .slideshow .right a img {padding:6px;border:1px solid #ddd;margin:0 18px 18px 0;background:#fff;}
#content #box-article .slideshow .left a:hover img, #content #box-article .slideshow .right a:hover img {background:#eee;}

	/* home */
	
	#home #content {background:none;} 
	#home #nav-sub {display:none;} 
	#home #content #box-news .box-mid-320 {height:295px;}
	#home .cola-2 {background:none;padding:0;}
	
#clients #content .corral {float:right;width:220px;padding:0 10px;}
#clients #content .corral img {border:1px solid #ddd;padding:3px;margin:0 2px 8px 0;}

#clients #content .moodlink {background:#F7ECDF;padding:20px;margin:4px 16px 16px 16px;border:1px solid #EADBCA;font-size:0.9;float:left; text-transform:uppercase; font-weight: bold;}

#clients #content ul.linklist li {display:block;float:left;width:280px;}
#clients #content ul.linklist li a {background:url(../images/system/mole-sprite.gif) no-repeat 0 -227px;padding:0 4px 3px 20px;display:block;float:left;}


/* generic classes */

.bye {margin:0;padding:0;position:absolute;height:1px;width:1px;z-index:-1;top:-1000em;left:-1000em;text-indent:-1000em;overflow:hidden;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/* footer */

#sole, .push {height:3em;clear:both;/* .push must be the same height as .footer */}

#sole {background:#000;border-top:0.3em #b5dc10 solid;margin:0;}
#footer {width:960px;margin:0 auto;padding:0;}

#footer ul {margin:15px 0 0 0;}
#footer li {margin:0;float:left;display:inline;}
#footer li a {margin:0;float:left;display:block;}
#footer a:link, #footer a:visited {text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active {text-decoration:none;color:#b5dc10;}

#footer .sitelinks {float:left;width:340px;}
#footer .sitelinks li {margin:0;padding:0 25px 0 5px;}

#footer .tools {float:right;width:620px;}
#footer .tools li {margin:0;padding:0;float:right;}
#footer .tools li.admin-login a {background:url(../images/system/mole-sprite.gif) no-repeat 0  -22px;padding:0 10px 2px 22px;margin:0 10px;border-right:1px solid #777;}
#footer .tools li.admin-contact a {background:url(../images/system/mole-sprite.gif) no-repeat 0 3px;padding:0 0 2px  22px;margin:0 0 0 10px;}
#footer .tools li.admin-rss a {background:url(../images/system/mole-sprite.gif) no-repeat 0 -47px;padding:0 0 2px 25px;margin:0 0 0 10px;}
#footer .tools li.admin-terms a   {padding:0 9px;border-right:1px solid #777;}
#footer .tools li.admin-sitemap a {padding:0 9px;border-right:1px solid #777;}
#footer .tools li.admin-privacy a {padding:0 9px;border-right:1px solid #777;}


#preloader {}


/* IE6 backgrounds */

* html .cola,
* html .colb,
* html .colc   {background:url(../images/system/mole-box-bot-320.gif) no-repeat bottom;}
* html .cola-2 {background:url(../images/system/mole-box-bot-640.gif) no-repeat bottom;}

* html #content .cola h2.box-top, 
* html #content .colb h2.box-top, 
* html #content .colc h2.box-top {background:url(../images/system/mole-box-top-320.gif) no-repeat;} 
* html #content .cola-2 h2.box-top {background:url(../images/system/mole-box-top-640.gif) no-repeat top;}  

* html #content .box-mid-320 {background-image:url(../images/system/mole-box-mid-320.gif);}
* html #content .box-mid-640 {background-image:url(../images/system/mole-box-mid-640.gif);}

* html #home #content #box-video {background:url(../images/system/home-video-640.gif) no-repeat;}