html, body {
	height:100%
}
body {
	background:#cfcbc2;
	font:.814em/1 arial, sans-serif;
	text-align:center
}
#body {
	background:#f6f4f0 url(/img/body_bg.gif) repeat-x 0 0
}
div.container {
	text-align:left;
	width:65em;
	margin:auto;
	overflow:hidden
}
div.container.full {
	width:100%
}
a#join_caipe_link {
	line-height:24px;
	font-weight:bold;
	float:right;
	color:#FFFFFF;
	/*margin-top:0.15em;*/
	font-size:110%;
	display:block;
	width:194px;
	height:24px;
	margin:0.25em 0 0 0 ;
}
a#join_caipe_link span {
	float:left;
	background-color:#a92f2f;
	width:170px;
	display:block;
	text-align:center;
}
a#join_caipe_link .join_link_left {
	height:24px;
	width:12px;
	float:left;
	background: url('/img/join_link_left.png');
}
a#join_caipe_link .join_link_right {
	height:24px;
	width:12px;
	float:right;
	background: url('/img/join_link_right.png');
}
a#top_bar_profile_link {
	/*display:block;*/
	/*float:right;*/
	margin:0.2em 0 0 1em;
	font-size:0.8em;
	font-weight:bolder;
	color:#000;
	float:left;
}
ul#access_menu {
	/*color:#333;
	position:absolute;
	right:0;
	top:0;
	margin:0 0 1em 0;
	font-size:.8em*/
	
	float:left;
	position:relative;
	font-size:0.80em;

	color:#808080;

	top:0.5em;
	
	line-height:2.25em;
	
	/*margin-top:0.5em;*/
	/*padding-top:1em;*/
}
#access_menu small {
	font-size:0.8em;
}
#access_menu #text_toggle_link {
	font-size:0.8em;
}
#access_menu span.default {
	font-size:x-small
}
#access_menu span.large {
	font-size:small
}
#access_menu span.extra_large {
	font-size:large
}
#access_menu li {
	/*margin-left:1.2em;*/
	/*margin-left:0;*/
	margin:0 0.5em 0 0;
	display:inline;
}
#access_menu li a {
	font-weight:bold;
}
#access_menu li img {
	margin:0 0.75em 0 0;
}
#access_menu li#access_menu_size span {
	margin:0 0.25em;
}
#top_bar {
	background-color:#E4E1DA;
	line-height:2.25em;
	border-bottom:1px solid #D0CDC6;
	}
#header {
	padding-top:1em;
	margin-bottom:1.2em
}
#header div.container {
	position:relative
}
#header img {
	float:left
}
#header big {
	margin-top:3.8em;
	color:#73a533;
	text-transform:uppercase;
	font:bold 100% tahoma, sans-serif;
	float:right
}
#caipe_logo {
	display:block;
	z-index:100 !important;
	position:relative
}
div.shadow {
	/*background:url(/img/shadow.gif) repeat-x;
	height:7px*/
	height:5px;
	background-color:#72a533;
}
#menu {
	float:left;
	font-size:110%;
	/*padding-bottom:.3em;
	line-height:1.5*/
	line-height:2.25em;
}
#menu li.selected a {
	color:#333
}
#menu li {
	float:left;
	margin:0 1.4em 0 0
}
#secondarycontent, #primarycontent {
	float:left
}


#primarycontent img {
	margin:0 10px 0 10px
}
/* For those browsers that support it, better image alignment and text wrapping */
img[align=left] {
	margin:0 10px 0 0 !important
}
img[align=right] {
	margin:0 0 0 10px !important
}


#secondarycontent {
	width:28%;
	margin-right:1em
}
#primarycontent {
	width:70% !important
}
#footer {
	clear:left;
	border-top:1px solid #d0cdc6;
	border-bottom:1px solid #aba79e;
	background:#e4e1da;
	margin-top:3em;
	padding:.7em
}
#footer ul {
	font-size:.85em;
	font-weight:bold
}
#footer li {
	float:left
}
#footer ul.float_left li {
	margin-right:1.5em
}
#footer ul.float_right li {
	margin-left:1.5em
}
#footer a {
	line-height:25px
}

