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

/* -------------- PAGE SETUP -------------- */


* {padding: 0; margin: 0;}
body {font-family: arial,verdana, helvetica, sans-serif; background-image: url(../images/background.gif); background-repeat:repeat; background-color:#484848; padding: 0;}

#container {
width: 800px;
margin:0 auto; /* center, not in IE5 */
background-color: #FFFFFF;
background-repeat:repeat-y;
padding: 0;
}

.frontimagecontainer{margin: 0;}

.clearing{clear: both;}

#header { background:#999; padding: 0; margin: 0; border: 0; display: block; }
.header-image{border: 0; display: block; margin: 0; padding: 0; float: left;}
.header-image-right{float: right; border: 0; display: block; margin: 0;}

#footer {background-color: #cecece; background-image: url(../images/new-header/footer.jpg); background-repeat: no-repeat; color: #c6d3b4; width: 800px; padding: 7px 0 7px 0; margin: 0; border: 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em;  clear: both; margin: 0 auto;}

div.tenpadder{padding: 0 10px 0 10px;}
div.tenpaddermenu{padding: 0 10px 0 0px;}
.mainbox{padding: 0; overflow: auto;  background-position: bottom left; background-repeat: no-repeat;}

.stuffdiv{width: 200px; padding: 10px 0 3px 0; background-image: url(../images/divback.jpg); background-position:bottom; background-repeat: no-repeat;}

p{line-height: 1.8em;}
#leftpanel p{line-height: 1.2em;}

.menuitem1{padding-top: 3px;}
.menuitem1on, .menuitemon{padding-top: 3px;font-weight: bold; text-decoration: underline;}
.menuitem1underon{padding-top: 3px;font-weight: bold;}


