body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    width: 770px;
	margin-left:auto;
	margin-right:auto;
    background-color: #FFFFFF;
}
img
{
    border:none;
}
ul
{
    padding-top:10px;
    padding-bottom:10px;
    margin-top:0px;
    margin-bottom:0px;
}
p
{
    padding-top: 0px;
    margin-top: 0px;
}



/* -------------  text box ------------- */
.input 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.inputpagetext
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	width: 595px;
}
.PageTextInput
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 200px;
	width: 595px;
}
.inputlistitem
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	width: 280px;
}
.contactinput 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:75px;
}
.sitemap_input
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	width: 180px;
}
/* List of pdf articles */
.article_title_input {width: 470px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.article_description_input {width: 470px; height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}



/* -------------  headings ------------- */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	margin-top: 0px;
	padding-top:0px;
}
.h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight:bold;
	padding-top: 0px;
}




/* ------------- image styles ------------- */
.bordered {
    border-width: 0px;
	border-color: #000000;
	border-style: solid;
}



/* -------------  div styles ------------- */
div 
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px, 0px, 0px, 0px;
    border-style: solid;
    border-width: 0px;
    border-collapse:collapse;
    background-repeat:no-repeat;
}

.title {
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.menu {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.contact {
	float: right;
	font-size: 12px;
	padding-top: 5px;
	text-align:right;
	height: 73px;
}
.sidebar 
{
    float:left;
    width:120px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #F3F3F3;
	border-width: 1px 1px 1px 1px;
    border-style:solid;
    border-color: #999999;

}
.bodytext
{
	font-size: 12px;
	padding-left:168px;
}
.sitemap_admin
{
    width:200px;
    height: 150px;
    float:left;
    font-style: italic;
    text-align:left
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
	text-align:center;
	clear:left;
	width:768px;
	background-color: #FFFFFF;
}
.textinput 
{
    float: left;
    width: 600px;
}
.listinput
{
    width: 300px;
    float:left;
}
.border_bottom
{
    width:600px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-color:#CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
}
.border_top
{
    width:600px;
    border-top-width:1px;
    border-bottom-width:0px;
    border-color:#CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
}
.border_both
{
    width:600px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-color:#CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
}
.no_border
{
    width:600px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#CCCCCC;
    padding-top: 0px;
    padding-bottom: 10px;
    float:left;
}
.hr
{
    width:600px;
    height:1px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-color:#CCCCCC;
    padding-top: 0px;
    padding-bottom: 0px;
    float:left;
}
.spacer
{
    float:left;
    width:600px;
    height:15px;
}

.list_output
{
    width:300px;
    height:inherit;
    float:right;
    text-align: right
}

/* List of pdf articles */
.article_title
{width: 450px; float:left; font-weight:bold;}
.pdf_link
{width: 150px; float:right; text-align:right;}
.pdf_input
{float: left; width: 480px; padding-top: 5px; padding-bottom: 5px; padding-left:0px; padding-right:0px;}
.pdf_input_label
{float: left; width: 110px; text-align:right; padding-right: 10px; padding-left:0px; padding-top: 5px; padding-bottom: 5px;}
.pdf_upload
{float: left; width: 240px; padding-top: 5px; padding-bottom: 5px; padding-left:0px; padding-right:0px;}
.pdf_upload_status
{float: left; width: 235px; padding-top: 5px; padding-bottom: 5px; padding-left:5px; padding-right:0px;}


/* List of services */
.serviceslistimage
{width: 100px; float:left; margin-top:auto; margin-bottom:auto;}
.serviceslisttext
{width: 490px; float:right; padding-left:10px}
.serviceslisttitle
{width: 490px; float:right; padding-left:10px; font-weight:bold;}

/* List of sites etc. */
.contact_details
{float: left; width: 600px; color:#666666}

/* Site map puzzle */
.puzzlelogo
{float:right; width:300px; background-image:url(../images/puzzle_small.jpg); padding-bottom:5px;}
.puzzletopleft
{width:125px; height:100px; float:left; text-align:center; padding-top: 50px; padding-left: 25px;}

/* Tell a friend */
.tellafriend
{float:right; width:150px; padding:5px 5px 5px 5px; margin:0px 0px 5px 5px; border: solid 1px #999999; color:#333333;}
.tellafriendhomepage
{float:left; padding:5px 5px 5px 5px; border: solid 1px #999999; color:#333333;}


/* ------------- table styles ------------- */
table {
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
}
.pdflisttable
{
    width:600px;
    max-width:600px;
}

/* -------------  td styles ------------- */

/* Table of pdf articles */
.Number
{width: 20px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border: solid 1px #999999; vertical-align:top; text-align: right;}
.ArticleTitle
{width: 180px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border: solid 1px #999999; vertical-align:top;}
.ArticleDescription
{width: 340px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border: solid 1px #999999; vertical-align:top;}




/* ------------- a styles ------------- */
a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline;}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline;}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}

a.disclaimer:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline;}
a.disclaimer:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline;}
a.disclaimer:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: underline;}

a.tellafriendlink:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline;}
a.tellafriendlink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline;}
a.tellafriendlink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}

