body {
  background: white url("faderbg2.jpg");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: repeat-x;
  color: #222222;
}

body, p {
  color: #464646;
  font-size: 90%;
  font-family: arial, verdana, sans-serif;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 0 4px 6px;
  line-height:135%;
}
ul, td, li {
  color: #464646;
}
blockquote {
  font-size: 90%;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.spaceout li {
  padding-bottom: 8px;
}
h2, h3, h4 {
  padding: 0 0 4px 6px;  

}
h3 {
 font-size: 95%;
 margin-bottom: 0;
 padding-bottom: 2px;
}
h4 {
 font-size: 92%;
 margin: 0;
 padding-bottom: 2px;
 margin-top: 4px;
 margin-left: 2px;
}
#page {
  width: 720px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 25px;
  margin-bottom: 15px; 
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border: 1px solid gray;
  border-right: 3px solid gray;
  border-bottom: 3px solid gray;
}
#page.homer {
  padding-bottom: 0;
}

ul, ol {
  font-size: 90%;
  font-family: arial, verdana, sans-serif;
  margin-top: 4px;
  margin-bottom: 10px;
  line-height:135%;
}
.main, .event_type_header, .publication, .submain {
  width: 728px;
  font-size: 14pt;
  font-weight: bold;
  margin: 0px 0 20px -10px;
  padding: 0 0 0 12px;
  color: #2557AD;
  background: #d6e7fb;
}
 
.main h1 {
 margin: 0;
 padding-bottom: 6px;
 padding-top: 5px; 
 padding-left: 4px;
 font-size: 100%; 
} 
.orgmain {
  width: 728px;
  font-size: 135%;
  font-weight: bold;
  margin: 0px 0 0 -10px;
  padding: 0 0 0 12px;
  color: #2557AD;
  background: #d6e7fb;
}
.orgmain h1 {
 margin: 0;
 padding-bottom: 8px;
 padding-top: 5px; 
 padding-left: 4px;
 font-size: 100%; 
}
.newsbullet ul {
 list-style-image: url(../blueb.gif);
}
.event_type_header {
  width: 725px;
  padding: 2px 0 2px 15px;
  clear: both;
}


.cvs {
  padding-top: 50px;
  margin-left: 300px;
  margin-bottom: 10px;
  color: #7F7F7F;
  text-align: right;
  background-color: white;
  font-size: 9pt;
}
.cvshome {
  font-size: 10pt;
  margin-left: 300px;
  margin-bottom: 8px;
  color: #7F7F7F;
  text-align: right;
  background-color: white;
}

.regdetails {
  font-size: 9pt;
  margin-left: 300px;
  margin-bottom: 10px;
  color: #7F7F7F;
  text-align: right;
  background-color: white;
}
.main p {
  font-size: 100%;
  margin-top: 0;
}
h2, .publication, .event_type_header, .submain {
  font-size: 125%;
}
h4 {
 padding-left: 4px;
}
.event_title {
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding: 0;
}

th {
  font-size: 90%;
  font-weight: normal;
  text-align: right;
  padding-right: 10px;
  background-color: #E9E9E9;
  color: black;
  border-bottom: 1px solid silver;
}
td {
  background-color: #EFF8F8;
  color: black;  
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid silver;
}


a:link, a:visited, a:active {
  text-decoration: none;
  color: blue;
  background-color: white;
}
a:hover {
  text-decoration: underline;
  color: black;
  background-color: #D6E7FB;
/*  background-color: #EBF7FF; */
}
.backtotop {
  text-align: right;
}
.event_type {
  font-size: 110%;
  font-weight: bold;
  padding-left:6px;
  margin-bottom: 0;

}
.news_title {
  font-size: 110%;
  font-weight: bold;
  margin: 0;

}
.greenlist ul {
  list-style: url(tick1.gif);
  line-height: 125%;
  margin: 20px;
  padding-left: 8px;
}
.greenlist li {
  padding-bottom: 8px;
}
.sub1 {
 margin-bottom: 0;

}
.sub1, .sub1less {

  margin-top: 12px;
  font-size: 100%;
  font-weight: bold;
}
.sub2 {
  margin-top: 10px;
  font-size: 92%;
  font-weight: bold;

}
.sub1less {
 margin-bottom: 0;
 padding-bottom: 0;
 line-height: 10px;
}
.submain{
  width: 725px;
  padding-left: 15px;
  margin-top: 20px;
  font-size: 110%;
  font-weight: bold;
}
.boxer {

  width: 40%;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-right: 15px;
  font-size: 100%;
  font-weight: bold;
  padding: 10px;
  border: 2px solid #2557AD;
}
ol {
  list-style: decimal;
}
ol ol {
  list-style: lower-roman;
}

