html {
	height: 100.02%;
}
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
background-color:#0000C0;
}
/* TinyMCE specific rules */
body.mceContentBody {
text-align: left;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 0.8em;
line-height: 1.2em;
background: #FFF;
}
body.mceContentBody ul {
margin-left: 20px;
}
/* hack to fix Opera-only force scrollbar */
@media all and (min-width: 0px){
html {margin-bottom: 1px;}
}
#container {
position: relative;
background: #FFFFFF;
background-image: url(images/backshade.gif);
background-repeat: repeat-y;
background-position: center;
width: 940px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 900px;
padding: 10px;
position: relative;
top: 0;
left: 10px;
margin: 0;
}
#footer {
width: 900px;
position: relative;
font-size : 10px;
text-align: center;
padding: 20px;
height: 18px;
}

#menu {
clear: both;
position: relative;
display: block; 
width: 100%;
background-color: #eee;
padding: 4px 0 4px 0;
border-bottom: solid 2px #0000c0;
border-top: solid 2px #0000c0;
top: 8px;
left: 0px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
color: #000000;

}
.tagline {
position:absolute;
left: 550px;
top: 40px;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #AAAAAA;
}
.submenu {
position: relative;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.submenu p {
margin-top: 16px; 
margin-bottom: 0; 
}
.subsubmenu {
position: relative;
font-size: 10px;
font-weight: bold;
color: #000000;
}
.subsubmenu p {
margin-top: 9px; 
margin-bottom: 0; 
}
#content {
padding: 10px 20px 0 20px;
margin: 0;
font-size: 0.8em;
line-height: 1.3em;
min-height: 380px;
height: 380px; /*Reset to auto for non-IE5.x below*/
}
html>body #content {
overflow: hidden;
height: auto;
}
.contentcont {
float: left;
clear: both; 
width: 896px; 
}
.faqcont {
float: left;
clear: both;
width: 896px;
margin-top: 16px;
background-color: #FFFFFF;
}
.faqquest {
float: left;
clear: both;
padding: 6px;
width: 884px; 
font-weight: bold;
margin-top: 8px;
background-color: #F0F0F0;
}
.faqanswer {
float: left;
clear: both;
padding: 6px;
width: 884px; 
margin-bottom: 8px;
background-color: #FFFFFF;
}
.newscont {
border-bottom: solid 1px #999999;
float: left;
clear: both;
width: 100%;
padding: 8px 0 10px 0;
}
.newsitem {
width: 70%;
float: left;
padding: 10px;
}
.servicecont {
float: left;
clear: both;
width: 100%;
border-bottom: solid 1px #999999;
padding: 8px 0 10px 0;
margin-top: 10px;
}
.service {
width: 70%;
float: left;
padding: 10px 10px 0 10px;
}
/*
 * The two styles below aren't currently used - previously for product listings (now products table)
 */