a.menulink {font-size:12px;}
a.menulink:link {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
a.menulink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
a.menulink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: underline;}

a.contactdetails:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}
a.contactdetails:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}
a.contactdetails:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-decoration: underline;}

a.puzzlelink:link {font-size: 12px; color: #000000; text-decoration: none;}
a.puzzlelink:visited {font-size: 12px; color: #000000; text-decoration: none;}
a.puzzlelink:hover {font-size: 12px; color: #333333 ; text-decoration: underline;}

a.puzzlehead:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; font-weight: bold;}
a.puzzlehead:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; font-weight: bold;}
a.puzzlehead:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold;}

a.addremoveitem:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}
a.addremoveitem:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}
a.addremoveitem:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-decoration: none;}


/* ------------- top menu ------------- */
.logotop
{
    float:left;
    width:145px;
    height:30px;
}

a.tabs:link,
a.tabs:visited 
{   font-size:12px;
    text-decoration:none;
    color:#666666;
}
a.tabs:hover,
a.tabs:focus
{   font-size:12px;
    text-decoration:underline;
    color:#666666;
}

.homebg
{
    float:left;
    width: 50px;
    height: 16px;
    background: url(../images/home_tab.gif);
    padding-top:14px;
    text-align:center;
}
.home_sel
{
    float:left;
    width: 50px;
    height: 16px;
    background: url(../images/home_tab_sel.gif);
    padding-top:14px;
    text-align:center;
    color:#000000;
    text-decoration:none;
}

.servicesbg {
    float:left;
    width: 116px;
    height: 22px;
    background: url(../images/services_tab.gif);
    padding-top:8px;
    text-align:center;
}
.services_sel {
    float:left;
    width: 116px;
    height: 22px;
    background: url(../images/services_tab_sel.gif);
    padding-top:8px;
    text-align:center;
    color:#000000;
    text-decoration:none;
}

.professionalsbg 
{
    float:left;
    width: 90px;
    height: 18px;
    background: url(../images/professionals_tab.gif);
    padding-top:12px;
    text-align:center;
}
.professionals_sel {
    float:left;
    width: 90px;
    height: 18px;
    background: url(../images/professionals_tab_sel.gif);
    padding-top:12px;
    text-align:center;
    color:#000000;
    text-decoration:none;
}

.parentsbg 
{
    float:left;
    width: 115px;
    height: 20px;
    background: url(../images/parents_tab.gif);
    padding-top:10px;
    text-align:center;

}
.parents_sel {
    float:left;
    width: 115px;
    height: 20px;
    background: url(../images/parents_tab_sel.gif);
    padding-top:10px;
    text-align:center;
    color:#000000;
    text-decoration:none;
}

.publicationsbg 
{
    float:left;
    width: 220px;
    height: 24px;
    background: url(../images/publications_tab.gif);
    padding-top:6px;
    text-align:center;
}

.publications_sel {
    float:left;
    width: 220px;
    height: 24px;
    background: url(../images/publications_tab_sel.gif);
    padding-top:6px;
    text-align:center;
    color:#000000;
    text-decoration:none;
}



/* ------------- page headers ------------- */

#home
{   
    width: 748px;
    height: 80px;
    background-image: url(../images/home_r3_c1.jpg);
    background-position: -1px top;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    float:left;
    padding: 10px 10px 10px 10px;
    font-size:14px;
    overflow:hidden;
}

#services
{   
    width: 748px;
    height: 80px;
    background-image: url(../images/services_r3_c1.jpg);
    background-position: -1px top;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    float:left;
    padding: 4px 10px 10px 10px;
    font-size:14px;
    overflow:hidden;
}

#professionals
{   
    width: 748px;
    height: 80px;
    background-image: url(../images/professionals_r3_c1.jpg);
    background-position: -1px top;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    float:left;
    padding: 8px 10px 10px 10px;
    font-size:14px;
    overflow:hidden;
}

#parents
{   
    width: 748px;
    height: 80px;
    background-image: url(../images/parents_r3_c1.jpg);
    background-position: -1px top;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    float:left;
    padding: 6px 10px 10px 10px;
    font-size:14px;
    overflow:hidden;
}

#publications
{   
    width: 748px;
    height: 80px;
    background-image: url(../images/publications_r3_c1.jpg);
    background-position: -1px top;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    float:left;
    padding: 2px 10px 10px 10px;
    font-size:14px;
    overflow:hidden;
}