.myform {
border-bottom: 1px solid #c0c0c0;
margin: 0;
padding: 0;
font-size: 80%;
}

.menu, .menuright, .menuleft, .homemenuright {
  width: 100%;
  margin-right:0;
  padding-right:0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: center;
  border: 2px solid #f3f3f3;
  color: black;
  background: white;

}

.homemenuright {
  float: right;
  width: 180px;
  margin-left: 10px;
  border: 0;
  border-left: 2px solid #f3f3f3;
}
.menuhead {
  background: #2557AD;
  margin-bottom: 0;
  padding-bottom: 0;
  color: white; 
  font-weight: bold;
  padding-top: 0;
  margin-top:0;
  font-size: 90%;
}
.menuright {
  float: right;
  width: 200px;
  margin-left: 10px;
}
.menuleft {
  float: left;
  width: 200px;
  margin-left: 0px;
  margin-right: 10px;
}
.addit {
  text-align: center;
}
.listhead {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-weight: bold;
  text-align: left;
}
.indentsection {
  margin-left: 35px;
  margin-top: 10px;
}

.mainhead {
  font-size: 160%;
  font-weight: bold;
}
.shead {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 6px;
}
.thin {
  line-height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  
}
.boldish, .boldish2 {
  font-size: 100%;
  font-weight: bold;
  padding-top: 6px;
  line-height: 60%;
  margin-top:20px;
}
.boldish {
  margin-top: 10px;
}
.recycle {
  width: 182px;
  margin-left: auto;
  margin-right: auto;

}
.rite {
   float: right;
   padding: 3px 5px 0 0;
   margin: 0;
   font-size: 70%;
   color: #2557AD;
   background: #D6E7FB;
}
.rite a:link, .rite a:visited, .rite a:active {
  text-decoration: none;
  color: #2557AD;
   background: #D6E7FB;
}
.rite a:hover {
  text-decoration: none;
  color: #D6E7FB;
  background-color: #2557AD;
}
.deeper li {
  padding-top: 6px;
  padding-bottom: 6px;
}
.menu ul, .menuright ul, .menuleft ul, .latest ul, .homemenuright ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
        margin-top: 0;
        margin-bottom: 0;
}

.menu li, .menuright li, .menuleft li, .latest li {
	border-bottom: 1px solid #f3f3f3;
        margin-bottom: 0;
        margin-top: 0;
	padding-top: 0;
}
.homemenuright li {
	border-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
	padding-top: 5px;
        padding-bottom: 5px;

}
.menu li a:link, .menu li a:visited, .menuright li a:link, .menuright li a:visited, .menuleft li a:link, .menuleft li a:visited, .latest li a:link, .latest li a:visited,  
.homemenuright li a:link, .homemenuright li a:visited  {

        color: blue;
	padding: 3px 3px 2px 4px;
        border-left: 10px solid #D6E7FB;
        display: block;
	border-bottom: 1px solid #D6E7FB;
	text-decoration: none;
	background-color: white;
 
}
.homemenuright li a:link, .homemenuright li a:visited  {
  	border-bottom: 0;
	border-left:0;        
} 
.latest li, .latest li a:link, .latest li a:visited  {
        margin-left: 5px;
	border-bottom: 1px solid white;
}

.menu li a:hover, .menuright li a:hover, .menuleft li a:hover, .latest li a:hover, .homemenuright li a:hover {
	background-color: #D6E7FB;
	color: blue;
        border-left: 10px solid #2557AD;
	border-bottom: 1px solid #2557AD;
	text-decoration: none;
}
.homemenuright li a:hover {
	border-bottom:0;
	border-left:0;
}

#leftpanel {
  position: absolute;
  margin-top: 6px;
  margin-left: 0;
  width: 150px;
  text-align: center;
} 

#rightpanel {
  background: white;
  float: right;
  margin-top: 6px;
  margin-left: 20px;
  width: 150px;
  text-align: center;
  margin-right: 10px;
  border:1px solid #EEEEEE; 
} 
.rpanel {
  border-bottom: 1px solid black;
  color: black;
  background-color: #e4e4e4;
}



