@charset "utf-8";
/* Cascading Style Sheets */ 

/* Sets the background. */ 
body { background-color: #ffffff ; font-family: "verdana", "arial";
margin:0;
padding:0;
border:0;/* This removes the border around the viewport in old versions of IE */
width:100%;
}

/* Controls Headings */
H1 { color: #000000; font-size: 160%; font-family: "verdana", "arial"; } 
H2 { color: #06276F; font-size: 120%; font-family: "verdana", "arial"; /*Blue*/} 
H3 { color: #009D91; font-size: 110%; font-family: "verdana", "arial";/*GrayGreen*/ } 
H4 { color: #000000; font-style: italic ;font-family: "verdana", "arial"; } 
H5 { color: #000000; font-size: 90%; font-style: italic; font-weight: bold; font-family: "verdana", "arial"; } 
H6 { color: #000000; font-size: 70%; font-style: italic ; font-family: "verdana", "arial"; } 

H1, H2, H3 {
margin:.8em 0 .2em 0;
padding:0;
}


/* Controls the links. Removes underline from links and colors them. */
a:link { text-decoration: none; color: #06276F; font-size: 85%;/*Blue Not Yet Clicked */ }
a:visited { text-decoration: none; color: #009D91; font-size: 85%;/* GrayGreen Clicked */ }
a:active {text-decoration: none; /* When it is clicked */ }
a:hover { text-decoration: underline; color: #95a1aa; /* Gray Hover */}

/* Controls the body text */ 
p {font-size: 90%; font-family: "verdana", "arial"; 
margin:.4em 0 .8em 0;
padding:0;
} 
li {font-size: 85%; font-family: "verdana", "arial"; } 
td.cell {font-size: 70%; font-family: "verdana", "arial"; }

b{font-size: 110%;}
em{color:red} 

#topsection{
height: 80px; /*Height of top section*/
border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;
width:100%;
}

/* column container */

.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}

.colleft {
float: left;
width: 100%;
position:relative;
}

/* common column settings */
.col1,
.col2{
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}

.col2 a{
color: #FFFFFF;
}


/* 2 Column (right menu) settings */
.rightmenu {
background:#92b6c7;		/* right column background colour */
}
.rightmenu .colleft {
right:25%;			/* right column width */
background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
width:71%;			/* left column content width (left column width minus left and right padding) */
left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
width:21%;			/* right column content width (right column width minus left and right padding) */
left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


#footer{
clear: both;
float:left;
width: 100%;
background-color: #95a1aa;
text-align: center;
border-top: 3px solid #ddd;
font-size: 75%;
}

#footer p{
padding:10px;
margin:0;
}

#footer a{
color: #FFFFFF;
}

ul {
list-style-type:none
}


#Sbox{
font-family: "verdana", "arial";
width:250px;
}
#Sbox td{
text-align: left;
font-size: 75%;
text-indent: 0;
}

.Prodbox{
font-family: "verdana", "arial";
width:300px;
}
.Prodbox td{
text-align: center;
font-size: 75%;
text-indent: 0;
}
div.Lfigure{
float: left;
border: thin silver solid;
margin: 0.5em; padding: 0.5em;
}
div.Lfigure p{
text-align: center;
font-style: italic;
font-size: 60%;
text-indent: 0;
}

div.Rfigure{
float: right; 
border: thin silver solid;
margin: 0.5em; padding: 0.5em;
}
div.Rfigure p{
text-align: center;
font-style: italic;
font-size: 60%;
text-indent: 0;
}