/*@charset "utf-8";*/
/* CSS Document */
/* Body and wrapper */

/*
Purple - PMS 261 = #5E2154 (#660066)
Green 583 = #AABA0A (#99CC00)
Orange 717 = #D36D00 (#CC6600)
Pink 675 = #BC3877 (#CC0066)
*/

body {font-family: Arial, Helvetica, sans-serif; margin: 0px; text-align: center; }
/*div.wrapper {margin-left: 10%; margin-right: 10%; }*/
div.wrapper {margin-left: 10%; margin-right: 10%; width: 1024px; max-width: 1024px; min-width: 640px;  vertical-align: top; text-align: left; }


/* Header */

.hdrlogo 
{
	top: 0px;
	left:0px;
	position: relative;
}

div.header {float: left; width: 100%; height: 115px; padding: 0px; margin: 0px 0px 2px; border: 0px; background-image:url("../images/headergraphic.gif"); background-repeat:no-repeat; background-position: top right;}

div.topnav {float: left; width: 100%; padding: 0px; margin: 0px; border-width: 0px;} /* border-bottom: solid 1px #5E2154;*/
div.topnav p {font-size: 1em; color: #5E2154; margin: 5px;}
/*div.topnav a:link, div.topnav a:visited {color: #BC3877; text-decoration: none;}*//*color: #BC3877;*/
/*div.topnav a:hover, div.topnav a:active, div.topnav a:focus {color: #FFFFFF; text-decoration: none;}*//*color: #5E2154;*/
/*div.topnav a:hover {color: #FFFFFF; }*/

div.hrWidth{ border-bottom: solid 1px #5E2154; padding:5px 0px;}

/* Header Menu */
div.hdrmenu{float: right;padding: 0px; margin: 0px;}/*border line beneath hdr*/

/* Main page and footer */
div.lefttext {float: left; width: 70%; padding: 5px ; margin: 5px 0px 0px 0px; border-right: solid 1px #5E2154;}
div.righttext {float: right; width: 23%; padding: 10px; margin: 5px 0px 0px 0px; height:100%; }

/* Coloured boxes*/

div.orangebox {background-color: #D36D00; padding: 5px;	border-left: solid 5px #D36D00; margin-top:10px; color: #ffffff; background-image:url("../images/right-arrow.gif"); background-repeat:no-repeat; background-position: left}

div.greenbox {background-color: #AABA0A; padding: 5px;	border-left: solid 5px #AABA0A; margin-top:10px; color: #ffffff; background-image:url("../images/right-arrow.gif"); background-repeat:no-repeat; background-position: left}

div.pinkbox {background-color: #BC3877; padding: 5px;	border-left: solid 5px #BC3877; margin-top:10px; color: #ffffff; background-image:url("../images/right-arrow.gif"); background-repeat:no-repeat; background-position: left}

div.purplebox {background-color: #5E2154; padding: 5px;	border-left: solid 5px #5E2154; margin-top:10px; color: #ffffff; background-image:url("../images/right-arrow.gif"); background-repeat:no-repeat; background-position: left}

div.greybox {background-color: #B4A88C; padding: 5px;	border-left: solid 5px #B4A88C; margin-top:10px; color: #ffffff; background-image:url("../images/right-arrow.gif"); background-repeat:no-repeat; background-position: left}

div.orangebox h4, div.greenbox h4, div.pinkbox h4, div.purplebox h4, div.greybox h4 {margin: 5px 5px 5px 20px}
div.orangebox p, div.greenbox p, div.pinkbox p, div.purplebox p, div.greybox p {margin: 5px 5px 5px 20px}
div.orangebox a, div.greenbox a, div.pinkbox a, div.purplebox a, div.greybox a {color: #fff; text-decoration: none;}
div.orangebox a:hover, div.greenbox a:hover, div.pinkbox a:hover, div.purplebox a:hover, div.greybox a:hover {color: #fff; text-decoration: none;}
div.orangebox a:active, div.greenbox a:active, div.pinkbox a:active, div.purplebox a:active, div.greybox a:active {color: #fff; text-decoration: none;} 

/* Footer */
div.footer {clear: both; width: 100%; padding-top: 2px; margin-top: 2px; border-top: solid 1px #5E2154;}
div.footer p {font-size: .7em; font-family: Arial, Helvetica, sans-serif; color:#5E2154; }
div.footer a:link, div.footer a:visited {color: #BC3877; text-decoration: none;}
div.footer a:hover, div.footer a:active {color: #5E2154; text-decoration: none;}

/* Headers */
h1 {font-size: 1.2em; color: #454033;}
h2 {font-size: 1.1em; color: #454033; border-bottom: solid 1px #e5e3e4; }
/*h3 {font-size: 1em;  color: #454033; border-bottom: solid 1px #e5e3e4; }*/
h3 {font-size: 1em;  color: #454033; border-bottom: solid 1px #e5e3e4;}
h4 {font-size: 1em;  color: #454033;}

/* Page content */
p {font-size: .9em;}
p.top {font-size: .8em; text-align: right}
img.newsbullet {float: left; margin: 0px 5px;}
a {font-size: .9em;}


ol {margin-left:15px; font-size: .9em; }
ul {margin-left:15px; font-size: .9em; }

ul ul {margin-left:15px; font-size: 1em; }
ol ul {margin-left:15px; font-size: 1em; }
li {margin:5px 5px 10px 15px; }

ul.newsbullet {list-style-type: none; padding: 0px; margin: 0px;}
ul.newsbullet li {background-image: url("../images/purplesphere.gif"); background-repeat: no-repeat; background-position: 0px; padding: 5px 5px 5px 25px;}
/*  margin-top: 20px; font-size: 1em; list-style-position:outside; list-style-image: url("../images/pinkarrow.gif") */


table {font-size: 0.9em; border: 1px; border-color: #ddd; border-collapse: collapse}
table p {font-size: 0.9em; }
th {font-weight: bold; padding:5px; color: #000; background: #efede7; border: solid 1px #454033;}
td {border: solid 1px #ddd; padding:5px; }
img {border: 0px;}
hr {background: #ffffff; color: #ddd; height: 1px; margin: 0px}
#noborders {border:0px; border-color: #fff;}
#noborders td {border:solid 0px #fff;}
div.pinkoutlinebox {border:solid 1px #BC3877; padding: 5px}
div.pinkoutlinebox h3, div.pinkoutlinebox p {margin: 5px}
/* for images 150px wide */
div.imagecaption {float: left; width: 100%; margin: 0px 0px 5px; padding: 0px; clear: both}
.imagecaption  p, .imagecaption h3, .imagecaption h4, .imagecaption li {margin: 1px 1px 1px 171px; padding: 3px 5px}
.imagecaption img {float:left; margin: 0px}

/* Page links*/

a {color:#00F; font-weight: bold; text-decoration: none;}
a:visited {color:#00F;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}



/* Generic */
.floatright {float: right;}
.floatleft {float: left; }
.center {text-align: center}
.right {text-align: right} 
.underline {text-decoration: underline;}
.boxtext {margin:3px;}
input.button {color: #fff; background: #F26100; border-width: 2px; border-color: #ddd; font-weight: bold; padding: 2px; }
span.bold { font-weight:bold;}

/* Sign up form */
#signupform label { float:left;  padding:2px;  width:30%; }
#signupform label.checkbox { display:block; width:97%; padding:1px; margin:1px; }
#signupform label.rightcheckbox { width:70%; padding-bottom:10px; }
#signupform input.submit {background-color:#faf8f7; border: 1px solid #77685c;  font-size:1em; font-weight: bold; margin-left:31%;}
#signupform input.button {background-color:#faf8f7; border: 1px solid #77685c;  font-size:0.9em; font-weight: bold; color:#000000;}
#signupform input.removeorganisation { background-color:#faf8f7; border:1px solid #77685c;  font-size:1em; font-weight: bold}
#signupform input.text, #closeaccountyes input.text { float:none; font-size:1em; text-align:left; width:50%; }
#signupform textarea { float:none; font-size:1em; text-align:left; width:50%; height:100px; }
#signupform input.textreadonly,  #closeaccountyes input.textreadonly { float:none; font-size:1em; text-align:left; width:50%; background-color: #faf8f7;}
#signupform input.checkbox { float:none; text-align:left; font-size:1em; margin:3px;  }
#signupform fieldset { margin-bottom:5px; border:1px solid #77685c; }
#signupform fieldset legend, #closeaccountyes fieldset legend {color:#fff; background-color:#77685c; padding:2px; border:1px solid #77685c; font-weight:bold; font-size:0.9em }
#signupform fieldset div.leftcol { float:left; width:48%; }
#signupform fieldset div.rightcol { float:left; width:48%; }
div.warning {font-size: 1em; padding: 0px 10px 10px; margin: 0px 20px; border: solid 1px #aaa; background: #eee;}
span.warning {color: #f00; font-size: 1.1em; font-weight: bold; border: solid 1px #f00; padding: 5px; background: #eee;}
p.warning { font-size:1em; padding: 10px; margin: 6px; border: solid 1px red; background: #eee;}