hr.clear {
	visibility:hidden;
	clear:both;
	margin:1em 0 0 0
}
.float_left {
	float:left
}
.float_right {
	float:right
}
.float_left.m {
	margin-right:1em 
}

#postal_information .float_left.m {
	margin: 1em; 
}
.clear {
	visibility:hidden;
	clear:both
}
.hidden {
	display:none
}
a.feed_icon {
	display:block;
	padding-left:25px;
	background:url(/img/feed_icon.png) no-repeat 0 45%
}
input.submit {
	border-top:1px solid #d9dfea;
	border-left:1px solid #d9dfea;
	border-right:1px solid #205473;
	border-bottom:1px solid #205473;
	color:#fff;
	font-size:.9em;
	background:#2e7cad;
	padding:2px 4px 2px 4px
}
input.text, select, textarea {
	border:1px solid #bebebe;
	font-size:.9em;
	color:#666;
	padding:2px
}
textarea {
	font-family:sans-serif;
	font-size:.85em
}
input.text:focus, select:focus, textarea:focus {
	color:#333;
	background:#ffd
}
select {
	min-width:25em
}
.red, .error {
	color:#c00
}
.green {
	color:#390
}
.grey {
	color:#aaa
}
.full {
	width:98%
}
strong.bolder {
	font-weight:bolder
}
p {
	margin:1em 0 1em 0;
}
p.whitespace {
	padding:0 0 .8em 0
}
a {
	color:#2e7cac;
	text-decoration:none
}
strong {
	font-weight:bold
}
em {
	font-style:italic
}
code, kdb {
	font-family:monospace;
}
a:hover {
	text-decoration:underline
}
a.big {
	font-size:120%;
	line-height:1.8
}
a.arrow {
	background:url(/img/arrow_bullet.gif) no-repeat right 75%;
	padding-right:13px;
	display:inline !important
}
small a {
	color:#333
}
span.date {
	font-weight:bold
}
span.date span {
	margin:0 .3em 0 .3em
}
.smallprint {
	color:#777;
	font-size:85%
}
.smallprint big {
	font-size:150%
}
#small_print {
	padding:.8em 0 2em 0
}
#small_print small {
	color:#6f6951;
	font-size:.85em
}
#search legend, #search label {
	display:none
}
#search {
	margin-top:.1em;
	display:block;
	width:65em;
	text-align:right;
	margin:auto;
}
div.panel {
	font-size:.85em;
	color:#666;
	margin:1.2em 0 0 0;
	line-height:1.3
}
div.panel a {
	font-weight:bold
}
div.panel p, div.panel ul, div.panel ol {
	margin:.5em .2em .5em .2em
}
div.panel h3, div.panel h4 {
	background:#72a533;
	color:#fff;
	border-top:3px double #fff;
	border-bottom:3px double #fff;
	padding:.2em .4em .1em .4em;
	font-size:1.5em;
}
#secondarycontent {
	color:#444
}
#secondarycontent li {
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	margin-bottom:5px
}
#secondarycontent li {
	background-image:url(/img/square_bullet.gif)
}
#secondarycontent li.subon {
	background-image:url(/img/arrow_bullet.gif)
}
#secondarycontent li.subon a { /* Menu and sub pages */
	
}
#secondarycontent li.subon a.thispage { /* Specific page */
	color:#333
}
#secondarycontent li ul {
	margin-top:.2em
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
h1, h2 {
	float:left;
	width:100%;
	color:#2d7Cae;
	letter-spacing:-1px;
	line-height:1;
	position:relative
}
h1 {
	margin:-10px 0 .4em 0;
	font-size:1.8em;
	line-height:1.2
}
h2 {
	margin:-12px 0 .4em 0;
	font-size:1.4em
}
h3, h4, h5, h6 {
	color:#73a533;
	margin:1em 0 1em 0
}
h3 {
	font-size:140%
}
h4 {
	font-size:130%
}
h1 a {
	color:#2e7cac
}
h1 small {
	font-size:70%;
	letter-spacing:normal;
	vertical-align:middle
}
hr {
	clear:both;
	border:0;
	background:0;
	height:0;
	border-bottom:1px solid #ebebeb;
	position:relative;
	margin:1em -22px 1em -22px
}
a.h1_button {
	position:absolute;
	right:2em;
	top:1.5em;
	font-weight:bold
}
a.suggest_event {
	padding-right:22px;
	background:url(/img/suggest_event.png) no-repeat right
}
a.add_resource {
	padding:2px 22px 2px 0;
	background:url(/img/add_resource.gif) no-repeat right
}
dl {
	line-height:2
}
th, dt {
	font-weight:bold
}
dt {
	float:left;
	clear:left;
	margin-right:.5em
}
dt:after {
	content:":"
}
div.col1, div.col2, div.col3 {
	float:left;
	margin-right:1.5em
}
div.col3 { /* 3 even cols */
	width:31%
}
div.cols3 {
	margin-left:.5em
}
div.col1 { /* 1 thin col */
	width:31%
}
div.col2 { /* 1 wide col */
	width:63.5%
}
div.panel img {
	margin:.3em .8em .3em .3em
}
div.panel h3, div.panel h4 {
	margin:0
}
div.panel h3 a, div.panel h4 a {
	color:#fff;
	font-weight:normal;
	text-decoration:none
}
p.readmore {
	margin:0 0 1em 0
}
ul.pagination {
	width:100%;
	margin:0 !important;
	text-align:center
}
ul.pagination li {
	display:inline
}
ul.pagination li.bookend {

}
ul.pagination li.bookend a {
	background:none !important
}
ul.pagination li#previous {

}
ul.pagination li#next{

}