.member-logo{float: right; border: 0; margin: 0 0 10px 10px;}
.image-float-right{float: right; margin: 0 0 10px 10px; border: 1px solid #000;}
.image-float-left{float: left; margin: 0 10px 10px 0px; border: 1px solid #000;}

.membername, .memberaddress, .memberphone{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; padding: 4px 3px 4px 3px; vertical-align: top;}


.membernameon, .memberaddresson, .memberphoneon{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; padding: 4px 3px 4px 3px; vertical-align: top; background-color: #F5F5F5;}

.front-table{width: 280px; vertical-align: top;}

.join-research-head{width: 275px; padding: 6px 0 6px 0; background-color: #4e8478; font-weight: bold; color: #FFFFFF;}
.join-network-head{width: 275px; padding: 6px 0 6px 0; background-color: #0086a5; font-weight: bold; color: #FFFFFF;}
.join-body{width: 275px; padding: 6px 0 6px 0; vertical-align: top;}
.join-spacer{width: 10px;}
.join-research-head p, .join-network-head p{margin: 0 6px 0 6px; padding: 0;}

/* -------------- FORMS -------------- */

div.row {clear: both; padding-top: 10px;}

div.formseptop{clear: both; height: 1px; margin: 4px 0 0px 0;}
div.formsep{height: 1px; background-color: #a5181c; }
div.formsepbot{height: 1px; margin: 0px 0 9px 0;}
div.row span.label {float: left; text-align: right; width: 120px;}
div.row span.formw {width: 302px; float: right; text-align: left;}  
div.row .formtext, .formfieldtext{width: 300px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextarea, .formfieldtextarea{width: 300px; height: 150px; border: 1px solid #000000; padding: 2px;}
div.row .select{width: 300px; border: 1px solid #000000;}
div.formdiv{width: 435px; padding-bottom: 1em;}
.rightcol-field {width: 150px; border: 1px solid #000000; padding: 2px;} 
.warning{color: #CC0000;}


/* -------------- PANELS -------------- */

#leftpanel{width: 200px; float: left; overflow: hidden; padding: 0 0 0 0; background-image: url(../images/divback.jpg); background-position:bottom; background-repeat: no-repeat; overflow: auto; height: 100%;}
#rightpanel{width:599px; float: right; overflow: hidden; padding: 0 0 0 0;border-left: 1px solid #DDDDDD; }

.leftpanel-header{padding: 0px 0 0px 0px; line-height: 19px; background-image: url(../images/left-head.jpg); background-repeat: repeat-x; background-position:center;  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #FFFFFF; height: 19px; float: left; width: 300px;}

#rightpanel-header{padding: 0px 0 0px 0px; line-height: 19px; background-image: url(../images/left-head.jpg); background-repeat: repeat-x; background-position:center;  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #FFFFFF; height: 19px;}

#rightpanelcontainer{padding: 0px 0 0px 0px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto;}

#homepage-right {width: 253px; padding: 0; float: right; position: relative;}
#homepage-right-image{padding: 0 0px 0 0px;}

#homepage-left{width: 517px; padding: 0px 0 10px 0; }

#homepage-top{padding: 0; margin: 10px 0 10px 0;}

/* -------------- PARAGRAPHS -------------- */

h1 { font-size: 1.3em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  clear: both;}
h2 { font-size: 1.2em; padding: 0px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-style: italic; margin-top: 0.5em; clear: both;}
h3 { font-size: 1em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; clear: both;}
p { padding: 0 0 8px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; }
li, li li {font-size: 1em; line-height: 1.6em;font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  }

ul,ol{font-size: 0.8em; margin: 0 0 10px 20px;}
ul ul, ul ol {font-size: 1em; margin: auto;  margin: 0 0 0 20px }

/* -------------- LINKS -------------- */

a:link, a:link:visited, a:visited{color: #2a7348; text-decoration: underline;}
a:hover, a:link:visited:hover, a:visited:hover{color: #2a7348; text-decoration: none;}

.menuitem1 a:link, .menuitem1 a:link:visited, .menuitem1 a:visited, .menuitem1underon a:link, .menuitem1underon a:link:visited, .menuitem1underon a:visited, .menuitem a:link, .menuitem a:link:visited, .menuitem a:visited{color: #000000; text-decoration: none;}
.menuitem1 a:hover, .menuitem1 a:link:visited:hover, .menuitem1 a:visited:hover, .menuitem a:hover, .menuitem a:link:visited:hover, .menuitem a:visited:hover, .menuitem1underon a:hover, .menuitem1underon a:link:visited:hover, .menuitem1underon a:visited:hover{color: #000000; text-decoration: underline;}

#footer a:link, #footer a:link:visited, #footer a:visited{color: #c6d3b4; text-decoration: underline;}
#footer a:hover, #footer a:link:visited:hover, #footer a:visited:hover{color: #c6d3b4;  text-decoration: none;}

/* SUCKERFISH NAV */
.front-menu-purple{ background-color: #EEE; padding-top: 0px;}
.front-menu-horz{ background-color: #1e7148; padding: 0 0 0 0px; width: 800px; position: relative; }
#nav{padding: 0; margin: 0 0 0 0; list-style: none; }
#nav ul {padding: 0; margin: 0 0 0 0; list-style: none; position: absolute; }
#nav a {display: block; }
#nav li {float: left;  background-color: #1e7148; padding: 5px 20px 5px 10px;}
#nav li ul {position: absolute; width: 130px; left: -999em; z-index: 3000;}
#nav li ul li, #nav li ul li a{width: 130px;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav a:link, #nav a:link:visited, #nav a:visited{color: #FFFFFF; text-decoration: none; font-weight: bold;}
#nav a:hover, #nav a:link:visited:hover, #nav a:visited:hover{color: #FFFFFF; text-decoration: underline; font-weight: bold;}

#nav li ul li a:link, #nav li ul li a:link:visited, #nav li ul li a:visited{color: #FFFFFF; text-decoration: none; font-weight:normal;}
#nav li ul li a:hover, #nav li ul li a:link:visited:hover, #nav li ul li a:visited:hover{color: #FFFFFF; text-decoration: underline; font-weight:normal;}


/* -------------- HOMEPAGE -------------- */
#right{float: right; width: 253px; margin: 0px 0 10px 10px; padding: 0;}
#mid{float: right; width: 253px; margin: 0px 0 0 0px;}
#left{ width: 254px; margin: 10px 0 0px 0px;}
#centre{float: right; width: 700px; margin: 0px 0 0 0px;}
.homepage-header{background-color: #722172; font-size: 0.9em; font-weight: bold; color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0 0 0px 0;}
.homepage-header-green{background-color: #2a7348; font-size: 0.9em; font-weight: bold; color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0 0 0px 0;}
.homepage-header-blue{background-color: #1D6CDD; font-size: 0.9em; font-weight: bold; color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0 0 0px 0;}
.whitediv{background-color: #FFFFFF; margin: 0 0 10px 0; padding: 5px 10px 0px 10px;}
.homepage-poll{float: left; width: 172px; padding-bottom: 0px; background-color: #FFFFFF; margin-bottom: 10px; margin-left: 10px; }
.homepage-map{float: right; width: 598px; padding-bottom: 0px; background-color: #FFFFFF; margin-bottom: 10px; margin-right: 10px}

/* -------------- Split Pages -------------- */
.splitmain{float: left; width: 530px; margin: 0px 20px 10px 0px;}
.splitmenu{float: right; width: 220px; margin: 15px 0 0px 0px;}
.splitheader{background-color: #722172; font-size: 0.9em; font-weight: bold; color: #FFFFFF; padding: 1px 8px 1px 8px;}

/* -------------- Images -------------- */
.centeredImage{text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}