html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../front-green/BG_Rings_Front.jpg);
	background-repeat: repeat-y;
	background-color: #3A494C;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

img, div {
	border: 0px none;
	behavior: url(/media/css/iepngfix.htc);
}

h1 {
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal
}

h2{
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal
}

h3{
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	font-style: normal
}

h4{	
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	font-style: normal
}

a {
	color: #000;
}

hr{
	color: #515c44;
	background-color: #515c44;
}

p {
	margin:0px;
	padding: 5px;
}


#menu {
	height: 47px;
	opacity: 0.9;
}

#metacontainer {
	margin-left: 61px;
	height: 90%;
	padding-left: 5px;
	outline: none;
	border: 0px none;
	width: 769px;
	background-image: url(../front-green/BG_Centre_Front.jpg);
	background-color: transparent;
	clear: both;
	background-repeat: repeat;
}

#booktop {
	margin: 0px;
	padding: 0px;
	outline: none;
	float:left;
	clear:both;
	height: 28px;
}

#climatex-logo {
	position:absolute;
	height: 147px;
	width: 281px;
	top: 360px;
	left: 309px;
	padding: 0px;
	text-align: right;
	z-index: 60;

}

#login-logo {
	position:absolute;
	height: 160px;
	width: 104px;
	top: 385px;
	left: 342px;
	background-color: transparent;
	padding: 0px;
	text-align: right;
	z-index: 66;

}

#front_search {
	position:absolute;
	top:510px;
	left: 445px;
	height: 22px;
	background-color: transparent;
	padding: 0px;
	text-align: right;
	z-index: 520;
}

#front_search .textarea {
	margin:0px;
	padding: 3px;
	padding-top: 5px;
	padding-left: 5px;
	height:29px;
	width:200px;
	border:solid 0 #fff;
	background: transparent url("../default/Search.png") no-repeat; 
}

#front_search .sbutton {
	display: none;
}




#welcome {
	position:absolute;
	height: 90px;
	width: 260px;
	top: 510px;
	left: 320px;
	background-color: transparent;
	padding: 0px;
	text-align: right;
	font-size: 13;
	font-weight: bold;
	color: white;
	z-index: 64;
}

#welcome a{
	font-size: 13;
	font-weight: bold;
	color: white;
}

#fullpage {
	position: relative;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../front-green/BG_PenTag.jpg);
	background-position: 840px 20px;
	background-repeat: no-repeat;
}

#frontheader {
	width: 729px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	margin-left: 10px;
	background-color: #1f4561;
	opacity: .75;
}

#frontheadercontent {
	font-size: 12px;
	font-weight: bold;
	color: #b9bfdd;
	margin: 0px; 
	padding: 0px;
	padding-top: 4px;
}

#frontheadercontent a{
	color: #b9bfdd;
	text-decoration: none;
}

#frontheadercontent a:hover {
	color: #ced4f3;
	text-decoration: none;
}


#footer-a {
	position: absolute;
	width: 484px;
	height:67px;	
	top: 850px;
	left: 245px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#footer-b {
	position: absolute;
	background-repeat: no-repeat;
	width: 85px;
	height:85px;	
	top: 836px;
	left: 735px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}


blockquote {
	margin-left: 1em;
	margin-right: 1em;
}

/* Front page blocks */

.blockbackground {
	overflow: hidden;
	width: 253px;
	height: 253px;
}

.blockbackground-hover {
	display: none;
	width: 253px;
	height: 253px;
}

#topleft {
	position: absolute;
	left: 66px;
	top: 74px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#topmiddle {
	position: absolute;
	left: 319px;
	top: 74px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#topright {
	position: absolute;
	left: 572px;
	top: 74px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#middleleft {
	position: absolute;
	left: 66px;
	top: 327px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#middleright {
	position: absolute;
	left: 572px;
	top: 327px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#bottomleft {
	position: absolute;
	left: 66px;
	top: 580px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#bottommiddle {
	position: absolute;
	left: 319px;
	top: 580px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

