/* RR PLUME CMS Style Sheets for 1.2 version */

hr
{
	border-top: 1px solid silver;
	margin-top: 4px;
	margin-bottom: 4px;
}

html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	font: .9em Helvetica, Arial, Geneva, sans-serif;
	background-color: white;
}

div
{
	margin: 0px;
	padding: 0px;
}

div#text dd 
{
	zoom:1 
}

p, blockquote, li, h2, h3, dd, dt
{
	font-weight: normal;
}

h1
{
	margin: 0;
}

h2, h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #008C89;
}

h5
{
	font-weight: bold;
	color: #008C89;
	font-size: 1.3em;
	margin-bottom: 0.9em;
	margin-top: 0.6em;
	line-height: 1.3em;
}

h6
{
	color: #008C89;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.8em;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	text-decoration: none;
	color: #008C89;
}



pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite
{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code
{
	margin: 10px;
	display: block;
}

q
{
	font-style: italic;
	color: #666;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#main
{
	margin: 0;
	padding: 0;
}

#mainfloat
{
	margin: 0;
	padding: 0;
	width: 1000px;
}

#easy-access
{
	right: 0;
	position: absolute;
	text-align: right;
}

#content
{
	float: right;
	width:750px;
	font: 0.95em/1.1em Helvetica, Arial, Geneva, sans-serif;
	margin: 7px 0 10px;
}

* html #content
{
	margin-top: 10px;
	padding: 0;
}

#menuleft
{
	width: 240px;
	float: left;
	padding: 0;
	margin: 0;
}

div#footer
{
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	clear: both;
	border: none;
	font: 0.7em Helvetica, Arial, Geneva, sans-serif;
	color: black;
	width: 1000px;
	vertical-align: middle;
}

/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, h2
{ 
	position: relative; 
}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#banner
{
	margin: 10px 0 0;
	height: 115px;
	vertical-align: middle;
	background-image: url(img/rr_header_back.png);
}

#banner .description, #websitename
{
	margin: -2px 0 0 2px;
	color: #98B3C7;
	font: 120% Helvetica, Arial, Geneva, sans-serif;
}

#banner p.description
{
	font-size: 1em;
}

#top
{
	margin: 12px 0 0 0;
	
}

#easy-access form
{
	margin-top: 10px;
	margin-right: 10px;
}

#easy-access #q 
{
	width: 100px;
	height: 14px;
	vertical-align: middle;
}

#easy-access #search-s 
{
	vertical-align: middle;
}

/* ====================================================================
BODY
-------------------------------------------------------------------- */

body.category #content h2, .comment-preview
{
	padding-bottom: 0;
	font-size: 1.2em;
}

body.category #content h2.restitle, body.news #content h2.restitle
{
	color: #008C89;
	font-size: 1.2em;
	padding-bottom: 4px;
}

body.category #content h2 a
{
	color: #008C89;
}

body.category #content h2 a:hover
{
	text-decoration: underline;
}

/* ====================================================================
MENU LEFT
-------------------------------------------------------------------- */

li.dummy {display: none; }

#menuleft ul
{
	list-style-type: none;
	margin-left: 0.4em;
	line-height: 1.8em;
	padding: 0;
}

#menuleft ul a
{
	text-decoration: none;
	color: #004990;
	font-weight: bold;
}

#menuleft ul a:hover
{
	text-decoration: underline;
}

#menuleft ul li
{
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	font-size: 90%;
	line-height: 1.6em;
}



#menuleft ul li a
{
	text-decoration: none;
	color: #008C89;
	font-weight: normal;
	font-style: normal;
}

#menuleft ul li a:hover
{
	text-decoration: underline;
}

/* ====================================================================
CONTENT
-------------------------------------------------------------------- */

#content .rrtext
{
	color: white;
	font: 1.1em/1.5em Helvetica, Arial, Geneva, sans-serif;
	background-color: #008C89;
	padding: 10px;
}
#content .home img
{
	padding: 0;
	margin: 0 0 10px;
	border-style: none;
	float: left;
}

#content h2 a 
{
	color: #000;
}

#content a:hover
{
	text-decoration: underline;
}

#content ul
{
	list-style-type: square;
	line-height: 1em;
	vertical-align: 0.9em;
	margin-top: -0.4em;
}

#content li
{
}

#content strong
{
	font-weight: bold;
	color: #008C89;
}

#content img
{
	padding: 0;
	float: right;
	display: inline-block;
	clear: right;
	margin: 5px 0 5px 10px;
	border: 3px solid #008C89;
}

#content .modified a
{
	text-decoration: none;
}

/* ====================================================================
FOOTER
-------------------------------------------------------------------- */

#footer .text
{
	padding-left: 180px;
}

#footer a
{
	text-decoration: none;
	border: none;
	color: #008C89;
}
#footer a:hover
{
	text-decoration: underline;

}

#footer p
{
	color: #ccc;
	font-size: .8em;
}

/* ====================================================================
TREE MENU
-------------------------------------------------------------------- */

ol.tree
{
	margin: 5px 0 0 5px;
	padding: 0;
	color: #6887A4;
	font: 0.7em Helvetica, Arial, Geneva, sans-serif;
}

ol.tree a
{
	text-decoration: none;
}

ol.tree a:hover
{
	text-decoration: underline;
}

ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before
{
	content: ' \00bb  ';
}

p.modified a:hover
{
	color: #1771A0;
	text-decoration: underline;
}

.resources-number, .comment-closed
{
	color: #999;
	font-style: italic;
}

.resource
{
	float: left;
	font: bold 1em Helvetica, Arial, Geneva, sans-serif;
	width: 400px;
	clear: left;
}

.resource p
{ 
	margin-bottom: 1.2em;
}

#art-description {
	font-style: italic;
}

#footer img, div.col-content img
{
	border: none;
	vertical-align: bottom;
}

div#footer hr
{
	background: url(img/line.png) no-repeat;
	width: 1000px;
	margin-top: 10px;
	height: 8px;
	border-style: none;
}



#art-title
{
	font-size: 2.3em;
	color: #004990;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 15px;
}

#art-title-result
{
	font-size: 2.3em;
	color: #004990;
	font-weight: normal;
	font-style: normal;
	margin: 15px 0;
}

#art-pages-list h3
{
	font-weight: bold;

}

div.col-content
{
	padding: 1em 5px;
}

div.col-content h2, div.col-content h3
{
	padding-bottom: 0;
	margin-bottom: 0.1em;
}

div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 0;
	padding-left: 0;
}

