html { height:100% }
body { position:relative; min-height:100%; height:auto !important; height:100%; color:Black; background-color:White; margin:0; padding:0; font-size:100%; font-family:Tahoma, Sans Serif }

/* Top */
.Top { position:relative; min-height:100% }
* html .Top { height:100% }

#header { background:url(../img/bg.jpg); background-repeat:repeat-x; height:337px; vertical-align:top }
#content { padding-top:4px; padding-bottom:47px }

/* Footer */	
	/* FireFox */
	@-moz-document url-prefix()
	{ 
		.Footer { position:absolute; height:47px; margin-top:-47px; min-width:100%; left:0; bottom:0 }
	 }
	
	/* Opera */
	@media all and (min-width: 0) { 
		.Footer { position:absolute; height:47px; margin-top:-47px; min-width:100%; left:0; bottom:0 }	 }

	/* IE 6 */
		* html .Footer { height:47px; margin-top:-47px; min-width:100%; left:0; bottom:0 }			

	/* IE 7 */
		*+html .Footer { position:absolute; height:47px; margin-top:-47px; min-width:100%; left:0; bottom:0 }		

/* Footer */
table.PageFooter { font-size:70%; color:#666666 }
table.PageFooter td { vertical-align:middle }
.padding-left { margin:0; padding:0 0 15px 10px }
		
/* Header */
table.PageHeader { font-size:75%; color:Black; background:url(../img/bg_top.gif); background-repeat:no-repeat; background-position:right; height:123px }
table.PageHeader a { font-size:100%; text-decoration:none; color:White }
table.PageHeader a:hover { font-size:100%; text-decoration:none; color:White }
table.PageHeader table.Menu { margin:0 auto; font-size:90%; text-align:left }
table.PageHeader table.Menu td.menu { background:url(../img/menu_bg.gif); background-repeat:repeat-x; height:28px; color:White; padding:0 10px }
table.PageHeader table.Menu td.menu_sel { background:url(../img/menu_bg.gif); background-repeat:repeat-x; height:28px; color:#ffffcc; padding:0 10px }
table.PageHeader table.Menu td.menu a { text-decoration:none; color:White }
table.PageHeader table.Menu td.menu a:hover { text-decoration:none; color:#FFCC00 }

.SubMenu { font-size:100%; color:White; margin:0; padding:5px 10px 0 20px }
.SubMenu div.sub { margin:0; padding:0 0 2px 8px; border-bottom:#6B6B6B 1px solid; height:auto }
.SubMenu div.sub a { color:White; text-decoration:none }	
.SubMenu div.sub a:hover { color:#FFCC00; text-decoration:none }
.SubMenu div.sub_sel { margin:0; padding:0 0 2px 8px; border-bottom:#6B6B6B 1px solid; height:auto; background:#2f2f2f; color:#FFCC00 }
.submenu-lb { background:url(../img/sub_l.gif) no-repeat 0 0; height:6px; line-height:6px }
.submenu-lb p { background:url(../img/sub_r.gif) no-repeat 100% 0; height:6px; margin:0; padding:0; font-size:0; line-height:6px }

/* Center */
table.PageCenter { font-size:70%; color:#333333; text-align:left }
table.PageCenter a { font-size:100%; text-decoration:underline; color:#4689B1 }
table.PageCenter a:hover { font-size:100%; text-decoration:underline; color:#36769C }

.sk a, .sk a:hover { text-decoration:none }

/* Table */
.TabHead { font-size:95%; font-weight:bold; text-align:center; background:White url(../img/bg_tabhead.gif); width:auto; background-repeat:repeat-x; padding:3px 8px 3px 8px }
.TabHead-right { font-size:95%; font-weight:bold; text-align:right; background:White url(../img/bg_tabhead.gif); width:auto; background-repeat:repeat-x; padding:3px 8px 3px 8px }
.TabHead-left { font-size:95%; font-weight:bold; text-align:left; background:White url(../img/bg_tabhead.gif); width:auto; background-repeat:repeat-x; padding:3px 8px 3px 8px }
.TabHead1 { font-size:100%; font-weight:bold; text-align:center; background:White url(../img/bg_tabhead.gif); width:auto; background-repeat:repeat-x; padding:3px 8px 3px 8px }
.TabCell { padding:3px 5px; vertical-align:middle; text-align:center }	
.TabCell-name { padding:3px 5px; vertical-align:middle; text-align:left }    
.TabCell-yellow{background:#ffcc00; padding:3px 5px; vertical-align:middle; text-align:center}
.TabCell-green{background:#33cc00; padding:3px 5px; vertical-align:middle; text-align:center}
.TabCell-orange{background:#ff6600; padding:3px 5px; vertical-align:middle; text-align:center}
.TabCell-rose{background:#ff99ff; padding:3px 5px; vertical-align:middle; text-align:center}

.yellow{background:#ffcc00; padding:0 5px;}
.green{background:#33cc00; padding:0 5px;}
.orange{background:#ff6600; padding:0 5px;}
.rose{background:#ff99ff; padding:0 5px;}

/* Form */
input, select, textarea { font-size:100%; color:#333333 }
input.form { border:#7F9DB9 1px Solid; height:15px }
select.form { border:#7F9DB9 1px Solid }
textarea.form { border:#7F9DB9 1px Solid }

/* Other */
h1 { font-size:130%; font-weight:bold; color:#303030; margin-bottom:5px }
h1.head { font-size:110%; font-weight:bold; color:#FFFFFF; margin:0 }
h1.red { font-size:140%; font-weight:bold; color:#9C1726; margin-bottom:15px }
h2 { font-size:120%; font-weight:bold; color:#303030; margin:0 0 5px 0; padding:0; }
h3 { font-size:110%; font-weight:bold; color:#303030; margin:0; padding:0 0 5px 0 }
img { border:0 }
img.border { border:#CCCCCC 3px double }
.auto-border { float:left; display:block; margin-right:10px } 
.auto-border img { border:#CCCCCC 3px double }
div.gal { float:left; width:120px; margin:5px }
div.galg { float:left; width:175px; margin:5px }

p { text-align:justify; padding:0 0 10px 0; margin:0 }
ul { list-style:disk; }
li.image { padding-bottom:7px; list-style-image:url(../img/arrow1.gif); vertical-align:middle }

/* thumbnail */
.thumbnails { margin:10px; text-align:center }
.thumbnail { text-decoration:none; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0 0 20px 0 }
.thumbnail .r { width:210px; float:left; text-align:center }
.thumbnail .r img { border:#999 3px solid }

.thumbnail .r1 { width:110px; float:left; text-align:center }
.thumbnail .r1 img { border:#999 2px solid }

/* gallery */
.gallerys { margin:10px; text-align:center }
.gallery { text-decoration:none; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0 0 20px 0 }
.gallery .r { width:210px; float:left; text-align:center }
.gallery .r img { border:#999 3px solid }

.gallery .r1 { width:110px; float:left; text-align:center }
.gallery .r1 img { border:#999 2px solid }

.item { background:url(../img/item.gif) no-repeat 50% 50% }

.logotype{width:900px}
.logotype a{display:block; padding:5px 0}
.logotype a:hover, .logotype a.active{display:block; background:#FFF; padding:5px 0}
h4{color:#E63C52; font-size:18px; padding:0 0 5px 0; margin:0; text-align:center;}