.nospaceabove {
  margin-top:0;
  padding-top: 0;
}
.key th {
  text-align: center;
  color: black;
  background-color: white;
}
.key td {
  font-size: 90%;
}

.header, .pagehead {
 padding-top: 15px;
 font-weight: bold;
 font-size: 120%;
}
.header {
 padding-bottom: 6px;
 margin-bottom: 0;
}
.org {
 margin:0;
 padding-top: 15px;
 padding-bottom: 10px;
 font-weight: bold;
 font-size: 120%;
}

.course {
 margin-bottom: 0;
 font-weight: bold;
 font-size: 120%;
}
.month {
 margin: 0;
 margin-top: 15px;
 margin-bottom: 6px;
 font-weight: bold; 
 font-size: 100%;
 width: 100%;
 
 border-bottom: 1px solid gray;
 border-right: 1px solid gray;
 background-color: #D6E6FD;
}

.menulink {
 width: 730px;
 margin: 0px 0 20px -10px;
 font-size: 110%;
 color: #2557ad;
 padding: 5px 0 7px 10px;
 background-color: #d6e7fb;
}

.menulink_main {
  font-size: 130%;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 0;
  color: #2557ad;
  background-color: #d6e7fb;

}


.menulink ul {
 list-style: none;
 display: inline;

}

.menulink li {
 display: inline;
 padding-left: 30px;
}

.menulink a:link, .menulink a:visited, .menulink a:active {
 font-weight: bold;
 color: #2557ad;
 background-color: #d6e7fb;

}

.menulink a:hover {
 color: #d6e7fb;
 background-color: #2557AD;
 text-decoration: none;
}

.menulink h1 {
 padding-left: 5px;
 padding-top:0;
 margin-top: 0;
 font-size: 130%;
 float: left;
}
.organisation td {
 background-color: white;
 color: black;
}

.box1 {
  width: 300px;
  float: right;
  font-size: 95%;
  font-family: arial, sans-serif;
  margin: 0px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 5px;
  border: 1px dashed blue;
  color: black;
  background-color: #F0FFFF;
}
.box1 a {
  color: blue;
  background-color: #F0FFFF;
}
.boxorg {
  float: right;
  width: 280px;
  font-size: 95%;
  font-family: arial, sans-serif;
  margin: 0px;
  margin-right: 5px;
  margin-left: 6px;
  margin-top: 0;
  padding: 5px;
  border: 1px dashed blue;
  color: black;
  background-color: #F0FFFF;

}
.boxorg a {
  color: blue;
  background-color: #F0FFFF;
}
.alphbox {
 width: 740px;
 margin: 0px 0 20px -10px;

 border-bottom: 1px solid silver;
}
.alpha {
 font-weight: bold;
 font-size: 12pt;
 font-family: arial, sans-serif;
 color: gray;
 background-color: white;
 padding: 2px;	
 margin-bottom: 0px;
 letter-spacing: 3.7px;
 text-align: center;
}

ul.alpha2, .alpha2 ul {
 font-weight: bold;
 font-size: 12pt;
 font-family: arial, sans-serif;
 color: gray;
 background-color: white;
 margin: 0;
 padding: 4px 0 4px 0;
 cursor: default;
 list-style-type: none;
}

.alpha2 li {
 display: inline;
 padding-left: 1px;
 padding-right: 3px;
 margin-left: 11px;


}
.navoptions ul {
 margin-bottom:0;
}
.navoptions li {
 font-weight: bold;
 display: inline;
 padding-left: 70px;
 padding-right: 3px;
 margin-left: 0px;  
 padding-bottom: 0;
}
.navoptions {
 border-top: 1px solid silver;
 background-color: #f2efe9;
 padding-bottom: 5px;
}
.navoptions a:link, .navoptions a:visited {
 background-color: #f2efe9;
}
.navoptions a:hover, .alpha2 a:hover {
 text-decoration: none;
 background-color: #D6E7FB;
}

.listorg {
 border-bottom: 1px solid #eaeaea;
}
.orgtable {
  width: 100%;

}
.orgtable td {
  background-color: white;
  color: black;
}
.orgtable li{
  list-style-type: none;
  padding-bottom: 3px; 
}

.boxer2, .boxer3 {
  width: 100%;
  font-size: 85%;
  font-family: arial, sans-serif;
  margin: 25px 0 0 0;
  padding: 6px 0 0 0 ;

  text-align: center;
}

