/*
** With thanks to the Plone Organization for starting me off - remnants of their code will still be found here
*/

/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

/* The basic elements: */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url("pix/blueline.gif");
	background-repeat: repeat-y; 

}

/*and now the traditional stuff*/
#header {
/*	background:#36d6ff;	 */
	top: 22px;
	left: 200px; 
	/* IE 5.5 */
	height:152px;
/*	border-right:0px solid #000;
	border-left:0px solid #000;*/
 	voice-family: "\"}\"";
	voice-family: inherit;
	/* IE 6 */
	height: 152px;
}
html>body #banner {
	/* Mozilla and Safari */
	height: 152px;
}
#bannertext{
	position: absolute;
/* Normal logo
	left:12.25em;
	top:2.215em;  
	Xmas logo
	*/
	left:15.2em;
	top:1.5em;
	width:35%;
	background-color: inherit; 
	border:0em solid rgb(42,142,196);
  	padding: 0px 5px;	
  	z-index:5;	
	/*Normal font 1.5*/
	font-size: 1.25em;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(42,142,196);
	text-align:left;
}
#main {
	position: relative;
	top: 15px;
	border:0px solid rgb(51,205,255);
	/* these two margins affect IE 5.5 * 180 or 360*/ 
	margin-left: 17em;
	margin-right:1em; 
	width:50%;

	padding: 0px 0px 0px 5px;
 	voice-family: "\"}\"";
	voice-family: inherit;
	/* these two margins affect IE 6 */ 
	margin-left: 17em;
	margin-right:1em; 
	width: 50%; 
}
html>body #main {
	/* these two margins affect Mozilla and Safari */ 
	margin-left: 17em;
	margin-right:1em;
	width:50%; 

}  

/*for the news box on front page*/
#rightbox{
 	position: absolute;
	left:16em;
	top:10em;
	width:20em;
	background:white; 
	border:0em solid rgb(42,142,196);
  	padding: 0px 5px;	
  	z-index:1;	
	font-size: 1.2em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
	background-color: inherit;
}		  
/*for box with exhibition logo*/
#rightbox2{
 	position: absolute;
	left:27em;
	top:13.7em;
	width:15em;
	background:white; 
	border:0em solid rgb(42,142,196);
  	padding: 0px 5px;	
  	z-index:1;	
	font-size: .85em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
	background-color: inherit;
}
/*Popups*/
#quote { 

	position: absolute;
	top: 4em;
	width:20%;
	left: 30em ;
	z-index:100;	 
	font-family:verdana, sans-serif; 	
	font-size: .8em;
	display: block; 
	text-align: center;
	border: .2em solid rgb(254, 24 ,184); 
	background-color: inherit;
	padding: 2px;
 } 
 /*right photo*/ 			
#rightphoto{
	position: absolute;
	right:-5em;
	top:2em;
  	z-index:0;					 
	background-color: inherit;	  
} 
.rightphoto	{
}			  
#footer {
/*	background:rgb(51,204,255);*/
	Position: absolute;
	top: 34em;	
	left: 6.75em;
	width: 7em;
	/*	height: 30px;*/
 	border: 0px solid #CCC;
	margin: 0;					 
	background-color: inherit;	
}
#logotop {
 position: absolute;/* vertical-align: middle;*/
	left:2.8em;
	top: .4px;
	border: 0px solid #000;
	z-index:4;					 
	background-color: inherit;
}
/*Frontpage boxes:*/
#painbox {
	position: absolute;
	top: 25.75em; 
	left:22em;
	font-family: verdana, helvetica, sans-serif;  
	font-size: .8em;
	color: rgb(45,61,76); 
	text-align: center;
	background-color: inherit;	
	width: 21em;
	z-index: 3;

	}		   
#dsebox{
	position: absolute;
	top: 6em;
	right:2em; 
	width: 35em; 
	font-family: verdana, helvetica, sans-serif;
	font-size: .8em;
	color: rgb(45,61,76);
	text-align: right;
	z-index: 3;
	background-color: inherit;
	}		

#hrbox{
	position: absolute;
	top: 8em; 
	right:2em;
	width: 30em;
	font-family: verdana, helvetica, sans-serif;	 
	font-size: .8em;
	color: rgb(45,61,76);
	text-align: right;
	z-index: 3;					 
	background-color: inherit;	
	}		
