@charset "UTF-8";
/* CSS Document */


body {
	font: 12px "Verdana", arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	background: url(../images/site/back_grad.png) repeat-x #ffffff;
	width:990px;
}

body a:link {background: none; text-decoration: none; color: #669966;}
body a:visited {background: none; text-decoration: none; color: #669966;}
body a:active {background: none; text-decoration: none; color: #669966;}
body a:hover {background: none; text-decoration: underline; color: #669966;}

/*	HEADER */

#frame {
	margin: 0;
	padding:0 0 0 15px;
	width: 975px;
	background: url(../images/site/frame_back.png) repeat-y;
}

#title {
	margin:0;
	height:180px;
	width:960px;
	background: url(../images/site/header.jpg) no-repeat;
}

#menu_top {
	margin:0;
	height:50px;
	width:960px;
}

.slide-out-div {
	  width: 129px;
	  cursor:pointer;
	  z-index:999;
      }      

#basket {
	float:right;
	text-align:right;
	width:200px;
	margin:10px 10px 0 0;
	height:34px;
	}

#social_header {
	float:right;
	text-align:right8
	width:200px;
	margin:80px 10px 0 0;
	height:32px;
}


/* H1, H2, H3... */

h1 {
	font: 18px "Verdana", arial, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
	width:920px;
}

h2 {
	font: 14px "Verdana", arial, sans-serif;
	font-weight:bold;
	margin:0;
}

h3 {
	font: 18px "Verdana", arial, sans-serif;
	font-weight:bold;
	margin:-10px 0 0 0;
}

h4 {
	font: 12px "Verdana", arial, sans-serif;
	font-weight:bold;
	margin:0;
}


p {
	margin:10px 0 10px 0;
	line-height:15px;
}


/* CONTENT */

#content_frame {
	margin: 10px 0 0px 20px;
	color: #536153;
	width: 920px;
	float:left;
}

#content_wide {
	width:900px;
	padding: 10px;
	margin:0 20px 20px  0;
	float:left;
	position:relative;
}

#content_left {
	width:550px;
	margin:0 20px 20px  0;
	float:left;
	position:relative;
}

#content_right {
	margin:10px 0 20px 0;
	width:339px;
	padding:0 0 0 10px;
	float:right;
	position:relative;
	border-left: 1px #669966 solid;
	color:#4F3C3C;
}

#content_left_b {
	width:650px;
	padding:10px;
	margin:0 0px 20px  0;
	float:left;
	position:relative;
}

#content_right_b {
	margin:10px 0 20px 0;
	width:239px;
	padding:0 0 0 10px;
	float:right;
	position:relative;
	color:#507851;
}

#content_right_float {
	margin:10px 0 20px 0;
	width:239px;
	padding:0 0 0 10px;
	float:right;
	position: relative;
	color:#4F3C3C;
}

/* PAGE SPECIFICS*/


	/* Products */

#products_left {
	margin:0 0 20px  0;
	width:239px;
	float:left;
	position:relative;
}

#products_right {
	width:650px;
	margin:10px 0 20px 0;
	float:right;
	position:relative;
	padding:0 0 0 20px;
	border-left: 1px #ccc solid;
}

	/* News Archive */

.post_frame {
	width:880px;
	padding: 10px;
	margin: 0 0 10px 0;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	float:left;
	background: #ffffff url(../images/site/post_back.png) repeat-x;
}

.post_image {
	float:left;
	width:200px
}

.post_text {
	float:right;
	width:670px;
	text-align:justify;
	font: 10px "Verdana", arial, sans-serif;
}


	/* main list */
table.products_table td {
	border-bottom:dashed 1px #669966;
	padding: 10px 5px 10px 5px;
	line-height:12px;
}

table.products_table tr:hover {
	border-bottom:dashed 1px #669966;
	padding: 10px 5px 10px 5px;
	background-color:#DBF4D9;
}

table.products_table tr.header td {
	border-bottom:solid 2px #669966;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
}

table.products_table tr.header:hover {
	border-bottom:solid 2px #669966;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFFF;
}

table.blank td {
	border-bottom:0;
	padding: 4px 5px 4px 5px;
	line-height:12px;
}


		/* side menu */
table.products_side_table td {
	padding: 4px 5px 4px 15px;
	line-height:12px;
	background: url(../images/site/products_side_body.png) repeat-y #A6BA9E;
	color:#536153;
}

