body { margin:0;padding:0; text-align:center;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color:#646567;
}

p { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color:#646567;}

td { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color:#646567;}

.turq 
{color: #0099A7
}

li {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#646567;
}

h1 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt; 
color: #9f9f9f;
margin:0px;
}
h2 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: #9f9f9f;
margin-bottom: 0px;
}

hr {  color: #7D5190}

a.nav:link {text-decoration: none;
color:#646567;
}

a.nav:visited {text-decoration: none;
color:#646567;
}
a.nav:hover {
color: #000000; 
text-decoration: underline;
}

input {  
font-family: Verdana, Helvetica, sans-serif; 
font-size: 8pt; 
color: #666666}

a:link {  color: black}
a:visited {  color: #666}
a:hover { 
color: #0492A0;
}


#leftcontent {
	position: absolute;
	left:0px;
	top:0px;
	width:50%;
	z-index: 1;
	height: 100%;
		background-image: url(images/bg-left.jpg); 
		background-repeat: repeat-x;
		background-position: top;
		border-top: 9px solid #dfdfdf;


		}
		
#rightcontent {
	position: absolute;
		right:0px;
		top:0px;
		width:50%;
		z-index: 2;
		height: 100%;
		background-image: url(images/bg-right.jpg); 
			background-repeat: repeat-x;
		background-position: top;
		border-top: 9px solid #dfdfdf;


	}
#maincontent {
		position:relative;
		z-index:3;
		border-top: 9px solid #dfdfdf;
		text-align:center;
		width: 1104px;
		}
		
html>body #maincontent {
				z-index:3;
				margin: auto;
				height: 1000px;
				text-align:center;
			
		}
#container
		{
		width:1104px;
		text-align:center;
}

#top{
width:100%;
height: 130px;

}

#logo {
width: 222px; 
float:left;
margin-top:-29px;
margin-left:8px;
position: absolute;
z-index: 3;
}
html>body #logo {
width: 222px; 
float:left;
margin-top:8px;
margin-left:8px;
position: absolute;
z-index: 3;
}
#topmenu 
{height:40px; 
width: 414;
margin-right: 0px;
float: right;
}
html>body #topmenu 
{height:40px; 
width: 414;
margin-right: 145px;
float: right;
}

#submenu
{
top: 200px;
margin-right: 148px;
float:right;
}
#left {
width:75px;
float:left;
}
#right {
width: 75px;
float:left;
}
#centrewrap
{
margin: auto 0px;
background:white;

}
#picture
{
height: 386px;
top: 81px;
position: absolute;

}
#pictureDownloads
{
height: 62px;
top: 81px;
position: absolute;

}

#pictureGallery
{
height: 423px;
top: 82px;
position: absolute;
background: url(images/gallery-bg.jpg) no-repeat;
width:954px;
}

#enlarge
{
margin-top: 97px;
margin-left: 65px;
width: 460px;
}
#galleryTitle
{float:right;
width: 291px;
height: 350px;
margin-top: 97px;
}

.headGallery
{margin-top: 100px;
}
#main
{
margin-top: 80px;
position:absolute;
top:369px;
}

#mainGallery
{
margin-top: 80px;
position:absolute;
top:430px;
}
#mainDownloads
{
margin-top: 80px;
position:absolute;
top:63px;
background: white;

}
#middlehome {
padding: 20px;
background: url(images/bg-centre.gif) no-repeat #F3F3F3;
width: 326px;
float: left;
border-left: 1px solid white;
margin-bottom: 10px;
height: 237px;
}

html>body #middlehome {
width: 290px;

height: 197px;
}

#middle {
padding: 20px;
background: url(images/bg-centre-main.gif) no-repeat #F3F3F3;
width: 645px;
float: left;
border-left: 2px solid white;

}

html>body #middle {
width:605px;
min-height: 197px;

}

#middlePlain {
padding: 20px;
background: #ffffff;
width: 895px;
float: left;
}


#leftmenu{
width:308px; 
padding: 0px;
margin: 0px;
float:left;
margin-bottom: 10px;

}

#rightmenu{
width:317px; 
background-color: #F3F3F3;
float:left;
border-left: 2px solid white;
padding: 11px 0px 13px 13px;
}

html>body #rightmenu{
width:299px; 
background-color: #F3F3F3;
float:left;
border-left: 2px solid white;
padding: 11px 0px 13px 13px;
}

#righthome {
float: right;
border: 1px solid yellow;
}

#footer 
	{
	clear: both;
	width: 954px;
	position: relative;
	border-top: 1px dotted #dfdfdf;

	}	
	
.footer {
	font: 7pt tahoma;
	color: #9c9e9f;
	padding-top: 10px;
	}
	
.footer a:link, .footer a:visited {
	text-decoration:none;
	color: #9c9e9f;
	}
	
.footer a:hover {
	color:black
	}
	
#featureleft
{width:45%; 
padding:10px; 
float:left
}
.line
{
border-bottom: 1px dotted #ccc;
padding: 3px;
margin: 0px;
}
.dltxt
{background:white;
padding-bottom:4px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #5c5c5c;
}



.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 895px; /*Width of Carousel Viewer itself*/
height: 84px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 895px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 84px;
}
.medtxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#646567; }