/* CSS Document */
.error { color: #c00000; font-weight: bold; font-size: 100%; }

.message {
  border: 1px dashed #bbb;
  padding: 8px; margin: 8px; 
  background-color: #F1F3FB;
  font-weight: bold;
}

.appointmentsNote { font-size: 75%; margin-bottom: 30px; display: block; }
#directoryTable tr.odd { background-color:#DBEFD1; }
#directoryTable tr.even { background-color:#F8F8F8; }
#directoryTable tr.hover { background-color: #A4CF8E; }
#directoryTable tr a { color: #006600; }
#directoryTable th { font-size: 80%;  line-height: 18px; }

#content .feedbackForm label { width: 200px; }

.icard p { padding: 1px 0 0 0; margin: 0; }
.icard { overflow: hidden; margin: 0 auto 0 auto; width: 600px; border: 1px solid #cacaca; border-bottom-width: 2px; border-right-width: 2px; padding: 5px; }
.icard h1 { border-bottom: 2px solid #5E6C5B; color: #5E6C5B; font-size: 140%; }
.icard .contact1 strong,
.icard .organisation strong,
.icard .organisationType strong,
.icard .address strong { display: block; width: 80px; float: left; text-align: right; margin-right: 5px; }
.icard .contact1 { float: right; }
.icard .address span { display: block; margin-left: 85px; width: 160px; }
.icard .description { clear: both; }
.icard .qualifications strong,
.icard .description strong { text-align: left; width: 100%; border-bottom: 1px solid #5E6C5B; margin-bottom: 3px; margin-top: 5px; }

#.icard div.normal strong { text-align: left; float: none; width: auto; border: none; font-weight: bold; }

a { color: #006600; } 

span.note {
  font-size: 80%; color: #7a7a7a;
}

body{
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#D3D3D3;
}

h1,h2,h3,h4,h5,ul,li,ol,strong,pre,p,a,div{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
}

p{ 	text-align:left; font-size:12px; padding-top:5px; padding-bottom:5px;}
p a{ font-weight:bold; color:#006600; text-decoration:none; }
p a:hover{ text-decoration:underline; }

#adminlink { text-align:center; padding:0px auto 0px auto; margin: 0px auto 0px auto; height: 25px; background-color: #339900; font-size: 12px; }
#adminlink p{ width:790px;  text-align: right; padding-right:50px; font-size:12px; color:#FFFFFF; }
#adminlink a { font-size: 12px; color: white; font-weight:bold; }

#container_outer{
	width:990px;
	padding:0px auto 0px auto;
	margin: 0px auto 0px auto;
	text-align:left;

}

span.hilite{ background-color:#8FBF52; padding:0px 3px 0px 3px; }
.searchtitle .hilite{ background-color:#1F772D; color:#FFFFFF; padding:0px 3px 0px 3px; }

#container{ 	background-color:#FFFFFF;
	border-left:1px solid #616161;
	border-right:1px solid #616161;
}
#header_logo{ 	width:100%; height:105px; background:url("/images/header_strip.jpg") repeat-x top;}
#title{ height:34px; position:relative; background-color:#000000; border-bottom:1px solid #FFFFFF; width:100%; }
#title h1{ position:absolute; left:10px; top:5px; font-size:20px; color:#FFFFFF; padding: 0px 0px 0px 0px; }
#searchbox { position:absolute; right:5px; top:5px; width:250px; height:30px; color:#FFFFFF;}
#searchbox .textbox { position:absolute; top:0px; right:70px; }
#searchbox .button { position:absolute; top:0px;  right:0px;  }
#nav{  width:100%; background-color:#616161;  }
#nav p{ padding-left:10px; line-height: 170%; }
#nav p a{ font-size:13px; padding:0px 14px 0px 0px; color:#FFFFFF; }

#navigation{ }
#navigation img{ margin-top:1px; }


#main{
	width:990px; 
}

#aux{ width:150px; padding-left:10px; float:left; }
#aux h2{ font-size:16px; color:#256010;} 

#aux ul{}
#aux li{ list-style:none; }
#aux li a{ color:#005500; text-decoration:none; }
#aux li a:hover{ text-decoration:underline;}

#content{ width:800px; padding-left:20px; float:left; }

#content_inner h1{ color:#006600; font-size:16px; font-weight:bold; }
#content_inner p{ text-align:justify; }
#content_inner li{ font-size:12px; padding-top:5px; padding-bottom:5px; }

p.website_by{ float:right; color:#696969; font-size:10px;  }
p.website_by a{ font-weight:bold; text-decoration:none; color:#696969; }
p.website_by a:hover{ text-decoration:underline; }

.workshops{ width:659px; background-color:#FFFFFF; }
.workshops h1{ font-size:16px; font-weight:bold;  padding-left:5px; height:25px; background-color:#000000; color:#FFFFFF; margin-bottom:5px; }
.workshopsarea{ background-image:url("../images/workshop-strip.gif"); background-position:left; background-repeat:repeat-y; border-top:2px solid #67CC66; border-bottom:2px solid #67CC66; border-right:2px solid #67CC66; }
.workshop{ }
.workshopdate{ border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left; padding-top:5px; background-color:#A0E89F; width:132px; }
.workshopdate h4{ padding-left:10px; width:120px; }

.workshopinfo{ float: left; margin-left:20px; width:480px; }
.workshopinfo h2{ color:#339900; font-size:16px; padding-top:5px; font-weight:bold; }
.workshopinfo h2 a{ font-size:14px; font-weight:bold;  text-decoration:none;color:#44A01B; }
.workshopinfo h2 a:hover{ font-size:14px; font-weight:bold; text-decoration:underline;}
.workshopinfo h3{ color:#000000; font-size:14px; font-weight:normal; }
.workshopinfo h3 span{ font-weight:bold; }

#footer{ position:relative; height:30px; text-align:left; width:990px; background-color:#616161; color:#FFFFFF; }
#footer p{ position:absolute; top:3px; left:5px; font-size:12px;  }
#footer a{ color:#FFFFFF; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

#content #rightcolumn{
    float:right; margin-left:15px; width:180px;
}
#content #rightcolumn{
    width:180px;
    text-align:center;
}
#content #rightcolumn h3{
    display:block; width:100%; background-color:#005500; color:#FFFFFF; text-align:center; font-size:12px;
    
}


#content td{
	padding:7px 3px 7px 3px;
	font-size:12px;
	font-family:Arial;	
}

#content td a{
    text-decoration:none;
    color:#003300;
}
#content td a:hover{
    text-decoration:underline;
}
#content td.title a{
    text-decoration:none;
    color:#003300;
    font-weight:bold;
	font-size:14px;
}
#content td.title a:hover{
    text-decoration:underline;
}

#content tr.list_row_1{
	background-color:#DBEFD1;
}

#content tr.list_row_2{
	background-color:#F8F8F8;
}

.workshopinfo h4{ margin-top:10px; font-size:14px; color:#003300;}
.workshopinfo h4 span{ color:#FF6666; margin-top:10px; font-size:12px; }
.workshopinfo li{ font-size:12px; list-style:none; padding-left:30px; padding-top:5px; padding-bottom:5px;}

#content label{ width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block; font-weight:bold; }


#navigation2{

}

/* Navigation Menu */
 /* common styling */
.menu {
color:#FFF; 
font-weight:bold;
text-align:right;
float:right;
width:610px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:100px;
}

*html .menu ul ul {
	width:89px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
position:relative;
}

table th { font-family: Arial,Helvetica,sans-serif; }

*html .menu li{
	width:89px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
padding-right:10px;
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:89px; 
height:29px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 

line-height:29px;
}

.menu a.first{ background-color:#006600; border-bottom:1px solid #FFFFFF;}
.menu a.second{ background-color:#009900;  border-bottom:1px solid #FFFFFF;}
.menu a.third{ background-color:#009933;  border-bottom:1px solid #FFFFFF;}
.menu a.fourth{ background-color:#33CC66 ;  border-bottom:1px solid #FFFFFF;}
.menu a.fifth{ background-color:#66CC66;  border-bottom:1px solid #FFFFFF;}
.menu a.sixth{ background-color:#006600; border-bottom:1px solid #FFFFFF;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:110px;
w\idth:99px;
}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#006600;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background-color:#006600;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
margin-top:-1px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:100px; 
top:0;
width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-100px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#006600; 
color:#FFF; 
font-size:12px;
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:139px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:160px;
w\idth:139px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#333333;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

#content td{
	padding:7px 15px 7px 15px;
	font-size:12px;
	font-family:Arial;	
}

#content td a{
    text-decoration:none;
    color:#003300;
}
#content td a:hover{
    text-decoration:underline;
}
#content td.title a{
    text-decoration:none;
    color:#003300;
    font-weight:bold;
	font-size:14px;
}
#content td.title a:hover{
    text-decoration:underline;
}

#content tr.list_row_1{
	background-color:#DBEFD1;
}

#content tr.list_row_2{
	background-color:#F8F8F8;
}

.error_feedback ul{
	margin-bottom:20px;
	padding:10px 0px 10px 0px;
	border-top:1px dashed #000000;
	border-bottom:1px dashed #000000;
}
.error_feedback li{
	font-size:12px;
	color:red;
	margin-left:30px;
}

textarea#comments{ width:400px; height:100px; }

#largetextarea textarea{ width:400px; height:100px; }