.boxer2 {
  border-top: 1px solid black;
}
.mainheader {
  font-weight: bold;
  font-size: 95%;
  padding-top: 8px;
  padding-bottom: 6px;
  color: black;
  background-color: #efefef;
}
.tablearea td, th {
  padding: 4px;
  font-size: 90%;
  background-color: #efefef;
  color: black;
  text-align: left;
  vertical-align: top;
}
.tablearea td {
  color: black;
  background-color: white;
}


.rite2 {
   float: right;
   padding-right: 5px;
   padding-top: 2px;
   font-size: 70%
}

.subfaq {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 100%;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 1px;  
  padding-left: 2px;
  color: white;
  background-color: #2557AD;
}
.subfaq h2 {
  margin: 0;
  padding: 0;
  font-size: 95%;
}

.Q  {
  padding-left: 10px;
  font-style: italic; 
  font-weight: bold;
}
.answer {
  padding-left: 25px;
}

.pubs ul, .pubs p {
  margin-bottom: 20px;
}

.orgtable dl {
 margin: 0 0 0 5px;
 border-bottom: 1px solid silver;
 border-left: 1px solid silver;
 border-right: 1px solid silver;
}
.orgtable dt, dd, p {
 font-size: 90%;
}



.orgtable a {
 background-color:  #f2efe9;
 color: blue;
}

.orgtable td a {
 background-color:  white;
 color: blue;
}
.orgtable dt {
 clear: both;
 padding: 3px;
 background-color: white;
 color: black;
 width: 155px;
 float: left;
 border-top: 1px solid #e6e6e6;

 text-align: right;
 font-weight: bold;
 height: 100%;
}

.orgtable dd {
 margin-left: 162px;
 background-color: #f2efe9;
 color: black;
 padding: 3px 3px 3px 6px;
 border-top: 1px solid #e6e6e6;
 border-left: 1px solid #e6e6e6;
}
.dlhead {
 margin: 6px 0 0 5px;
 padding: 3px 3px 3px 15px;
 border: 1px solid silver;
 border-bottom: 2px solid silver;
 border-right: 3px solid silver;
 font-weight: bold;
 font-size: 100%;
 color: black;
 background-color: #edeae2;
 clear: both;
}
#calendar dd {
 margin-left: 100px;
 padding: 0;
 text-decoration: none;
 margin-bottom: 10px;
}
#calendar dt {
 font-size: 90%;
 padding-left: 10px;
 float: left;
 color: black;
 background: silver; 
 width: 80px;
}
.highlight {
 color: red;
 font-weight: bold;
}
.comment {
 margin-bottom: 0;
 padding-bottom: 0;
}
.by {
 margin-left: 20px;
 margin-top: 0;
 font-style: italic;
}
#groupings dl {
 font-size: 90%;
}
#groupings dt {
 margin-left:100px;
 float: left;
} 
#groupings dd {
 padding-top: 1px;
 margin-left: 390px; 
}

#volfaq td {
 background-color: white;
 color: black;
 border: 0;

 vertical-align: top;
}
#volfaq .faqa {
 background-color: #f0f8ff;
 padding-bottom: 10px;
 border-bottom: 2px solid white ;

}
#volfaq .faqq {
 background-color: #ffffdf; 
 border-top: 1px solid silver ;
 border-bottom: 1px solid silver ;
 padding-bottom: 5px;
}
#volfaq .qa {
 background-color: black;
 color: white;
 font-size: 100%;
 font-weight: bold;
}
#cutslatest {
 width: 280px;
 float: right;
 
 margin: 10px;
 margin-top: 0;
 border: 3px dashed #72b9f3;

 padding: 5px;
  
}
#phones {
margin-left: 110px;
width:302px;
height: 302px;
background-image:url(justphone.gif);
background-repeat:no-repeat;
margin-bottom: 20px;
}

