﻿body { margin:0; padding:0; background-color:#D7D7D7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;}
form { margin:0; padding:0; }
div { margin:0; padding:0; }
img { border:none; }

div.main { margin:0 auto; width:780px; border:solid 1px #999999; border-top:none; }
div.header { margin:0 auto; width:780px; height:72px; }
div.menu { margin:0 auto; padding:1px 0px 0px 200px; width:580px; height:20px; background:#ffffff url(/img/menu.gif) no-repeat; }
div.content { width:740px; background-color:#FFFFFF; padding:10px 20px 10px 20px; }
div.footer { padding-top:3px; width:780px; height:22px; text-align:center; background-color:#a0a3b8; font-size:120%; }
div.headPanel { height:93px; width:780px; }
div.top { height:93px; width:700px; }
div.supImage { display:block; padding-top:93px; padding-bottom:0px; margin-bottom:0px;}

.headerfixed {position:fixed; margin-left:auto; margin-right:auto; width:780px;}
.menu a, .menu a:active, .menu a:hover, .menu a:visited { padding:3px 10px 3px 10px; color:#e5e5eb; text-decoration:none; font-weight:bold; }
.menu a:hover { color:#ffffff; background-color:#343434; }

h1 { font-size:160%; margin-top:0px; padding:4px 5px 6px 5px; color:#ffffff; background-color:#ff0000; text-align:center; }
h2 { margin-top:20px; font-size:140%; color:#12152a; clear:left; }

img.top { float:right; }
img.right { float:right; clear:right; margin:10px 0px 25px 10px; }
div.clear { width:100%; height:1px; clear:both; }

table.form { margin:10px 0px 0px 0px; padding:0; }
.form td { padding:5px 5px 5px 5px; }
.form td.label { text-align:right; font-weight:bold; }

div.center { width:100%; text-align:center; }
div.center img { padding:15px; }
table.features { margin-left:20px; }
table.features td { padding:5px 20px 5px 0px; }

div.heading * { margin:10px 0px 10px 0px; }
.heading h2 { font-size:x-large; font-weight:normal; }
.heading h3 { font-size:medium; }
div.logo { }
.red { color:#FF0000; font-weight:bold; }
p.justify { text-align:justify; }
br.clear { width:100%; height:1px; clear:both; }
.center {display:block; margin:0 auto; text-align:center; }

.ul1 { margin:0px; padding:0px; padding-top:8px; }
.ul1 li {margin:0px; padding:0px; padding-top:4px; padding-bottom:4px; margin-left:30px; }

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) 
{
.headerfixed {position:relative;}
body {font-size:.9em;}
div.supImage {padding-top:0px;}
div.menu, .menu a, .menu a:active, .menu a:hover, .menu a:visited {font-size:.9em;}
h1, h2 {font-size:1em;}
}