div.col-content a
{
	text-decoration: underline;
}

div.col-content ul, div.col-content ol
{
	margin-top: 0;
	margin-left: 5px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}

ol li.current a
{
	text-decoration: none;
	color: #000;
}



.feeds
{

}

.sitemap
{

}

.score
{
	font-size: 75%;
	color: #090;
	margin-top: -10px;
	text-align: right;
	border-top: 1px dotted #BEE5BE;
	padding: 2px 4px;
	background-color: #ECF7EC;
}

.err404
{
	padding: 20px 0 0 60px;
	background: transparent url("img/err404.gif") 0% 80% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}

img.px-left 
{ 
	margin:3px 12px 10px 0;
	float: left;
	display:block;
}

img.px-center
{ 
	margin:8px auto 8px auto;
	display: block;
}

img.px-right
{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}


a.feeds:hover
{
	color: #008C89;
}

a.sitemap:hover
{
	color: #008C89;
}

/* ====================================================================
NEWS
-------------------------------------------------------------------- */

.recent-news
{
	margin: 0;
	width: 750px;
	display: inline-block;
}

.recent-news a
{
	font-weight: bold;
	font-size: 120%;

}

.recent-news h3
{
	font-size: 120%;
}

.recent-news em
{
	font: 4.3em Helvetica, Arial, Geneva, sans-serif;
	color: #004990;
	margin: 5px 5px 5px 0;
}