ul.pagination li#first {

}
ul.pagination a {
	color:#2d7Cae;
	padding:0 .3em 0 .2em;
	text-decoration:none
}
ul.pagination li a:hover {
	background:#e9f2f7
}
ul.pagination li.selected a {
	background:#2d7Cae !important;
	color:#fff
}
.breadcrumb {
	text-transform:capitalize;
	font-size:85%
}
.keywords {
	/* background:#ffc */
}
.breadcrumb .keywords {
	font-weight:normal;
	background:none;
	margin:0;
	padding:0;
	color:#72a533;
}
.highlight {
	color:#425f1d;
	background:#e4ecda;
	border:1px solid #72a533;
	display:block;
	padding:1em 1.2em 1em 1.2em;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}
span.keywords {
	background:#ff0;
	color:#333
}
#serps li a {
	
	text-transform:capitalize
}
form.bold_labels label {
	font-weight:bold
}
#member_login p, #email_newsletter p {
	font-size:85%;
	margin:0 !important
}
#member_login span, #email_newsletter span {
	display:block;
	margin:.2em .2em .2em 0;
	clear:left
}
#member_login legend, #email_newsletter legend {
	display:none
}
#member_login input.text, #email_newsletter input.text {
	width:12em;
	/*margin:0 .2em .4em 0*/
	margin:0 0 .4em 0
}
#member_login input.submit, #email_newsletter input.submit {
	margin:0 .2em 0 0
}
/* Reposition Recover Password and Privacy Policy links */
#member_login a, #email_newsletter a {
	position:relative;
	bottom:-7px
}
/* Reposition Register now link */
#member_login strong a, #email_newsletter strong a {
	position:relative;
	top:-3px
}
#member_login input.submit {
	width:4.7em
}
#email_newsletter input.submit {
	width:5.5em
}
#member_login p.red, #member_login p.green {
	padding:0 0 1em 0
}
div.feedback h3, div.feedback p {
	margin:0
}
div.feedback p, div.feedback ul {
	font-weight:bold
}
div.feedback {
	margin:0 0 1em 0
}
div.feedback ul {
	list-style:square !important;
	padding-left:1em;
	margin-left:.2em
}
#tags {
	border:1px solid #e1e1e1;
	background:#f6f4f0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:.8em 1em .8em 1em;
	margin:1.5em 0 0 0;
	color:#ccc
}
#tags p {
	display:none
}
#tags a {
	color:#73a533
}
#tags ul {
	margin:0 !important
}
#tags li {
	display:inline
}
#tags li:after {
	content:" /"
}
p.mcewait {
	color:#aaa
}
ul#related li a {
	font-weight:normal
}
ul#related li {
	margin-bottom:.8em;
	background-position:0 2px;
	width:90%
}
ul#related li:hover {
	background-image:url(/img/square_bullet2.gif)
}
#info_area {
	position:absolute;
	right:0;
	top:1.3em;
	color:#555;
	font-size:.8em;
	font-weight:bold;
	line-height:1.7em;
	text-align:right;
}
#view_profile_link {
	color:#666
}
#hidden_notice {
	font-size:70%;
	vertical-align:middle;
	color:#c0d7e7
}
#logout_link, #basket_link, #login_link {
	display:block;
	float:right
}
#logout_link {
	background:url(/img/logout_arrow.gif) no-repeat 100% 50%;
	padding-right:15px;
}
#login_link {
	background:url(/img/login_person.gif) no-repeat 100% 50%;
	padding-right:15px;
}
#basket_link {
	background:url(/img/shopping_basket.gif) no-repeat 100% 50%;
	padding-right:19px;
	margin-right:7px
}
#shopping_basket_preview ul {
	font-size:85%
}
#shopping_basket_preview li {
	background:none;
	padding:0;
	line-height:2
}
#shopping_basket_preview form {
	margin:1em 0 0 0
}
#paypal_button {
	background:#2e7cad;
	text-align:left;
	border-top:1px solid #d9dfea;
	border-left:1px solid #d9dfea;
	border-right:1px solid #205473;
	border-bottom:1px solid #205473;
	color:#fff;
	font-size:.9em;
	padding:6px 6px 3px 5px;
}
#buy_now_text {
	margin-top:1px
}
#paypal_text {
	background:url(/img/paypal.gif);
	display:block;
	width:57px;
	height:17px;
	float:right;
	text-indent:-10000px;
	margin:0 0 0 5px
}


