*{margin:0;padding:0}
form, fieldset, img {border:0}
html, body {width:100%}
/*html{background:#eee url(img/back-header.png) center top repeat-x;color:#727272;font-size:1em}
body{font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:normal;font-style:normal;text-align:left;color:#727272;color:#333;
background:transparent url(img/back-top.jpg) center top no-repeat; min-width:986px}
*/
.clear{clear:both; height:0}
.left {float:left}
.right {float:right}
a:link, a:hover, a:active, a:focus {outline:none}
a:visited {color:#000}

body {background:#d0d0d0; min-width:800px; margin:0 auto; width:800px; height:100%; padding:30px 0; font:75%/1.2 tahoma, verdana, lucida, sans-serif; color:#424242; text-align:justify; position:relative}

a {color:#1889e7}
a:visited {color:#700}
a:hover {color:blue;  /*text-decoration:none*/}
a.link {color:#000; font-weight:bold; background:url(img/signs.png) 0 -694px no-repeat; padding:0 0 6px 8px; /*float:right; clear:both*/}
h1 a, h2 a, h3 a {text-decoration:none; background:url(img/signs.png) 0 0 no-repeat; padding:0 0 0 30px; margin:0 0 0 10px; color:#424242}
h1 a:hover, h2 a:hover, h3 a:hover {color:#000}

h1, h2, h3 {font-family:"Century Gothic", "Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#424242; text-align:left}
h1 {font-size:200%; letter-spacing:0}
#content h1 {margin:6px 0}
h1 a {background-position:0 -262px}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {color:#424242}
h2 {font-size:170%; letter-spacing:-0.01em}
h3 {font-size:130%; margin:0 0 0.6em 0;}

p {margin:1em 0; font-size:90%}

ul li, ol li, dl {list-style:none; font-size:90%; margin-bottom:4px}
ul li, ol li {background:url(img/signs.png) 0 -594px no-repeat; padding:0 0 6px 8px}

/* L A Y O U T */
div#header {background:url(img/home.jpg) center top no-repeat; width:800px; height:310px}
div#search {position:absolute; top:40px; margin-left:592px; height:18px; width:200px}
div#content {margin:9px 0; background:#fff /*url(img/content_back.png) 0 0 no-repeat; padding-top:10px*/}
div#footer {background:url(img/content_back.png) -1640px 0 no-repeat; width:800px; height:58px; overflow:hidden; color:#6a6862}
div#footer a {color:#6a6862}
div#footer p{float:left; margin-left:12px; padding:6px 0 0 26px; width:230px; height:32px; border-right:1px solid #d0d0d0; font-size:80%}
div#footer p.foot1, div#footer p.foot2 {width:220px; background:url(img/signs.png) 0 -994px no-repeat;}
div#footer p.foot2{border-right:none; background-position:0 -894px}
hr.clearcontent, hr.startcontent {height:12px; clear:both; background:url(img/content_back.png) 0 100% no-repeat; border:none}
hr.startcontent {background-position:0 0}

/* SEARCH */
input#ajaxSearch_submit {background:transparent url(img/search.png) no-repeat center top; color:#fff; width:49px !important; height:18px !important; padding:0px 4px 4px; margin:0 !important; border:0 !important; cursor:pointer; position:relative; top:0px; vertical-align:middle}
input#ajaxSearch_input {color:#7b7979; padding:0px 4px; width:130px; height:18px; vertical-align:middle}


/* M I S C */
p.slogan {padding:0px; margin:200px 0 0 30px; position:absolute; color:#fff; width:380px; font-size:110%; line-height:140%; text-align:left; /*font-weight:bold;*/ color:#fff}
p.slogan a {color:#fff; text-decoration:none; /*background:#036bd0*/}
/*p.slogan span {background:#4f9a26}*/


/* MAIN PAGE */
div#main {background:#fff; width:480px; margin-right:20px; float:right; border-left:300px solid #fff}
#main div, #sidebar div {margin:10px}

#main #welcome, #welcome div {background:#d9d9d9 url(img/content_back.png) -1122px 0 no-repeat;padding:0; margin:0}
#main #welcome {padding-top:12px; margin:10px 0 10px 10px; width:476px;}
#welcome h2 {font-size:120%; color:#424242; font-weight:normal; background:#d9d9d9 url(img/signs.png) 0 -263px no-repeat; margin:0 0 10px 200px; }
#welcome h2 strong {font-size:120%; display:block; padding:0 0 0 30px}
#welcome ul, #welcome em {margin:4px 10px; background:#d9d9d9}
#welcome ul li {margin-bottom:1px; background:none}
#welcome img {float:left; margin:0 10px 10px 0}
#welcome div {background-position:-1122px 100%; padding:0 12px 12px}

div#toknow {width:246px; float:left}
div#toknow h3 a {background-position:0 -266px}
#toknow ul li {width:123px; float:left; text-align:center; background:none; padding:0}
#toknow ul li a{text-decoration:none; background:none}
#toknow ul li a em{text-decoration:underline; font-size:100%; font-style:normal; background:url(img/signs.png) 0 -595px no-repeat; padding:0 0 0 8px}

div#programlist {width:210px; float:right; margin:10px 0; border-left:1px solid #d9d9d9; text-align:left}
div#programlist h3 a {background-position:0 -133px}
#programlist ul {margin:0 0 0 12px}


div#sidebar {background:#fff; width:292px; float:left; margin-right:-800px}
#sidebar h3 {background:#fff url(img/content_back.png) -826px 26px no-repeat; height:40px; margin-bottom:0}
#sidebar div {margin-bottom:20px; width:272px}
#sidebar div dl {padding:0 16px 2px; background:#e9e9d8 url(img/content_back.png) -826px 100% no-repeat;}
#sidebar dd {background: #e9e9d8; border-bottom:1px solid #d0d0d0; padding-bottom:10px; margin-bottom:10px; clear:both}
#sidebar dt span {float:right}
#sidebar dt a {color:#424242; font-weight:bold}
#sidebar a.link {color:#af7262; font-style:normal; background:url(img/signs.png) 0 -494px no-repeat; margin-left:10px; padding:0 0 6px 8px}
#news h3 a {background-position:0 -400px}




/* M E N U */
#header ul {position:relative; top:265px; width:778px; margin:0 auto; height:45px; text-align:center} 
#header ul li {position:relative; float:left; width:111px; display:block; padding:0; height:45px; background:url(img/menu.png) -130px 0 no-repeat;}

#header ul li a {color:#555; font-size:110%; padding:0; text-align:center; letter-spacing:0.1em; line-height:44px; font-weight:bold; text-decoration:none; background:none; height:43px; display:block; border-right:1px solid #c0c0c0; border-left:1px solid #fff}
#header ul li a:hover, #header ul li.over a {color:#000; background:url(img/menu.png) -130px -45px no-repeat;}

#header ul li.first {background-position:0 0}
#header ul li.first a {border-left:none}
#header ul li.last {background-position:100% 0}
#header ul li.last a {border-right:none}

#header ul li.first a:hover, #header ul li.first.over a {background-position:0 -45px; border-left:none}
#header ul li.last a:hover, #header ul li.last.over a {background-position:100% -45px; border-right:none}

/* NEWS */
#main dl dt {margin:10px 0; border-top:1px solid #d0d0d0; padding-top:10px}
#main dl dt a {background:url(img/signs.png) 0 -133px no-repeat; padding-left:28px; font-size:140%; text-decoration:none; color:#424242; font-weight:bold; letter-spacing:0.05em}
#main dl dt a:hover {text-decoration:underline; color:#000;}
#main dl dd em {display:block; font-style:normal; text-align:right; color:#68aa38}
#main dl dd em a {color:#1889e7; background-position: 0 -594px; }
#main dl dd em a:hover {color:blue}

#main dl.newslist dt a {background-position:0 -400px}
#main dl.info dt a {background-position:0 -266px}

#main table {border-collapse:collapse; font-size:90%}
#main table td {border:1px solid #999; padding:6px 8px}

.remark {font-size:90%; padding:10px; background:#e9e9d8; font-style:italic}

span.B_crumbBox {font-size:90%; margin: 12px 4px 16px; display:block}
span.B_crumbBox a {color:#494949;}
span.B_crumbBox a:hover, span.B_crumbBox a:visited, span.B_crumbBox a:active {color:#494949;}