#drvrbox{
	position: absolute;
	top: 10em; 
	right:2em;
	width: 20em;
	font-family: verdana, helvetica, sans-serif;
	font-size: .8em;
	color: rgb(45,61,76);
	text-align: right;
	background-color: inherit;
	z-index: 3;
	}	
#bossbox{
	position: absolute;
	top: 25em; 
	left:47.5em;
	width: 16em;
	font-family: verdana, helvetica, sans-serif;  
	font-size: .8em;
	color: rgb(45,61,76);
	text-align: center;
	z-index: 3;
	background-color: inherit;
	}	
#strapbox{
	position: absolute;
	top: -3.15em;
	left:3em; /*reduced from 9*/
	width: 20em; 
/*	border: .2em solid rgb(254, 24 ,184);*/
	padding: 2px;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: justify;		 
	background-color: inherit;	
}	
#line{
	position: absolute;
	top: 6em; 
	left:1.5em;
	width: 2em;
	z-index: 2;
	border:0px;
	background-color: inherit;
	} 	
#indexcopyright{
	position: absolute;
	top:30em;  
	left:2em;
	width: 15em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
/*	font-size:.85em;*/
	background: white;
	background-color: white;	
	}	

/*Action boxes*/
#action1 {
	position: absolute;
	top: 12em;  
	left:85%;
	width: 8em;
	height:5em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: center;
	border: .1em solid rgb(42,142,196);	
	font-size: 0.8em ;			 
	background-color: inherit;	
	}		
#action2{
	position: absolute;
	top: 20em;  
	left:85%;
	width: 8em;
	height:5em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: center;					
	border-bottom: .1em solid rgb(42,142,196);
	font-size: 0.8em;			 
	background-color: inherit;	
	}		
#action3{
	position: absolute;
	top: 28em;  
	left:85%;
	width: 8em;
	height:5em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: center;					
	border-bottom: .05em solid rgb(42,142,196);		
	font-size: 0.8em;			 
	background-color: inherit;	
	}		
#action4{
	position: absolute;
	top:36em;  
	left:85%;
	width: 8em;
	height:5em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: center;
	border-bottom: .1em solid rgb(42,142,196);	
	font-size: 0.8em ;
	background-color: inherit;	
	}					
#actionleft{
	position: absolute;
	top:20em;  
	left:83%;
	width: 1px;
	height:24em;
	z-index: 3;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(45,61,76);
	text-align: center;
	border-left: .1em solid rgb(42,142,196);	
	font-size: 0.8em;
	background-color: inherit;	
	}
	
	
/*Other boxes*/	
#greybox {
	width:17.2em;
	position:absolute;
	top: 140px;	
	height: 22px;
	border-bottom: 1px solid rgb(0,165,222);
	z-index: 1;					 
	background-color: inherit;	
}
.greyboxtext{
 	Position: absolute;
	Top:6em;
	font-size: 1.25em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
	margin-left:4.2em;
	color: rgb(0,165,222); 
	z-index:15;					 
	background-color: inherit;	
} 
.greyboxtextsmall{
 	Position: absolute;
	Top:6.5em;
	font-size: 1.15em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
	margin-left:4.2em;
	color: rgb(0,165,222); 
	z-index:15;					 
	background-color: inherit;	
} 
#greyboxbottop { 
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 6px; 
	background: #CCC;
	z-index: 1;
/*	border-top: px solid #F00;*/ 
	background-color: inherit;
	}
#greyboxbotbot {
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 6px;
	background: #CCC;
	z-index: 1;					 
	background-color: inherit;	
	}
#spinepic {		
	position: absolute;	   
	left:32em;
	top:1em;					 
	background-color: inherit;	
}  
#mpic {
	position:relative;
	float:left;					 
	background-color: inherit;	
	} 
/*tables*/
table {
	border: 0px solid;
	font-size: .7em;
	font-family: verdana, helvetica, sans-serif;
/*	text-align:justify;*/
}						 
td{
	vertical-align: middle;
}
th{
	vertical-align:top;
	text-align: left;
	font-weight: lighter;
}
/*text things hereon*/
/*link outside main box*/
a {
    text-decoration: underline;
    color: #0066ff/*rgb(51,204,255)*/;
    background-color:  inherit;
}  
a:visited{
}

a:active{Color:red;
}

a:hover{ 
font-size: 1em;
color:white;
font-weight: bold;
background-color:rgb(51,204,255);
}
img {
    border: none;
    vertical-align: middle;
} 
/*Para style in main*/
p {
    margin: 0.5em 0em 1em 0em;
	width: 95%;
	font-size: .7em;
	font-family: verdana, helvetica, sans-serif;
/*	text-align:justify;*/
}

