/*
** 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("../etcom/pics/blueline.gif");
	background-repeat: repeat-y; 

}

/*amd 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: relative;
	left:200px;
	bottom: 0px;

}
#main {
	position: relative;
	top: 15px;
	border:0px solid rgb(51,205,255);
	/* these two margins affect IE 5.5 * 180 or 360*/ 
	margin-left: 19em;
	margin-right:1em; 
	width:30em;

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

}  
/*for the news box on front page*/
#rightbox{
 	position: absolute;
	right:1.5em;
	top:.5em;
	width:25%;
	background:white; 
	border:.2em solid rgb(42,142,196);
  	padding: 0px 5px;	
  	z-index:1;	
	font-size: .85em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;

}
/*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: white;
	padding: 2px;
 } 
 /*right photo*/ 			
#rightphoto{
	position: absolute;
	right:3em;
	top:2em;
  	z-index:0;	
}
.rightphoto	{
}			  
#footer {
/*	background:rgb(51,204,255);*/
	Position: absolute;
	top: 34em;	
	left: 6.75em;
	width: 7em;
/*	width: 85%;
	height: 30px;*/
 	border: 0px solid #CCC;
	margin: 0;
}
#logotop {
 position: absolute;/* vertical-align: middle;*/
	left:2.8em;
	top: .4px;
	border: 0px solid #000;
	z-index:4;
}
#tmbox {
Position: absolute;
left:19em;
top:5em;
z-index:5;
}
/*
#whitebox {
	position: absolute;
	top: 0px; 
	height: 22px;
	width: 100%;
	z-index: 3;
	background: #ccc;
	}*/
#greybox {
	width:19em;
	position:absolute;
	top: 140px;	

	height: 22px;
	border-bottom: 1px solid rgb(0,165,222);

	z-index: 1;
}
.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;

} 
/*#triangle {
	position:absolute;
	left:10em;
	top:10em;
} */
#greyboxbottop { 
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 6px; 
	background: #CCC;
	z-index: 1;
	border-top: px solid #F00;
	}
#greyboxbotbot {
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 6px;
	background: #CCC;
	z-index: 1;
	}
#spinepic {		
	position: absolute;	   
	left:32em;
	top:1em;
}  
#mpic {
	position:relative;
	float:left;
	}
table {
	border: 0px solid;
	font-size: .8em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
}						 
td{
	vertical-align: top;
}

/*link outside main box*/
a {
    text-decoration: none;
    color: #0099FF;
    background-color: transparent;
}  
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: .8em;
	font-family: verdana, helvetica, sans-serif;
	text-align:justify;
}

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

p a {
    color: #0000ff;
	text-decoration: underline;
}
p a:visited {
    color: #0000ff;
    background-color: transparent;
}
p a:active {
    color: #0000ff;
    background-color: transparent;
} 
p a:hover {
 color:white;
font-weight: bold;
background-color: rgb(51,204,255);
text-decoration: none;
  }

.right {
   text-align:right;
   }	
.centre {
   text-align:center;
   }   
   
   /*headings*/
h1, h2, h3, h4, h5, h6 {
    color: rgb(45,61,76);
    background-color: transparent;
    font-family: verdana, helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:rgb(51,204,255);  
}

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.25em;
    border-bottom: none;
    font-weight: bold; 
	font-family:verdana, helvetica, sans-serif;
}

h5 {
    font-size: .6em;
    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;
}
ul a, ol a {
    text-decoration: underline;
}
li {
    margin-bottom: 1em;
}
q	{
	quotes:'&#8220 &#8221'; 
}
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: red;
} 					  
/*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: 14em;
	z-index: 0;
	border: 0px solid;
}

dd.link a {

    color: #ccffff;	
	
}

.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: 140px;
	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;
}