*{margin:0;padding:0}
/* page layout */
#page{width:737px;margin:0 auto;text-align:left;background:#fff}
.topnav{height:31px;background:url(img/topnav.jpg) top left repeat-x;text-align:center;padding-top:13px;clear:both}
.topmain{height:20px;width:495px;background:url(img/topmain2.jpg) top left no-repeat;color:gold;float:left;padding-top:31px;font-weight:bold}
.menu{background:#fc0 url(img/bgmenu.jpg) top right repeat-y;width:169px;padding:2px 15px;color:#048;font-size:11px}
.main{color:#fff;padding-top:15px;float:left;background-color:#369}
.foot{width:197px;height:31px;background:#036;float:left;color:#fff;margin-top:-10px;padding-top:10px}

/* whitespace - margin/padding */
html{min-height:100%;margin-bottom:1px}/* side scrollbar always on */
p,ul,h1{margin-bottom:12px}
li{margin-left:10px}
.menu ul{list-style:square}
/* font color size */
body,td,th{font-family:Tahoma;font-size:12px;color:#000;line-height:17px}
.b{font-weight:bold}
a{color:#000}
a:hover{color:#fff}
.topnav a{text-decoration:none}
.topnav a:hover{color:green}
.blue,.blue:hover{color:#036}

.flag{padding:0 50px;float:left;vertical-align:middle}
h1{font-size:16px;font-family:Arial}
h2{font-size:13px;font-family:Arial;color:#ea0}
/*

#head{height:20px; padding:0 12px; background:url(img-css-bg-foot.png) bottom left no-repeat; border-top:solid 1px #c1d0d6; margin-bottom:5px;}
#bann{height:89px; padding:8px 12px; margin-bottom:5px; background:url(img-css-bann.png) top left no-repeat; font-size:17px; line-height:21px; font-weight:bold; overflow:hidden; color:#fff7af;}
#cols{background:url(img-css-bg-body.gif)  top left repeat-y; border-bottom:1px solid #c1d0d6; padding-bottom:10px; float:left;}
#col3{background:url(img-css-bg-body3.gif) top left repeat-y; border-bottom:1px solid #c1d0d6; padding-bottom:10px; float:left;}
#left{width:221px; padding:0 9px; float:left;}
#midd{width:221px; padding:0 9px 0 11px; float:left;}
#main{width:462px; padding:0 9px; float:left;}
#menu{width:220px; padding:0 9px; float:right;}
#foot{clear:both; padding-top:6px; text-align:center; font-size:11px; letter-spacing:4px; overflow:hidden;}

table,p,pre,h1,h2,h3,h4,blockquote,ol,ul {margin:0 0 15px 0;}
h1 {font-size:19px; color:#2a819e;}
.arr {padding-left:32px; background:url(img-css-arr.png) top left no-repeat; line-height:22px; margin-bottom:12px;}
h2 {font-size:18px; color:#e28224; font-style:italic}
h3 {font-size:17px; color:#39f;}
h4 {font-size:17px; color:#e28224; font-style:italic; font-weight:normal;}

a {text-decoration:underline; color:#19708d;}
a:hover,.orange,ul.tab .on a {color:#e28224;}
.red {color:#f00;}
#head a {text-decoration:none;}

#head table {margin:-2px 0;}

#head td {font-size:13px; color:#c1d0d6; text-align:center; padding:0;}



.small {font-size:12px; line-height:16px;}

.big {font-size:16px; line-height:21px;}

*/

/* float + margin */
/*
.left  {float:left; margin-right:10px;}

.right {float:right; margin-left:10px;}

.center{text-align:center}



.mr2 {margin-right:2px;}

.mb2 {margin-bottom:2px;}

.ml2 {margin-left:2px;}



.mb10 {margin-bottom:10px !important;}

.ml10 {margin-left:10px;}

.ml20 {margin-left:20px;}

.ml40 {margin-left:40px;}


*/
/* special usage */
/*
ul.arr1,ul.arr2,ul.arr3 {list-style:none; padding-left:0;}

ul.arr1 li,.arr1 {padding-left:22px; background:url(img-css-arr1.gif) 0 2px no-repeat;}

ul.arr2 li,.arr2 {padding-left:22px; background:url(img-css-arr2.gif) 2px 2px no-repeat;}

ul.arr3 li,.arr3 {padding-left:22px; background:url(img-css-arr3.gif) 0 2px no-repeat;}



.q {margin-left:10px; padding-left:33px; background:url(img-css-q.gif) top left no-repeat; font-style:italic;}

.ext {padding-right:12px; background:url(img-css-ext.png) top right no-repeat;}



.box  {padding:10px; border:solid 1px #dde2e5; background:#f6f8fa; margin-bottom:15px;}

img.box  {padding:4px; border:solid 1px #b0c0c5; background:#f6f8fa;}



.box1 {background:#dde5e9; padding:0 1px 1px 0; float:left; margin:1px;}

.box1 div {padding:4px; border:solid 1px #b0c0c5; background:#f6f8fa; float:left; margin:-1px 1px 1px -1px;}



ul.tab {list-style:none; padding-bottom:11px; padding-left:0; font-weight:bold; font-size:13px; font-family:Verdana;}

ul.tab li {display:block; float:left; margin-right:5px; padding:3px 10px; background:#ecf1f4; border:solid 1px #b0c0c5;}

ul.tab .on {background:#f6f8fa; border-bottom:solid 1px #f6f8fa;}

ul.tab li a {text-decoration:none;}

div.tab {padding:10px; border:solid 1px #b0c0c5; background:#f6f8fa; margin-bottom:15px;}



.more {float:right; font-size:12px; font-weight:normal; font-style:italic; padding-left:8px;background:url(img-css-arr4.gif) center left no-repeat;}

.clear {clear:both;}


*/