#profile_picture {
	margin:1em 4em 1em 0
}
#member_search_form select {
	min-width:10em
}
#member_search_results {
	border-collapse:collapse;
	width:100%;
	margin:1em 0 1em 0
}
#member_search_results td {
	vertical-align:top;
	padding:0 0 0 1em
}
#member_search_results p {
	margin:.4em 0 .4em 0
}
#member_search_results small {
	font-size:.814em;
	display:block;
	margin-top:.2em;
	border-top:1px solid #e5e5e5;
	padding:.3em .2em 0 .2em;
	width:99%
}
#member_search_results td.pic {
	width:100px;
	padding:0 0 1em 0;
}
#member_search_results td.pic img {
	border:3px solid #fff;
	padding:1px;
	width:100px;
	height:100px
}
#member_search_results td.pic img:hover {
	border:3px solid #e5e5e5
}
#member_search_results strong a {
	color:#666
}
#member_search_results small a {
	color:#aaa
}
#about_member img {
	margin:.5em 1.5em .5em 0;
	width:100px;
	height:100px
}
#about_member span {
	padding-top:.5em;
	display:block
}
.rc_form legend {
	font-weight:bold
}
.rc_form {
	margin-top:1.5em
}
.rc_form legend {
	line-height:1
}
.rc_form fieldset {
	border:1px solid #e1e1e1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:0 1.4em .5em 1.5em
}
fieldset.invisible {
	border:0;
}
fieldset fieldset.invisible {
	padding:0;
	margin:1em 0 1em 0;
}
fieldset legend strong {
	color:#72a533
}
h4 {
	position:relative
}
h4 small {
	font-size:65%;
	position:absolute;
	right:1em;
	top:.6em
}
div.profile_pic, div.comment {
	float:left
}
div.profile_pic img {
	width:50px;
	height:50px
}
div.profile_pic {
	margin:.5em 0 .5em .5em
}
div.comment {
	margin:.5em 0 1em 0;
	width:46em;
}
div.item img.profile_pic {
	margin:.5em 1em 1.5em 0;
	float:left
}
div.item:target h3 a {
	color:#2e7cac !important;
	font-weight:bold
}
div.item:target h3 a:before {
	content:"*"
}
div.item:target h3 a:after {
	content:"*"
}
#comments h4:target {
	background:#2d7Cae !important
}