table.products_side_table tr:hover {
	padding: 10px 5px 10px 5px;
	background: url(../images/site/products_side_body.png) repeat-y #A6BA9E;
	color:#536153;
	text-decoration:underline;
}

table.products_side_table tr.header td {
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	background: url(../images/site/products_side_header.png) repeat-y #003C00;
	color:#FFFFFF;
}

table.products_side_table tr.header:hover {
	padding: 5px 5px 5px 5px;
	background: url(../images/site/products_side_header.png) repeat-y #003C00;
	color:#FFFFFF;
}

table.products_side_table td a:link {background: none; text-decoration: none; color: #536153;}
table.products_side_table td a:visited {background: none; text-decoration: none; color: #536153;}
table.products_side_table td a:active {background: none; text-decoration: none; color: #536153;}
table.products_side_table td a:hover {background: none; text-decoration: underline; color: #536153;}

table.products_side_table tr.header a:link {background: none; text-decoration: none; color: #ffffff;}
table.products_side_table tr.header a:visited {background: none; text-decoration: none; color: #ffffff;}
table.products_side_table tr.header a:active {background: none; text-decoration: none; color: #ffffff;}
table.products_side_table tr.header a:hover {background: none; text-decoration: underline; color: #ffffff;}


/* Research */

.sub_cat {
	width:215px;
	margin: 0px 0 0 10px;
	padding:2px 0 2px 0;
	border-bottom:#A8C0AA 1px solid;
	font-size:10px;
	font-weight:bold;
}


/* Resources */

#resources_left {
	width:550px;
	padding: 10px;
	margin:0 0px 20px  0;
	float:left;
	position:relative;
}

#resources_right {
	margin:10px 0 20px 0;
	width:339px;
	padding:0 0 0 10px;
	float:right;
	position:relative;
	color:#507851;
}

table.resources_table td {
	border-bottom:dashed 1px #669966;
	padding: 4px 5px 4px 5px;
	line-height:12px;
	font-size:10px;
	font-weight:bold;
}

table.resources_table tr:hover {
	border-bottom:dashed 1px #669966;
	padding: 10px 5px 10px 5px;
	background-color:#DBF4D9;
}

table.resources_table tr.header td {
	border-bottom:solid 2px #669966;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
}

table.resources_table tr.header:hover {
	border-bottom:solid 2px #669966;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFFF;
}

.resources_frame {
	background-color:#FFFFFF;
	
}
.resources_col {
	width: 280px;
	margin:0 0 0 20px;
	background-color:#ffffff;
	float:left;
}


/* Bibiography */

.carousel_container {
	width: 600px;
	height: 200px;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
}


/* Login */

#login_box {
	border: 1px solid #669966;
	background:#eeeeee;
	width: 250px;
	margin: 20px auto;
}



/* FOOTER */

#footer_top {
	width:940px;
	height:18px;
	padding: 2px 10px 0 10px;
	margin:0;
	background: url(../images/site/footer_top.jpg) no-repeat;
	color:#FFFFFF;
	position: relative;
	clear:both;
}

#footer_top a:link {background: none; text-decoration: none; color: #ffffff;}
#footer_top a:visited {background: none; text-decoration: none; color: #ffffff;}
#footer_top a:active {background: none; text-decoration: none; color: #ffffff;}
#footer_top a:hover {background: none; text-decoration: underline; color: #ffffff;}


#footer_left {
	font: 10px "Verdana", arial, sans-serif;
	float:left;
}

#footer_right {
	font: 10px "Verdana", arial, sans-serif;
	float:right;
}

#footer_bottom {
	width:960px;
	height:60px;
	background: url(../images/site/footer_bottom.jpg) no-repeat;
	margin:0;
}


/* ------ JQUERY SLIDER BITS ------------*/


.pusher {
	color:#669966;
	cursor:pointer;
	margin: 0px 0 -3px 0;
}


.mover {
	background-color:#ffffff;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
}

.mover_users {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

.mover_add {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

.mover_cat {
	margin: 0px 0 0 0px;
	padding: 0 0 0 0;
}

/* JQUERY SLIDESHOWS */

#slideshow {
	position: relative;
	width: 600px;
	height: 211px;
	overflow: hidden;
	border:1px solid #000000;
	margin:0px 0 20px 20px;
}

#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	height: 211px;
}


#slideshow_square {
	position: relative;
	width: 300px;
	height: 300px;
	overflow: hidden;
	border: 1px solid #000000;
	margin:20px 0 20px 20px;
}