#bottomright {
	position: absolute;
	left: 572px;
	top: 580px;
	margin: 0px;
	padding: 0px;
	width: 253px;
	height: 253px;
}

/* positioners */

#event_cal_positioner {
	position: relative;
	top: 67px;
	left: 29px;
}

#tag_cloud_positioner {
	position: relative;
	top: 86px;
	left: 35px;
	width: 180px;
	color: #d9eed5;
	text-align: center;
	height: 120px;
    overflow: hidden;
}

#tag_cloud_positioner a {
	color: #d9eed5;
}

#tag_cloud_positioner a:hover {
	color: #fff;
}

#blog_quote_positioner {
	position: relative;
	top: 70px;
	left: 32px;
	width: 200px;
	height: 100px;
    overflow: hidden;
}

#blog_quote_positioner a{
	text-decoration: none;
	color: #e10000;
}

#blog_quote_positioner a:hover{
	text-decoration: none;
	color: #ff3333;
}

#blog_quote_button {
	position: absolute;
	width: 253px;
	height:253px;
	top: 191px;
	opacity: 0;
	filter:alpha(opacity=0); /* IE sucks */
}

#blog_quote_button:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* IE sucks */
	
}

#blog_quote_positioner blockquote{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	font-size: 10px;
}


#forum_quote_positioner {
	position: relative;
	top: 80px;
	left: 32px;
	width: 200px;
	height: 100px;
	overflow: hidden;
}

#forum_quote_positioner a{
	text-decoration: none;
	color: #3e5d76;
}

#forum_quote_positioner a:hover{
	text-decoration: none;
	color: #000;
}

#forum_quote_positioner blockquote{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	font-size: 10px;

}

#article_quote_positioner {
	position: relative;
	top: 65px;
	left: 28px;
	width: 200px;
	color: black;
	height: 130px;
	overflow: hidden;
}

#article_quote_positioner a{
	text-decoration: none;
	color: #000;
}

#article_quote_positioner a:hover{
	text-decoration: none;
	color: #666;
}

#article_quote_positioner blockquote{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	font-size: 10px;
}

#article_quote_header {
	position: relative;
	top: 25px;
	left: 25px;
	width: 200px;
	height: 36px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
}

#creased_paper_positioner {
	position: relative;
	top: 35px;
	left: 25px;
	width: 200px;
	color: black;
	height: 130px;
	overflow: hidden;
}

#creased_paper_positioner a{
	text-decoration: none;
	color: #000;
}

#creased_paper_positioner a:hover{
	text-decoration: none;
	color: #666;
}

#creased_paper_positioner blockquote{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	font-size: 10px;
}

#creased_paper_header {
	position: relative;
	top: 40px;
	left: 40px;
	width: 170px;
	height: 36px;
	color: black;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	overflow: hidden;
}

#circle_paper_positioner {
    color:black;
    height:130px;
    left:35px;
    overflow:hidden;
    position:relative;
    top:40px;
    width:170px;
}
#circle_paper_positioner a {
    color:#000000;
    text-decoration:none;
}
#circle_paper_positioner a:hover {
    color:#666666;
    text-decoration:none;
}
#circle_paper_positioner blockquote {
    font-size:10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:5px;
}
#circle_paper_header {
    color:black;
    font-size:13px;
    font-weight:bold;
    height:36px;
    left:60px;
    overflow:hidden;
    position:relative;
    text-decoration:underline;
    top:40px;
    width:130px;
}

#cardboard_quote_positioner {
    color:black;
    height:135px;
    left:28px;
    overflow:hidden;
    position:relative;
    top:40px;
    width:195px;
}
#cardboard_quote_positioner a {
    color:#000000;
    text-decoration:none;
}
#cardboard_quote_positioner a:hover {
    color:#666666;
    text-decoration:none;
}
#cardboard_quote_positioner blockquote {
    font-size:10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:5px;
}
#cardboard_quote_header {
    color:white;
    font-size:13px;
    font-weight:bold;
    height:36px;
    left:40px;
    overflow:hidden;
    position:relative;
    top:30px;
    width:170px;
}