.recent-news .recent-news-date
{
	color: #91A8C0;
	text-align: right;
}

.recent-news p
{
	margin-top: 0;
}



.associated-link
{
	text-align: right;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #ccc;
}

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */

div.px-comment
{ 
	background-color: #FFFFF1;
	padding: 0 14px 0 16px;
	border: 1px solid #FFF2CB;
	margin-bottom: 6px;
	color: #666;
	font-style: italic;
}

div.px-comment a
{ 
	color: #666;
}

div.px-comment a:hover
{ 
	color: #000;
}

.px-comment-info
{ 
	font-weight: bold;
	padding-left:20px;
	background: url("img/comment-icon.png") 0% 70% no-repeat;
}

.px-comment .px-comment-info-website
{
	color: #ccc;
}

form.px-comment
{
	padding: 10px 16px 10px 16px;
	margin-bottom: 20px;
	background-color: #FFF3F8;
	border: 1px solid #FFE3EE;
	font: .8em Helvetica, Arial, Geneva, sans-serif;
}

form.px-comment p
{
	margin: 0;
}

form.px-comment textarea
{
	width:100%;
}

form.px-comment textarea, form.px-comment input
{
	background-color: #fff;
}

.input-submit
{
	text-align: right;
	padding-top: 8px;
}

form.px-comment label
{
	float: left;
	display: block;
	width: 100px; 
	font-size: 110%;
}

.px-comment-add
{
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	font-variant: small-caps;
	font-size: 120%;
}

form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error
{
	border: 1px dotted #FF8080;
	padding-bottom: 10px;
	width: 80%;
}

.px-comment-error ul
{
	padding-top: 6px;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	background: url("img/errmsg.gif") 0% 50% no-repeat;
	padding-left: 20px;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
	background: url("img/comment-preview.png") 0% 0% no-repeat;
}

.px-comment-validation
{
	padding-left: 16px;
	font-style: italic; 
	color: #999;
	background: url("img/comment-validation.gif") 0% 50% no-repeat;
}

span.px-comment-required-email
{
	font-size: 90%;
	font-style: italic;
	color: #666;
}

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */

div.gallery {}
div.gallery-top {}

div.gallery-bottom 
{ 
	clear: left;
}

div.gallery-thumb a 
{	
	float: left;
	display: block;
}

#content img.gallery-thumb 
{	
	margin: 0 0 10px 0;
}

div.gallery-img 
{ 
	float: left;
	width: 200px;
	padding: 0 0 0 10px; 
	margin: 0 10px 10px 0;
}

p.gallery-legend
{ 
	text-align: center;
	line-height: 100%;
	font-style: italic;
	color: #A5A569;
}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap
{
	padding: 0 20px;
	margin-bottom: 20px; 
}

#sitemap h1
{
	font-size: 2.3em;
	color: #004990;
	font-weight: normal;
	font-style: normal;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
}

#sitemap h3
{
	font-size: 120%;
	border-bottom: 1px solid #EDEDED;
	background-color: #F9F9F9;
	padding: 0px 4px;
}

#sitemap h3 a
{
	color: #008C89;
}

#sitemap li.subcatlism a
{
	color: #008C89;
}

#sitemap li
{
	font-size: .9em;
	color: #0E5A8A;;
	line-height: 1.2em;
}

#sitemap li.nodeco
{
	list-style-type: none;
}

#sitemap li.nodeco a
{
	color: #0E5A8A;;
}

#sitemap li.nodeco li
{
	list-style-type: circle;
	color: #0E5A8A;
	padding-left: 5px;
}

#sitemap li.subcatlism
{
	list-style-type: circle;
	color: #008C89;

}

#sitemap li.subcatlism p
{
	padding: 10px 0 0 0;
}

#sitemap p
{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -10px;
	line-height: 120%;
}