#slideshow_square img {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 300px;
}




/* ADMIN BITS */

#admin_menu {
	border: 1px solid #cccccc;
	background:#eeeeee;
	text-align:left;
	padding:10px;
	margin: 0 0 0 0;
	
}

.error {
	color: #ff0101;
	font-weight: bolder;
}

#add_box {
	padding: 10px;
	border: 1px solid #cccccc;
	background:#eeeeee;
	width: 680px;
	margin: 0px 0 0 0px;
}

#edit_box {
	float:left;
	padding: 10px;
	border: 1px solid #cccccc;
	background:#eeeeee;
	width: 680px;
	margin: 10px 0 0 0px;
}

#edit_box_center {
	float:left;
	padding: 10px;
	border: 1px solid #cccccc;
	background:#eeeeee;
	min-width: 250px;
	margin: 10px 0 0 225px;
}


#quick_find {
	overflow:auto;
	padding: 10px;
}


.mailingbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #ffffff;
	border: 1px solid #999999;
	color: #990000;
	margin: 0 0 0 0px;
}

table.admin_table td {
	border-bottom:dashed 1px #669966;
	padding: 10px 5px 10px 5px;
	line-height:12px;
}

table.admin_table tr:hover {
	border-bottom:dashed 1px #669966;
	padding: 10px 5px 10px 5px;
	background-color:#DBF4D9;
}

table.admin_table tr.header td {
	border-bottom:solid 2px #669966;
	padding: 10px 5px 10px 5px;
}

table.admin_table tr.header:hover {
	border-bottom:solid 2px #669966;
	padding: 10px 5px 10px 5px;
	background-color:#FFFFFF;
}

.admin_news_image {
	margin:0 0 0 -10px;
}


/* JQUERY ACCORDION */

.accordionButton {	
	cursor: pointer;
	color:#669966;
	}
	


/* NEWS GALLERY */

#content_home {
	width:900px;
	padding: 10px;
	margin:0 20px 0px  0;
	float:left;
	position:relative;
}

#news_images_frame {
	width:960px;
}

.main_image {
	width: 600px;
	height: 455px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #333;
	margin:0 0 20px 0;
	border:1px solid #CCCCCC;
}
.main_image h2 {
	font: 14px "Verdana", arial, sans-serif;
	color: #507851;
	font-weight:bold;
	margin: 0;
	padding: 10px;
}
.main_image p {
	font: 10px "Verdana", arial, sans-serif;
	line-height: 1.6em;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.main_image p a {
	font-weight:bold;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
	font: 10px "Verdana", arial, sans-serif;
	padding: 0;
	font-weight:bold;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
	text-align:justify;
}
.main_image .block{
	width: 100%;
	background: #efefef;
	border-top: 1px solid #ffffff;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
	background: url(../images/site/news/btn_collapse.png) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 20px;
	outline:none;
}

.main_image a.show {background-position: left bottom;}


.image_thumb {
	float: left;
	width: 297px;
	background: #f0f0f0;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin:0px 0 20px 0;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 12px 10px;
	background: #f0f0f0 url(../images/site/news/nav_a.gif) repeat-x;
	width: 277px;
	height:50px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
.image_thumb h2 {
	font: 11px "Verdana", arial, sans-serif;
	margin: 5px 0 5px 0;
	padding: 0;
	font-weight:bold;
}

html .image_thumb ul li small { /*--We'll be using this same style on our thumbnail list--*/
	font: 10px "Verdana", arial, sans-serif;
	padding: 0;
}

.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 200px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/




/* ACCORDIAN */
/*
 * jQuery UI Accordion 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion-icons .ui-accordion-header a { padding: 4px 5px 4px 5px; 	border-top:dashed 1px #669966; }
.ui-accordion .ui-accordion-content { padding: 4px 5px 4px 5px; border-top: 0; position: relative;  display: font-weight:bold; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion-icons .ui-accordion-header { outline:none; }
.ui-accordion h3 {
	font: 10px "Verdana", arial, sans-serif;
	font-weight:bold;
	color:#669966;
}