#fabric_blue_positioner {
	position: relative;
	top: 40px;
	left: 25px;
	width: 200px;
	color: #d9dce7;
	height: 130px;
	overflow: hidden;
}

#fabric_blue_positioner a{
	text-decoration: none;
	color: #d9dce7;
}

#fabric_blue_positioner a:hover{
	text-decoration: none;
	color: #e7e7e7;
}

#fabric_blue_positioner blockquote{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	font-size: 10px;
}

#fabric_blue_header {
	position: relative;
	top: 40px;
	left: 40px;
	width: 170px;
	height: 36px;
	color: #d9dce7;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	overflow: hidden;
}



#about_us_links_positioner {
	position: relative;
	top: 65px;
	left: 28px;
	width: 200px;
	text-align: center;
	height: 105px;
	overflow: hidden;
}

#about_us_links_positioner a{
	color: white;
}

#about_us_links_positioner a:hover{
	color: white;
}

#gallery_button {
	position: absolute;
	width: 253px;
	top: 191px;
	opacity: 0;
	filter:alpha(opacity=0); /* IE sucks */
	
}

#gallery_button:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* IE sucks */
	
}

#facts_tools_button {
	position: absolute;
	width: 253px;
	top: 0px;
	opacity: 0;
	filter:alpha(opacity=0); /* IE sucks */
	
}

#facts_tools_button:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* IE sucks */
	
}

#forum_opinion_button {
	position: absolute;
	width: 253px;
	top: 185px;
	opacity: 0;
	filter:alpha(opacity=0); /* IE sucks */
	
}

#forum_opinion_button:hover {
	opacity: 1;
	filter:alpha(opacity=99); /* IE sucks */
	
}

#get_involved_button {
	position: absolute;
	width: 253px;
	top: 181px;
	opacity: 0;
	filter:alpha(opacity=0); /* IE sucks */
	
}

#get_involved_button:hover {
	opacity: 1;
	filter:alpha(opacity=99); /* IE sucks */
	
}


/* Email obfuscation */
span.email span { display: none; }



/* Forum Stuff */

table.topic_table {
	background: transparent;
	border: 0px none;
	width: 640px;
	margin: 0px
}

tr.rowodd {
	background: #d9d0c4;

}

tr.roweven {
	background: #e7dcce;
}

th {
	background: #EEEEEE;
}


th.topic_subject {
	width: 60%;
}

th.topic_date {
	width: 12em;
}

td {
	border: 0px none;
}

div .forum {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 0px;
	width: 640px;
}


/* End Forum Stuff */

div .clear{
	clear: both;
	padding: 0px;
	margin: 0px;
}



/* float classes */

