body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	vertical-align: top;
	text-align: center;
	margin: 5px 5px 5px 5px;
    padding: 0;
	font-size: 13px;
	font-weight: bold;
	background: #ffeaff;
	body-height; 100%;
	}
body a:link { color: #441245; font-weight: bold; text-decoration: underline}
body a:visited { color: #441245; font-weight: bold; text-decoration: underline}
body a:hover {color: #441245; font-weight: bold; text-decoration: none}
	
p { text-align: center;}

body#home a#homenav, body#site, body#colour, body#links
{
	color: #000000;
	background: #ffeaff;
	text-decoration: none;
}
.navbar {
	background-color: #ffeaff;
	width: 165px;
	min-height: 100%;
}
.footer {
	background-color: #ffeaff;
	height: 20px;
	font-size: 1.0em;
	text-align: top;
	text-align:center;
	color:#000000;
	padding: 0;
	margin: 0;
}
.footerleft {
	background-color: #ffeaff;
	height: 20px;
	padding: 0;
	margin: 0;
}

.footer a:link{color:#441245;}

.header {
	background-image: url(images/web_design/charbanner09.jpg);
	background-color: #441245;
	position: relative;
    padding:0;
    margin: 0;
    height: 95px;
}
.content {
	margin: 15px;
	font-size: 13px;
	font-weight:bold;
    line-height: 16px;
	color: #000000;
    background-color: #ffeaff;
	text-align: justify; top;
	padding: 15px;	
}
.content a:link { color: #441245; font-weight: bold; text-decoration: underline}
.content a:visited { color: #441245; font-weight: bold; text-decoration: underline}
.content a:hover {color: #441245; font-weight: bold; text-decoration: none}
}

#navcontainer { text-align:left; margin-left: 3px; margin-right :0; margin-top:0; min-height: 100%;}

#navcontainer ul
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 1em;
	font-weight: bold;
	min-height: 100%;
}

#navcontainer li { margin: 5px 0 5px 0; }

#navcontainer ul ul li { margin: 0 0 1px 0px; }

#navlist { width: 154px; margin: 0 0 1px 0px; min-height: 100%; }

}

a:link {
	color: #441245;
}
a:visited {
	color: #441245;
}
a:hover {
	color: #441245;
	background-color: #FFFFFF;
}	
	}
	
margin: 0 5px 0 0;
	padding: 5px;
	}


.small {
	font-size: 0.80em;
}

.clearit {clear:both; line-height:1em; }

.content h1{
font-size: 15px;
text-align: center;
color: #660066;
padding: 0;
margin: 0px 0px 2px 0px;
}

}
.content h2{
font-size: 15px;
color: #9900CC;
padding: 0;
margin: 0px 0px 12px 0px;
}

.content h3{
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#800080;
margin: 0px 0px 12px 0px;
}

.content h4{
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin: 0px 0px 12px 0px;
}

.content ul {list-style-position:inside; list-style-type:square; text-align:left;}
.content li  { margin: 0 0 0.60em 0; }

.content ol {text-align:left;}

.top {color:#000000; font-weight:bold; font-size: 11px; border-color:#dfffbf; border-style:solid; border-width: 3px; padding:3px;}
.top a:link {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.top a:visited {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.top a:hover {color:#000000; background-color:#dfffbf; font-weight: bold; text-decoration: none; padding:3px;}

.box {text-align:center; font-size: 13px; font-weight: bold; color:#000000 margin: auto;}
.box li {list-style-type:none; }
.box {color:#000000; font-weight:bold; font-size: 13px; border-color:#99cc00; border-style:solid; border-width: 1px; padding:3px;}
.box a:link {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.box a:visited {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.box a:hover {color:#000000; background-color:#ffffff; font-weight: bold; text-decoration: none; padding:3px;}


hr {color:#aeaa9f; 
	width: 98%;
	margin: 3px auto 3px auto;
}

.gallery {
float: center;
margin: 0px 0px 0px 0px;
padding:5px;
text-align:center;
}

.gallerybox {text-align:left; width: auto; margin:auto; padding:0;}
.gallerybox2 {text-align:right; width: 560px; margin:auto; padding:0;}

.imgdisplayed {
    border-style:solid; 
    color: #800080; 
    border-width: 4px;
    margin-left: auto;
    margin-right: auto }
    
.imgdisplayed a:link { color: #800080; font-weight: bold; text-decoration: none}
.imgdisplayed a:visited { color: #800080; font-weight: bold; text-decoration: none}
.imgdisplayed a:hover {color: #800080; font-weight: bold; text-decoration: none}

.imgdisplayed2 {
    border-style:solid; 
    color: #dfffbf;
    border-width: 4px;
    margin-left: auto;
    margin-right: auto }

.imgnoborder {
    border-style:none; 
    color: #006600; 
    border-width: 3px;
    margin-left: auto;
    margin-right: auto 
}
.imgalign {
    text-align: middle;
    float: center;
    text-align: left;
    margin-left: 0px;
    margin-top: 1px;
    margin-right: 5px;
    float: left;
    padding: 0px;
    border-style:solid; 
    color: #006600; 
    border-width: 2px;   
}

.img {border-style:solid; color: #006600; border-width: 0px;}

.leftbox {text-align:left; margin:auto; width:75%;}

.left {text-align:left;}

.gallerycontainer{
	img-align:center;
	position: relative;
	overflow: hidden;
	float: center;
	width: 265px;
	height: 219px;
	background-color: #dfffbf;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 3px 3px 3px 3px;
    margin: 0 auto;
    border-style:solid; 
    border-color: #999999;  
    border-width: 3px;

}
.textcontainer{
	text-align:center;
	position: relative;
	overflow: hidden;
	float: center;
	width: 98%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px 5px 5px 5px;
    margin: 0 auto;
    border-style:none; 
    border-color: #999999;  
    border-width: 1px;

}
.textcontainer2{
	text-align:left;
	position: relative;
	overflow: hidden;
	float: center;
	width: 98%;
	height: auto;
	background-color: #ffffff;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px 5px 5px 5px;
    margin: 0 auto;
    border-style:solid; 
    border-color: #999999;  
    border-width: 3px;
}

.titlebox{
	img-align:center;
	vertical-align: top;
	text-align:center;
	float: center;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
}
#tablebox{
	img-align:center;
	vertical-align: top;
	text-align:center;
	float: center;
	width: 99%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: 5px auto 5px auto;

}
.pagetitle{
	img-align:left;
	vertical-align: top;
	text-align:left;
	float: center;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
}

#bottomnav{
	text-align:center;
	font-size: 0.80em;
	float: center;
	overflow: hidden;
	width: auto;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 20px 0px 0px 0px;
    margin: 0px;
}
.iframe{
	position: top;
	width:100%;
	height:435px;
	margin:0;
	padding: 0px 0 0 0;
	border-color:#990000;
	border:0px;
	border-right-style: none;
	frameborder:0px;
	scrolling: yes;
	text-align: left;
}

html {
scrollbar-face-color: #FFEAFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #660066;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #681869;
scrollbar-track-color: #FFF0FF;
}