#payment_methods {
	float:right;
	margin:0 2em 0 0;
	width:20em
}
div.forum_profile_pic {
	float:left;
	width:115px;
	line-height:1.3 !important
}
div.forum_profile_pic img {
	width:100px;
	height:100px;
}
div.forum_profile_pic small {
	font-size:80%;
	float:left;
	margin:-1em 0 1em 0
}
div.forum_profile_pic small a {
	font-weight:bold;
	color:#555
}
p.forum_post {
	float:left;
	width:80%
}
div.suspended_forum_post {
	text-align:center
}
div.suspended_forum_post p {
	background:#72a533;
	width:40%;
	margin:auto;
	color:#fff;
	-moz-border-radius:8px;
	padding:.4em;
	cursor:default
}
a#post_reply {
	display:block;
	background:url(/img/post_reply.png) no-repeat 0 0;
	text-indent:-10000px;
	height:29px;
	width:110px
}
a#post_reply:hover, a#post_reply:focus, a#post_reply:active {
	background-position:0 -29px
}
span.topic_started_by {
	font-size:85%;
	display:block;
	margin-top:.6em;
	color:#999
}
h3 span.post_count {
	margin-left:.4em;
	font-size:70%;
	vertical-align:middle;
	cursor:default
}
#newsletter_form legend {
	font-weight:bold
}
#newsletter_form p.pref {
	float:left;
	margin:.2em .4em .2em .2em
}
#newsletter_form button {
	margin-top:1em
}
#institution_info {
	width:30%;
	float:right;
	margin-top:1.5em;
	font-size:80%;
}
#institution_info dl {
	border:1px solid #e1e1e1;
	padding:.4em .8em .4em .8em;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	line-height:1.8
}
#rel_member {
	width:66%
}
p#member_form_submit_buttons {
	margin-top:2em;
	padding-top:1em;
	border-top:1px solid #e1e1e1
}

p#member_form_giftaid {
	margin-top:2em;
	padding-top:1em;
	border-top:1px solid #e1e1e1;
	}
	p#member_form_giftaid img {
		margin:0;
	}

p#member_form_captcha {
	margin-top:2em;
	padding-top:1em;
	border-top:1px solid #e1e1e1
	}
	p#member_form_captcha img {
		margin:0;
	}
	p#member_form_captcha input#captcha {
		width:250px;
	}