#phones p {
padding-left: 10px;
padding-top: 190px;
font-weight: bold;
font-size: 14pt;
}
.newsbit {
 background-color: #eaf9ff;
 padding: 10px;
 width: 480px;
}
.spread li {
 padding-bottom: 5px;
}
.committee-indent {
 margin-left: 30px;
 border-bottom: 1px solid #c0c0c0;
}
.committee-indent h3 {
 margin-bottom: 0;
 padding-bottom: 2px;
}
.guides {
 width: 495px;
 padding: 10px;
 padding-bottom: 7px;
 margin-top: 0;
 margin-bottom: 5px;
 margin-left: 5px;
}
.guides h2 {
 margin-bottom: 10px;
 padding: 0;
}
.important {
 border: 2px solid black;
 padding: 10px;
}
.nocourses{
 color: #cacaca;
 background-color: #f2f2f2;
}
.datetop {
 text-align: right;
}
.diary  {
 background-color: #D6E6FD;
}
.diary:hover {
 background-color: #ffffff;
 
}
.diary a:link, .diary a:visited, .diary a:active {
 background-color: #D6E6FD;
 width: 100%;
}
.diary a:hover {
 background-color: #ffffff;
 text-decoration: none; 
width: 100%;
}
.datex {
 margin-left: 0;
 padding-left: 20px;
 text-indent: -15px;
 display: list-item;
 list-style-type: none;
 margin-bottom: 6px;
}
.acdatex {
 margin-left: 0;
 padding-left: 20px;
 text-indent: -15px;
 margin-bottom: 6px;
 display: list-item;
 list-style-image: url(courses/accred.gif);
}
.datex2 {
 margin-left: 0;
 padding-left: 20px;
 text-indent: -15px;
 display: list-item;
 list-style-type: none;
 margin-bottom: 6px;
}
.acdatex2 {
 margin-left: 0;
 padding-left: 20px;
 display: list-item;
 list-style-image: url(courses/accred.gif);
 text-indent: -15px;
 margin-bottom: 6px;
}
.added {
 margin-top: 0;
 padding-top:0;
 margin-bottom:0;
 padding-bottom: 0;
 color: #b5b5b5;
 font-style: italic;
 text-align: right;
}
.tender {
 font-size: 110%; 
 margin-bottom: 0;
 padding-bottom: 3px;
}
.current li a:link, .current li a:visited, .current li a:hover {
  border-left: 10px solid #8fb5be;
  background-color: #e0eef0;
  border-bottom: 1px solid #8fb5be;
}
.empdates {
 margin-left: 50px;
 line-height: 22px;
 font-weight: bold;
}
.jobline {
 border: 1px dashed #c0c0c0;
}
.sub1clg {
 font-size: 92%;
 padding-left: 20px;
 padding-bottom: 0;
 margin-bottom: 0;
} 
#topper {
 background-color: gray; 
 margin: -10px;
 margin-top: -20px;
 margin-bottom: 10px;
}
#homefooter {
 
 clear: both; 
 text-align: center;
 width: 740px;
 padding-top: 6px;
 margin-top: 15px;
 margin-bottom: 0;
 margin-left:-10px;
 background-color: #2557ad;
}
#homefooter a:link, #homefooter a:visited, #homefooter a:hover {
 
  background-color: #2557ad;
  
}
#navbar {
 width: 740px;
 margin-left: -10px;
}
#ad09 a:visited, #ad09 a:link {
 background-color: #d6e7fb;
}
hr {
 color: #e4e4e4;
 background-color: #e4e4e4;
 height:1px;
 border:none;
}
#workedwith {
 width: 210px;
 float: right;
 padding: 10px;
 border: 1px solid silver;
 background-color: #ecf5ff;
 margin-left: 10px;
}
#workedwith p {
 font-size: 95%;
 color: #ff00ff;
}
#workedwith h2 {
 font-size: 97%;
 margin-bottom: 8px;
 font-style: italic;
}
.org2 {
 color: #2557ad;
}
.wehelppage h2 {
 color: #2557ad;
 font-size: 105%;
 padding-bottom: 0;
 margin-bottom: 0;
}
.wehelppage p {
 padding-top: 0;
 margin-top: 0;
}
.helpbox {
 float: left; 
 width: 120px;
 height: 120px;
 background-image: url(circle.jpg); 
 margin-right: 10px;
 margin-left: 5px;
}
.helpbox p {
 text-align:center;
 margin:0;
 padding:0;
 font-weight:bolder;
 margin-top: 25px; 
 font-size: 12.5pt; 
 color: #2557AD;
}
.helpbox a, .helpbox a:visited  {
 background-color: transparent;
 color: #2557AD;
}
.helpbox a:hover {
 text-decoration:none;
 color: blue;
}
.defos {
 border: 2px solid silver;
 padding:20px;
 margin: 20px;
 background-color: #ffecff;
}
.defos h2 {
 margin-top:0;
}
