/*
     styles by www.theimagesgroup.co.uk
*/

/* 

 Site Colors

Solid Purple 	#3333cc
Medium Purple 	#6868E1
Light Purple	#BEBEFF
Faint Purple	#E1E1FF
Off White		#F1F1FF

*/

/*Begin General HTML Formatting*/

body {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 84%;
	background-color: #A1C3E5;	text-align: left; vertical-align: top;	padding: 0;	margin: 0;	color: #143D66;
}
body div {vertical-align: top;}

/* Tables */
table[border="1"] { border: 1px dashed #33c; }
table th, table td	{width: auto; border: 1px dashed #eee; padding:2px; }

table th {color: #33c; vertical-align: top; background:#E1E1FF; }
table td {vertical-align: top;}
#page table {width:90%; margin: 1em auto; text-align: center; clear: both;}



/* Generic Headings */
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: bold;
	margin: 0.4em 0 0.8em 0.4em;
	color: #33c;
}
h1 {font-size: 1.8em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.15em;}
h6 {font-size: 1.1em;}
img {
	border: 0;
}
blockquote {
	border-left: 5px solid #6699CC;
	border-right: 5px solid #E5F2FF;
	background-color: #E5F2FF;
	color: #143D66;
}
blockquote p {}
hr {
	color: #379;
	background-color: #379;
	border: 0;
	height: 2px;
	text-align: center;
	clear: both;
}
ul {list-style-type: square;}
ol {}
li {}
abbr, acronym {cursor: help; color: #379;}

/*******************************/
/*Begin CSS Hyperlink Formatting*/
/*******************************/

/*Standard Links*/
a 			{text-decoration: underline; }
a:link 		{color: #0000FF; }
a:visited 	{color: #143D66; }
a:active 	{color: #379; } 
a:hover 	{color: #379; }
a:focus 	{outline-width: 1px;outline-style: solid;outline-color: #379;}

#menu a {
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	border-top: 1px solid #E5F2FF;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #A1C3E5;
	border-right: 1px solid #A1C3E5;
	text-align: center;
	text-decoration: none;
}
#menu a:link, #menu a:visited {color: #00F;}
#menu a:hover, #menu a:active {
	color: #379;
	background-color: #E5F2FF;
	border-top: 1px solid #E5F2FF;
	border-bottom: 1px solid #6699CC;
	border-left: 1px solid #E5F2FF;
	border-right: 1px solid #6699CC;
}
#menu:hover:after, a.menu:focus:after {
}		

/*******************************/
/*Begin CSS DIV Styles		   */
/*******************************/

#root {
	width: 710px; /* 710px or 53em */
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	border-right: 1px solid #1F5C99;
	border-left: 1px solid #1F5C99;
}
#headerTile {
	margin: 0;
	padding: 0;
	background-image: url(images/header_grad.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-color: #6699CC;
	border-top: 1px solid #E5F2FF;
	border-bottom: 1px solid #1F5C99;
}
#header {
	background-image: url(images/header_curve.jpg);
	margin: 0;
	padding: 0;
	height: 126px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
html>body #header{height:128px;}
#header h1 {display: none; visibility: hidden; speak: none;}
#menu {
	border-top: 1px solid #E5F2FF;
	border-bottom: 1px solid #6699CC;
	background-color: #A1C3E5;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#menuProducts {
	margin: 0.2em;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #6699CC;
	background-color: #E5F2FF;
	font-size: 90%;
}
#page {
	padding: 0.6em;
	background-color: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #1F5C99;
}

#page img {margin: 4px;}
#footer {
	padding: 0.6em;
	background-color: #FFFFFF;
	border-top: 1px solid #E5F2FF;
	border-bottom: 1px solid #1F5C99;
}
.boxContact {
	margin-top: 0;
	padding: 0.3em;
	border-top: 1px solid #A1C3E5;
	border-bottom: 1px solid #1F5C99;
	background-color: #E5F2FF;
}
.boxContact p {
	margin: 0.1em;
}
.boxContact a:link, .boxContact a:visited {
	color: #143D66;
	text-decoration: none;
}
.boxContact a:hover, .boxContact a:active {
	color: #3333CC;
	text-decoration: underline;
}
/* Top Link Button Effect */
.topLink {
	width: 9em;
	text-align: center;
	background-color: #A1C3E5;
	color: #1F5C99;
	border-top: 1px solid #6699CC;
	border-bottom: 1px solid #143D66;
	border-left: 1px solid #6699CC;
	border-right: 1px solid #143D66;
}
.topLink img {
	padding-right: 0.6em;
	margin-bottom: -4px;
}
.topLink:hover {
	background-color: #1F5C99;
	color: #FFFFFF;
}
.topLink a {
	padding: 0.2em;
	display: block;
	text-decoration: none;
}
.topLink a:link, .topLink a:visited {
	background-color: #A1C3E5;
	color: #1F5C99;
}
.topLink a:hover, .topLink a:active {
	padding: 0.2em;
	display: block;
	background-color: #1F5C99;
	color: #FFFFFF;
}
.highlight {
	background-color: #E5F2FF;
	border: 1px dashed #A1C3E5;
	margin: .5em;
	padding: .2em;
}
.highlight th {
	border-bottom: 1px dashed #A1C3E5;
	background-color: #A1C3E5;
}
.validLogos {
	width: 48em;
	height: 2.5em;
	vertical-align: middle;
	background-color: #E5F2FF;
	margin: 0 auto;
	padding: .32em;
	text-align: center;
	border: 1px dashed #A1C3E5;
}
.w3c {float: left; width: 16em;}
#lastP {font-size: 1%;}