p#membership_types {
	margin:.5em 0 0 0
}
span.asterisk {
	color:#2e7cad;
	font:130%/1 serif;
	position:relative;
	bottom:-2px;
	left:2px;
	cursor:default
}
#private_fields {
	margin:1.5em 0 2em .5em
}
#private_fields label {
	font-weight:bold
}
#private_fields span.private {
	font-weight:normal;
	color:#999
}
#interests_and_publications small {
	display:block;
	clear:both
}
#interests strong:after, #publications strong:after {
	content:":"
}
fieldset#postal_information {
	border-top:1px solid #e1e1e1;
	padding-left:1em
}
fieldset#postal_information legend {
	padding:0 .2em 0 .2em
}
fieldset#postal_information div.elements {
	margin-left:-1em
}
fieldset#postal_information legend.button {
	padding-right:12px;
	cursor:pointer;
	background:url(/img/arrow_down.gif) no-repeat right
}
fieldset#postal_information legend.button.up {
	background:url(/img/arrow_up.gif) no-repeat right
}
#latest_news a, #forthcoming_events a {
	display:block;
	font-size:120%;
	margin:1em 0 .3em 0
}
#latest_news a.more, #forthcoming_events a.more {
	display:inline;
	font-size:100%;
	margin:0
}
span.attendee {
	margin:0 .5em .2em 0;
	display:block;
	float:left
}
span.caipe {
	color:#72a533;
	font-weight:bold;
	font-family:"Trebuchet MS", "sans-serif";
	cursor:default;
	letter-spacing:1px
}
small.event_location {
	font-size:85%;
	float:left
}
dd.event_cost dl dt {
	float:left;
	font-weight:normal;
	clear:none;
}
dd.event_cost dl dd {
	float:left;
	margin-right:.8em
}
#send_email p {
	margin-top:0
}
#email_note {
	float:right
}
#email_note em {
	color:#666;
	font-style:normal
}
#email_note {
	color:#999
}



/* ----------------------------------------
Styles that need to in wysiwyg.css as well
but without the #specifics
---------------------------------------- */
#primarycontent ul, #primarycontent ol {
	margin:0 0 0 2em
}
#primarycontent ul {
	list-style:square
}
/* -------------------- */






/* ---------- Begin rounded corners ---------- */
div.ts, div.bs, div.tl, div.tr , div.br, div.bl, div.tl2, div.tr2 {
	/* height of circular corner image */
	height:23px	
}
div.rs, div.ls, div.tl, div.tr , div.br, div.bl, div.tl2, div.tr2 {
	/* width of circular corner image */
	width:23px
}
div.corners {
	/* so we can position elements absolutely within this element */
	position:relative;
	float:left;
	height:100%;
	width:100%;
	margin-bottom:1em
}
div.ls, div.rs {
	/* so the vertical sides reach the full height the the box */
	position:absolute;
	top:0;
	height:100%
}
div.ls, div.rs {
	width:23px /* width of sides */
}
div.ls {
	left:0 /* vertical left side, on the left.. */
}
div.rs {
	right:0 /* ..and vertical right side, on the right */
}
div.tl, div.tr , div.br, div.bl, div.tl2, div.tr2 {
	/* keep rounded corners above the sides of the box */
	position:relative;
	z-index:100
}
div.tl, div.bl, div.tl2 {
	float:left /* left corners, on the left.. */
}
div.tr, div.br, div.tr2 {
	float:right /* ..and right corners, on the right */
} 
div.ls {
	background:url(/img/vertical.png) repeat-y -49px 0
}
div.rs {
	background:url(/img/vertical.png) repeat-y -11px 0
}
div.ts, div.bs {
	/* so the horizontal sides reach the full width the the box */
	position:absolute;
	left:0;
	width:100%
}
div.ts {
	top:0;
	background:url(/img/horizontal.png) repeat-x 0 -49px
}
div.bs {
	bottom:0;
	background:url(/img/horizontal.png) repeat-x 0 -11px
}
/* because the rounded corners are positioned above
the sides of the box, we can't use transparent corners
but we can use transparent sides */
div.tl {
	background:url(/img/corners.gif) no-repeat top left
}
div.tr {
	background:url(/img/corners.gif) no-repeat top right
}
div.br {
	background:url(/img/corners2.gif) no-repeat bottom right
}
div.bl {
	background:url(/img/corners2.gif) no-repeat bottom left
}
/* Because the body is half white and half grey
we need different corner colours */
div.tl2 {
	background:url(/img/corners2.gif) no-repeat top left
}
div.tr2 {
	background:url(/img/corners2.gif) no-repeat top right
}
div.corners_content {
	background:#fff;
	padding:23px;
	margin:3px 3px 3px 3px;
	color:#696969;
	line-height:1.4;
	min-height:8em
}
/* ---------- End rounded corners ---------- */