.indent{
		width:87%;
		margin-left: 3.5em;
}

.right {
   text-align:right;
   }	
.centre {
   text-align:center;  
   }   				   
/*para style for posture article*/
.post {
    margin: 0.5em 0em 1em 0em;
	width: 95%;
	font-size: .8em;
	font-family: verdana, helvetica, sans-serif;
/*	text-align:justify;*/
} 
   /*headings*/
h1, h2, h3, h4, h5, h6 {
    color: rgb(45,61,76);
    background-color:  inherit;
    font-family: verdana, helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}	
h1 {
    font-size: 2em;
    padding-right: 4em;	
	margin-top: 15px;
	margin-left: 153px;
	font-family:"times new-roman",serif;
}

h2 {
    font-size: .8em;
    border-bottom: none;
    font-weight: bold;
}

h3 {
    font-size: 1.25em;
    border-bottom: none;
    font-weight: bold;					   
	font-family:verdana, helvetica, sans-serif;
}

h4 {
    font-size: 1.05em;
    border-bottom: none;
    font-weight: bold; 
	font-family:verdana, helvetica, sans-serif;	
}

h5 {
    font-size: .8em;
    border-bottom: none;
  	margin-left: 00px;
}

h6 {
    font-size: .8em;
    border-bottom: none;
    font-weight: bold; 
	text-align:right;
	margin-right:5%;
}


ul { 
    line-height: 1em;
    list-style-type: circle;
    margin: 0.25em 0 0 1.25em;
    padding: 0;	
	font-size: .8em;
	font-family: verdana,helvetica,sans-serif;
	text-align: left;
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}

li {
    margin-bottom: 1em;
}
hr {width: 95%;
	text-align: left;/*this will align it for IE*/
	margin: 1.5em 0 auto 0 ; /*this will align it left for Mozilla*/ 
	background-color: rgb(254, 24 ,184); 
	color:rgb(254, 24 ,184);
	height: .25em;
	border: 0;
} 

.netscape4 {
    display: none;
} 
.reddish {
	color: rgb(254, 24 ,184);
	background-color: inherit;		 
	font-weight:bolder;
} 					  
/*blue initials in etcom page*/
.bluebig {
	  color: rgb(51,204,255);
	  font-weight:bolder;
	  font-size:1.5em;
}				   
/*blue text in testimonials*/
.blue {
	  color: rgb(51,204,255);
/*	  font-weight:bolder;)
	  font-size:.8em;*/
}
.address {
	white-space: pre;
	font-family: verdana,helvetica,sans-serif;
	font-size: .8em;
}
.bluestrong {
	color: rgb(51,204,255);
	font-weight: bolder;
}
/*menu in boxes*/
#buttonscontainer {
	position: absolute;
	left:4em;
	top:11em;
	width: 15em;
	z-index: 0;
	border: 0px solid;
}

dd.link a {

    color: #ccffff;	  
	
	
}					   
dt	{
font-family: verdana,helvetica,sans-serif;
font-size: .8em;
}

.group
{ 
	font-size: 1em;
	font-weight: 700;
} 
.group2
{ 
	font-size: 1em;
	font-weight: 700;
}
.page 
{ 
	color: #ccffff; 
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	color:rgb(45,61,76); 

}

.buttons a 
{
	color: rgb(45,61,76);
	border: 0px solid; 
	padding: 2px;
	padding-left: 3px;
	font: .8em Verdana, sans-serif;	
	text-decoration: none;
	display: block;
	margin: 0px;
	width: 160px;
	text-align: left;
}

.buttons a:hover 
{
	border: 0px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;	
	font: 12px Verdana, sans-serif;	   
	background-color: rgb(51,204,255);
	color: black;
	text-decoration: none;
}
.buttonssite a 
{
	color: rgb(45,61,76);
	border: 0px solid; 
	padding: 2px;
	padding-left: 3px;
	font: .8em Verdana, sans-serif;	
	text-decoration: none;
	display: block;
	margin: 0px;
	width: 260px;
	text-align: left;
}

.buttonssite a:hover 
{
	border: 0px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;	
	font: 12px Verdana, sans-serif;	   
	background-color: rgb(51,204,255);
	color: black;
	text-decoration: none;
}
TD.aside {font-size: smaller;}

.borderdraw {
	line-height:0px;
	width:0px;
	height:0px;
	border-style:solid;
}