html								{ height: 100%; width: 100%; }
body								{ height: 100%; width: 100%; margin: 0px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 12px; color: #4B4A4A; text-align: left; background: #0f0400 url('../images/gfx_main/side_bg.gif') repeat-y; }


form, fieldset, img					{ border: 0; }

.both								{ height: 0px; clear: both; overflow: hidden; }
.left								{ float: left; }
.right								{ float: right; }

img									{ border: 0px; }
img.imgBlock						{ display: block; margin: 0px; padding: 0px; }
img.imgBorder						{ border: 2px solid #CFCFC7; margin: 10px; }
img.imgMargin						{ border: 0px solid #CFCFC7; margin: 10px; }

h1 span, h2 span, h3 span, h4 span h5 span	{ visibility: hidden; width: 100%; height: 100%; cursor: pointer; }
h1 a 										{ display: block; height: 117px; }

div#wrapper						{ height: 100%; width: 100%; background: url('../images/gfx_main/header_bg.gif') repeat-x top;}
div#wrapper_again { height: 100%; min-height: 100%; width: 990px; background: url('../images/gfx_main/header.gif') no-repeat; }
div#wrapper_page						{ min-height: 100%; background: url('../images/gfx_main/base.gif') no-repeat bottom left !important; background: none; margin: 0; }

div#wrapper_side { float: left; width: 240px;  }
div#wrapper_content { width: 740px; float: right; }
div#menu { margin-bottom: 175px; height: 230px; }
div#header							{ height: 159px; position: relative; }
div#flags { position: absolute; bottom: 3px; right: 30px; }
div#corner							{ height: 480px; width: 222px; background: url('../images/gfx_main/corner.gif') no-repeat; }

div#content					{ overflow: hidden; width: 720px; padding: 15px 0 15px 2px;}

div#content h1				{ color: inherit; font: 14px Tahoma; font-weight: bold; }
div#content h2				{ color: inherit; font: 14px Tahoma; }

div.contentbox { width: 714px; }
.contentbox_top { position: relative; margin: 0; padding: 15px 0 0 20px; background: url('../images/o1_top.gif') no-repeat; width: 694px; height: 35px; display: block;  }
.contentbox_top img,.contentbox_top h1 { margin-top: 9px;  margin-bottom: 0; }
.contentbox_top .slider { width: 22px; height: 19px; position: absolute; right: 20px; top: 20px; }
.contentbox_content { margin: 0 2px 0 3px; padding: 0; background: #f7931d; width: 708px; display: block;  }
.contentbox_content_inner { padding: 0 15px 5px 14px; width: 679px;}
.contentbox_bottom { margin: 0 3px; background: url('../images/o1_bottom.gif') no-repeat; width: 708px; height: 15px; display: block;  }

.contentbox_content_inner p { margin: 0 0 10px 0; }

a									{ color: #1E90C0; text-decoration: none; }
a:hover								{ text-decoration: underline;}

.o1 .contentbox_top { color: #5a2873; background: url('../images/o1_top.gif') no-repeat; }
.o1 .contentbox_content { color: #5a2873; background: #f7931d; margin: 0 1px 0 4px;}
.o1 .contentbox_content_inner { padding: 0 15px 5px 15px;  width: 678px; }
.o1 .contentbox_bottom { background: url('../images/o1_bottom.gif') no-repeat; width: 709px; margin-right: 2px; }
.o1 a, .o1 a:hover, .o1 h1, .o1 h2				{ color: #5a2873; font-weight: bold; }

.o2 .contentbox_top { color: #efdf4d; background: url('../images/o2_top.gif') no-repeat; }
.o2 .contentbox_content { color: #efdf4d; background: #9b3e20; }
.o2 .contentbox_bottom { background: url('../images/o2_bottom.gif') no-repeat; }
.o2 a, .o2 a:hover, .o2 h1, .o2 h2				{ color: #efdf4d; font-weight: bold; }

.o3 .contentbox_top { color: #f7931d; background: url('../images/o3_top.gif') no-repeat; }
.o3 .contentbox_content { color: #f7931d; background: #861f66; }
.o3 .contentbox_bottom { background: url('../images/o3_bottom.gif') no-repeat; }
.o3 a, .o3 a:hover, .o3 h1, .o3 h2				{ color: #f7931d; font-weight: bold; }

.o4 .contentbox_top { color: #fff; background: url('../images/o4_top.gif') no-repeat; }
.o4 .contentbox_content { color: #fff; background: #5a2873; }
.o4 .contentbox_bottom { background: url('../images/o4_bottom.gif') no-repeat; }
.o4 a, .o4 a:hover, .o4 h1, .o4 h2				{ color: #fff; font-weight: bold; }

.o1 .slider { background: url('../images/o1_down.gif') no-repeat; }
.o2 .slider { background: url('../images/o2_down.gif') no-repeat; }
.o3 .slider { background: url('../images/o3_down.gif') no-repeat; }
.o4 .slider { background: url('../images/o4_down.gif') no-repeat; }

.o1 .up { background: url('../images/o1_up.gif') no-repeat; }
.o2 .up { background: url('../images/o2_up.gif') no-repeat; }
.o3 .up { background: url('../images/o3_up.gif') no-repeat; }
.o4 .up { background: url('../images/o4_up.gif') no-repeat; }

.moveup .contentbox_content { position: relative; top: -39px; }
.moveup .contentbox_content_inner { padding-top: 5px; }
.moveup .contentbox_bottom { position: relative; top: -39px; }

div#content img.sys_image	{ float: left; margin: 0px 10px 7px 0px; } 

div#menu a { display: block; margin-left: 80px; width: 158px; height: 18px;}
div#menu div.submenu .inner { padding-top: 2px; padding-bottom: 3px; }
div#menu div.submenu a { margin-left: 87px; color: #fff; }
div#menu div.submenu a:hover { text-decoration: none; color: #efdf4d; }
div#menu div.submenu a img { margin-right: 2px; }
