body {
margin:0; padding:0;
font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:90%; color:#666666; background-color:#b2b2b2;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#009; text-decoration:underline;}

a:hover {
color:#32668E; text-decoration:none;}

a:active {
color:#82D339; text-decoration:underline;}

div.wholepage {
margin:0 8% 0 8%; padding:0; background-color:#FFFFFF; max-width:1920px;}

div {margin:0; padding:0;}

h1 {
color:#32668E; font-size:170%; font-family:"Trebuchet MS", Helvetica, sans-serif; 
font-weight:normal;}

h3 {
color:#32668E; font-family:"Trebuchet MS", Helvetica, sans-serif; 
font-weight:normal;}


/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0;}

.superheader {
background-color:#6990ad; text-align:right; color:#FFFFFF; padding:15px; font-size:85%; color:#fff;}

.mainheader {
margin:0; padding:0px 1em 0px 1em; text-align:left;
background-image:url(images/title-faded-marquee.jpg); background-repeat:no-repeat; background-position:right top;}

.mainheader h1 {
font-size:300%; margin:0 0 5px 0; padding:0;}

.mainheader p {
text-indent:4em; color:#5D99C7; margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#6990ad; margin:0; padding:1em; text-align:center; color:#FFFFFF;}




/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; padding:0; float:left; width:17%; text-align:center;}

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#294D69; font-weight:normal;
 font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:120%;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:10px; display:block; border-bottom:1px solid #294D69;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.5em;}

.nav a:hover {
display:block; margin:0; text-decoration:none; color:#666666; margin:0; padding:0.5em; background-color:#ACCBE2;}

.nav a:active {
display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.5em;}




/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 17%; padding:2em; border-left:1px solid #294D69;  min-height:550px;}

#content img {
float:left; border-style:none; padding:15px 15px 15px 0;}

#content #main table td {text-align:center;
border-style:none;}


#content table img {text-align:center;
border-style:none; padding:10px 10px 0 10px; float:none;}

q {
display:block; margin:0; padding:0.4em 15% 0.6em 15%; color:#999999; font-size:150%; 
text-align:center; height:3.5em; line-height:1.5em; height:auto;}

q:before, q:after {
content:"";}

.testimonialr {display:block; margin:0; padding:0.4em 15% 0.6em 15%; color:#06C; text-align:center; height:1.5em; line-height:1.5em; font-style:italic; font-size:80%;}

#content h1 {margin:0; padding:0.1em;}

.centered-table {
  margin:0 0 0 3%;
}


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;}

.superfooter {
background-color:#6990ad; height:1.8em;}

.mainfooter {
background-color:#6990ad; text-align:center; padding:10px;}

.subfooter {
background-color:#6990ad; height:0.6em;}

#footer p {
font-size:75%; color:#fff; padding:0.3em;}



/* Mouse over larger image */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -20px; /*position where enlarged image should offset horizontally */

}