/* Start of CMSMS style sheet 'WRK_2col' */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #172a4e url(uploads/images/background2.jpg) no-repeat center top;
}

.conteneur {
	position: absolute;
	width: 740px;
	left: 50%;
	margin-left: -370px;
	color: #333333;
	background: #FFFFFF;
}


.header {
	height:191px;
	width:540px;
	background: url(uploads/images/head.jpg) no-repeat left top;
        margin-top: -5px;     
}

.header h1 {
        text-indent: -999em;
}

#notesfromtheRK {
clear: left;
background-color: #ebf1f7;
padding: 5px 10px;
margin: 35px 0 0;
}

#notesfromtheRK h2 {
color: #3B5998;
margin-top: 0;
}

#notesfromtheRK h3 {
color: #000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
}

#notesfromtheRK a {
color: #3B5998;
}

#right {
float:right;
margin: 0;
padding:0;
position: absolute; right: 0; top: 0;
width:200px;
}

#menu {
	border-left:1px solid #182801;
	font-size: .8em;
        background-color: #d8a94a;
}

#rightcol {
	padding:10px 0 10px 30px;
	border-left:none;
	background-color: #ffffff;
}

#rightcol img {
       margin: 5px 0;
float: none;
}


.centre {
	padding:0 20px 20px;
width: 510px;
}

.pied{
	text-align:center;
	font-size: .9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	margin-bottom: 20px;
	background:#FFFFFF;
        width: 509px;
        padding-top: 15px;

}

#menu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	clear:left;
        background-color: #414c2c;
}

* html #menu ul {
        background-color: #d8a94a;
}


#menu li {
	margin: 0;
	border-bottom:1px solid #CCCCCC;
	color: #FFFFFF;
	background-color:#414C2C;
	width:199px;
        padding:0;
}

#menu li.currentpage {
	margin-right:-15px;
	display: block;
	color: #F5F8EF;
	font-size: 1.1em;
	text-decoration: none;
	border-left:5px solid #84A76D;
        padding: 5px;
        width: 184px;
        background-color:#D8A94A;	
}

#menu li.currentpage h3 {
        margin-top: 0;
        margin-bottom: 0;
}

#menu li a {
	margin:0;
	display: block;
	color: #F5F8EF;
	font-size: 1.1em;
	text-decoration: none;
	border-left:5px solid #FCF0F0;
        padding: 5px;
}

#menu li a:hover {
	text-decoration: none;
	background-color:#D8A94A;
	color: #FFFFFF;
}
#menu li a:visited{
	text-decoration:none;
        color:#FFFFFF;
}

h2{
	margin-left:-5px;
	margin-top:15px;
	padding-left:5px;
	font-size: 1.3em;
	color: #84A76D;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2.sidebar {
       color: #475544;
       text-align: center; 
padding-right: 40px;
border-left: medium solid #d8a94a;
}


h1{
	margin-left:-5px;
	margin-top:5px;
	padding-left:5px;
	color: #414C2C;
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
}

h1 sup {
	font-size: .6em;
	}

h3 {
       font-size: 13px;
}

h4 {
       font-size: 13px;
       color: #7b7b7b;
}

a{
	color:#42802D;
	text-decoration:underline;
}

a:visited{
	text-decoration:none;
        color:#D8A94A;
}


blockquote{
	background-color:#daf2ca;
	padding : 3px;
	border-left:2px solid #F5F8EF;
}

.credit {
	font-size: .9em;
	text-align: center;
	}
	
.collective {
	font-size: 1em;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	clear: left;
	}

.tagline {
	position: relative;
	margin-left: 120px;
}

.tagline img {
	border: none;
	padding: 0;
	float: none;
	margin:0;
}

img {
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 15px;
}

img.sponsor {
        border: none;
}

.captimg {
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 15px;
        clear:left;
} 

.captimgrt {
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: right;
	margin: 0 0 15px 15px;
        clear: right;
} 

div.captimg img, div.captimgrt img {
        border: none;
        padding: 0;
        margin: 0;
}

div.captimg div {
        color: #2B7914;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        clear:left;
        text-align:right;
        font-size: .9em;
}

div.captimgrt div {
        color: #2B7914;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        clear:left;
        text-align:left;
        font-size: .9em;
}

div div.photocredit {
        color: #666666;
        font-family:Arial, Helvetica, sans-serif;
        font-size: .8em;
        font-weight: normal;
}

img.sturgeon {
	margin: -10px 0 0 70px;
	border: none;
	padding: 0;
	}

.pied p {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 25px;
	margin: 0 20px;
}

#featured {
	width: 510px;
	text-align: center;
        background: url(uploads/images/webevent3.jpg) no-repeat right top;
        border: #d8a94a 1px solid;
        clear: both;
        margin-top: 10px;
}


#featured p {
	text-align: left;
	padding: 0 5px 5px 10px;
        margin-right: 110px;
}

#featured h3 {
	font-size: 1em;
	color: #d8a94a;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px 5px 0 10px;
	}
	
p.mission {
	margin: 0 50px;
	color:#666666;
	line-height: 15px;
	border-left: #D8A94A 5px solid;
	padding: 0 0 0 5px;
}

p.bio {
        padding-left: 85px;
}


* html .menu {
	margin-left: -3px;
}

* html .menu li{
	margin-bottom:-3px;
}


/* Image Gallery - Small Thumbnail Images */
.thumb {
		margin: 1em 1em 1.2em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 100px; /* Image width*/
		display: inline;
		padding: 4px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths to text!*/
		margin: 0;
		text-decoration: none;
	}

.thumb a:visited img {
		background-color: #A2C6E8; /*Background of photo on hover - medium blue */
	}

.thumb a:hover img {
		background-color: #84A76D; /*Background of photo on hover - light green */
	}

.thumbPicCaption {
		text-align: center;
		margin: 0;
		padding: 0;
		width: 110px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
float: left;
clear: left;
	}

/* End of 'WRK_2col' */