#product1 {
height: 56px;
padding: 8px;
background: #FFFFFF;
}
#product2 {
height: 56px;
padding: 8px;
background: #F0F0F0;
}
.productcontainer {
width: 896px;;
float: left;
margin-top: 8px; 
padding: 0;
background: #FFFFFF;
}
.imagesidebar {
float: left;
padding: 12px;
}
.productmain {
width: 70%;
float: left; 
padding: 8px;
}
.sidebarimage {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
font-size : 9px;
text-align: center;
padding: 0;
margin: 0 0 8px 0;
}
.clearer {
clear: both; 
line-height: 0.1; 
height: 0;
}
p {
margin-top: 12px; 
margin-bottom: 12px; 
}
h1 {
font-size :  22px;
font-weight : bold;
color : #0000C0;
margin-top: 0; 
padding-top: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
}
h2 {
font-size :  18px;
font-weight : bold;
color : #0000C0;
margin-top: 0; 
padding-top: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
}
h3 {
font-size :  16px;
font-weight : bold;
color : #0000C0;
margin-top: 0; 
padding-top: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
}
h4 {
font-size :  13px;
font-weight : bold;
color : #0000C0;
margin-top: 0; 
padding-top: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
}
ul {
margin-top: -8px; 
margin-bottom: 0; 
}
hr {
height: 2px;
width: 100%;
border-style: none;
border: 0;
color : #0000C0;
background-color: #0000C0;		
}
.clearboth {
clear: both;
line-height: 0.1; 
height: 0;  
}
.logo {
float: left;
width: 320px;
margin: 0;
line-height: 0.1;
}
.thumbimg {
float: right;
width: 75px;
margin: 0 0 0 10px;
line-height: 0.1;
}
.img-admin {
float: left;
margin: 10px 15px 0 0;
line-height: 0.1;
font-weight : bold;
}
.img-right {
clear: both; 
display: block;
float: right;
padding: 0 0 0 10px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
font-size : 9px;
text-align: center;
} 
.img-left {
clear: both; 
float: left;
padding: 0;
margin: 5px 5px 5px 0;
line-height: 0.1;
}
.searchbox {
position: relative;
margin: 0;
padding: 6px;
width: 210px;
text-align: center;
font-size: 13px;
border-style: solid;
border-width: 2px;
border-color: #999999;
background-color: #F0F0F0;
} 
.mailbox {
position: relative;
margin-top: 20px;
padding: 4px;
width: 252px;
line-height: 160%;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: #999999;
background-color: #F0F0F0;
} 
.alertsuccess  {
position: relative;
margin: 0 auto;
padding: 8px 8px 8px 8px;
width: 60%;
text-align: center;
font-size: 13px;
border-style: solid;
border-width: 2px;
border-color: #00C000;
background-color: #BBFFBB;
}
.alertfailure {
position: relative;
margin: 0 auto;
padding: 8px 8px 8px 8px;
width: 60%;
text-align: center;
font-size: 13px;
border-style: solid;
border-width: 2px;
border-color: #CC0000;
background-color: #FFBBBB;
}
table {
font-size : 11px;
}
.thright {
text-align: right ! important;
}
th {
text-align: left;
}
table.sleek  {
border-style: solid;
border-width: 2px;
border-color: #999999;
background-color: #F0F0F0;
}
table.sleek th {
border-width: 0;
font-weight : bold;
background-color: #DDDDDD;
}
table.sleek td {
text-align: left;
border-width: 0;
}
table.sleekin th {
border-width: 0;
font-weight : bold;
background-color: #F0F0F0;
}
table.sleekin td {
text-align: left;
border-width: 0;
background-color: #F0F0F0;
}
table.products  {
border-collapse: collapse;
border-width: 0;
background-color: #FFFFFF;
}
table.products th {
display: none;
}
table.products tr.r0 td {
	background-color: #FFFFFF;
}
table.products tr.r1 td {
	background-color: #F0F0F0;
}
table.products a {
   font-weight: bold;
	color: #000000;
	text-decoration: none;
}
table.products a:visited {
	color: #000000;
}
table.products a:hover {
	color: #0000FF;
	text-decoration: underline;
}
table.productinfo  {
margin-bottom: 6px;
border-style: solid;
border-width: 2px;
border-color: #999999;
background-color: #FFFFFF;
}
table.productinfo th {
border-width: 0;
background-color: #DDDDDD;
}
table.productinfo td {
text-align: left;
border-width: 0;
background-color: #F0F0F0;
}
form {
margin-top:0;
margin-bottom:0;
}
INPUT, SELECT, OPTION,TEXTAREA {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
a img {
border-collapse: collapse;
border-width: 0;
}

a {
   font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
.active a {
   font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.active a:visited {
	color: #000000;
}
.active a:hover {
	color: #000000;
	text-decoration: underline;
}
.shadetext {
color : #666666;
}
.shadetext a:link {
   font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.shadetext a:visited {
	color: #666666;
}
.shadetext a:hover {
	color: #666666;
	text-decoration: underline;
}
.footertext {
width: 71%;
float: right; 
text-align: right;
}
.lunarvis {
width: 29%;
float: right; 
text-align: right;
}
.thright, .alignright {
text-align: right ! important;
}
a {
outline: none;
}
:focus {
outline: 0;
}
form.update  {
line-height: 40px;
display: inline;
}

form.update button{
    display:block;
    float:left;
    margin:0;
    background-color:#f5f5f5;
	 border:1px solid #777;
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	 font-size: 12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#336699;;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#sidebar form.update button {
margin: 10px 0 0 12px;
}
#sidebar form.update {
line-height: 45px;
}
form.update button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
/* STANDARD */

form.update button {
	 padding-left: 27px !important;
	 background-image: url(/images/icons/wrench.png) !important;
	 background-repeat: no-repeat !important;
	 background-position: 5px 5px !important;
}

form.update button:hover {
	 text-decoration: none !important;
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