.floatright {
	float: right;
	clear: right;
	vertical-align: top;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.floatleft {
	float: left;
	vertical-align: top;
	overflow: hidden;
	clear: left;
	padding: 0px;
	margin: 0px;
}

.floatmiddle {
	vertical-align: top;
	overflow: hidden;
	clear: none;
	padding: 0px;
	margin: 0px;
}



/* Tag Cloud CSS */

.tagpercent100 a, .tagpercent99 a, .tagpercent98 a, .tagpercent97 a {
	font-size:20px;
}

.tagpercent96 a, .tagpercent95 a, .tagpercent94 a, .tagpercent93 a, .tagpercent92 a, .tagpercent91 a {
	font-size:19px;
}

.tagpercent90 a, .tagpercent89 a, .tagpercent88 a, .tagpercent87 a, .tagpercent86 a {
	font-size:18px;
}

.tagpercent85 a, .tagpercent84 a, .tagpercent83 a, .tagpercent82 a, .tagpercent81 a, .tagpercent80 a {
	font-size:17px;
}

.tagpercent79 a, .tagpercent78 a, .tagpercent77 a, .tagpercent76 a, .tagpercent75 a, .tagpercent74 a {
	font-size:16px;
}

.tagpercent73 a, .tagpercent72 a, .tagpercent71 a, .tagpercent70 a, .tagpercent69 a {
	font-size:15px;
}

.tagpercent68 a, .tagpercent67 a, .tagpercent66 a, .tagpercent65 a, .tagpercent64 a, .tagpercent63 a, .tagpercent62 a, .tagpercent61 a, .tagpercent60 a, .tagpercent59 a, .tagpercent58 a, .tagpercent57 a, .tagpercent56 a, .tagpercent55 a {
	font-size:14px;
}

.tagpercent54 a, .tagpercent53 a, .tagpercent52 a, .tagpercent51 a, .tagpercent50 a, .tagpercent49 a, .tagpercent48 a, .tagpercent47 a, .tagpercent46 a, .tagpercent45 a, .tagpercent44 a, .tagpercent43 a, .tagpercent42 a, .tagpercent41 a, .tagpercent40 a {
	font-size:13px;
}

.tagpercent39 a, .tagpercent38 a, .tagpercent37 a, .tagpercent36 a, .tagpercent35 a, .tagpercent34 a, .tagpercent33 a, .tagpercent32 a, .tagpercent31 a, .tagpercent30 a {
	font-size:12px;
}

.tagpercent29 a, .tagpercent28 a, .tagpercent27 a, .tagpercent26 a, .tagpercent25 a, .tagpercent24 a, .tagpercent23 a, .tagpercent22 a, .tagpercent21 a, .tagpercent20 a {
	font-size:11px;
}

.tagpercent19 a, .tagpercent18 a, .tagpercent17 a, .tagpercent16 a, .tagpercent15 a, .tagpercent14 a, .tagpercent13 a, .tagpercent12 a, .tagpercent11 a, .tagpercent10 a {
	font-size:10px;
}

.tagpercent9 a, .tagpercent8 a, .tagpercent7 a, .tagpercent6 a, .tagpercent5 a, .tagpercent4 a, .tagpercent3 a, .tagpercent2 a, .tagpercent1 a, .tagpercent0 a {
	font-size:9px;
}

/* Calendar CSS */

#calendar {
	padding: 0;
	margin: 0;
	border: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar .nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
	line-height: 11px;
}

#calendar .navsm, .navsm a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}


#calendar caption {
	margin: 0;
	padding: 0;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}


#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
	width: 10%;
	height: 10px;
}



#calendar td a {
	text-decoration: none;
	font-weight: bold;
}

#calendar td a:link, #calendar td a:visited {	
	color: #AA0000;
}

#calendar td a:hover, #calendar td a:active {
	color: #AA0000;
	background-color:#D9E2E1;
}

#calendar a.info:hover{z-index:1; background-color:#D9E2E1}

#calendar a.info span{display: none}

#calendar  a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:342px;
	left:438px;
	width: 150px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color:#A2ADBC; color:#fff;
	padding: 4px;
	text-align: left
	z-index: 1000;
}

.calday {
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
}

.today {
	background: #DF9496;
	border-right: 1px solid #A2ADBC;
}

.today a, .today a:link, .today a:visited {
	color: #fff;
	font-weight: bold;
}

.today-sm {
	border: 3px solid #DF9496;
}

td.today-sm a, td.today-sm a:link, td.today-sm a:visited {
	font-weight: bold;
	background: transparent;
	
}

.today td, .today-sm td {
	text-align: center;
}

.calevent {
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
}

.calevent p {
	margin: 3px;
	padding: 0px;
}

.eventstart {

}

.eventcontinue {
	font-style: italic;
}


#fullpage a{
    text-decoration: underline;
}