bul/* Init */

BODY, HTML { padding: 0; margin: 0; background: #fff; text-align: center; }
BODY { padding-bottom: 20px; }
BODY, INPUT, SELECT, BUTTON, TEXTAREA, TD, TH { color: #000; line-height: normal; font-family: Arial, Verdana, Helvetica; font-size: 11px; }

A { text-decoration: underline; color: #007542; outline-style: none; }
A:hover { text-decoration: none; }

IMG { border: 0 none; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; }
TABLE TH { text-align: left; vertical-align: top; padding: 0; }
TABLE TD { text-align: left; vertical-align: top; padding: 0; }

P { margin: 1em 0 0 0; }
FORM { padding: 0; margin: 0; }
H1, H2, H3, H4, H5, H6 { margin: 1em 0 0 0; padding: 0; color: #007542; line-height: normal; }

H1 { font-size: 30px; font-weight: 100; margin: 0; padding: 0; color: #007542; font-family: Arial, times New Roman, Verdana; /*color: #898989;*/ }
H2 { font-size: 14px; font-weight: normal; }
H3 { font-size: 12px; font-weight: bold; }
H4 { font-size: 11px; font-weight: bold; }
H5 { font-size: 10px; font-weight: bold; }
H6 { font-size: 10px; font-weight: normal; }

.w100p { width: 100%; }
.req { color: #b80000; }
.wauto { width: auto !important; }
.img-right { float: right; margin: 1em 0 15px 15px; clear: right; }

.f-left { float: left; }
.f-right { float: right; }

.c-inner { overflow: hidden; }
* HTML .c-inner { overflow: visible; height: 1px; }



/* Components */

P.pages { background: #e6e0d8; padding: 4px; font-size: 10px; text-align: center; color: #59af85; line-height: normal; }
P.pages A { text-decoration: none !important; padding: 0 5px; color: #000; }
P.pages A:hover { text-decoration: underline !important; }
P.pages A.active { background: #f56000; color: #fff; }

TABLE.form { line-height: normal !important; }
TABLE.form TD { border-width: 1px 0 !important; }
TABLE.form TD.name { width: 35%; padding: 5px 10px 5px 0 !important; text-align: right; }
TABLE.form TD.text { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.name-inpt { width: 35%; padding: 2px 10px 2px 0 !important; text-align: right; }
TABLE.form TD.inpt { width: 65%; padding: 2px 0 2px 0 !important; }
TABLE.form TD.data { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.tbl { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form TR.subheading TD { font-weight: bold; padding: 25px 10px 5px 0 !important; }
TABLE.form .submit { margin-right: 2px; border: 1px solid; border-color: #898989 !important; background: #898989 !important; color: #fff !important; font-size: 10px; overflow: visible; padding: 0 10px; cursor: pointer; }
TABLE.form .disabled { background: #000; color: #aaa; border-color: #333; }
TABLE.form .max { width: 300px; }
TABLE.form .norm { width: 200px; }
TABLE.form .small { width: 100px; }
TABLE.form .min { width: 30px; }
TABLE.form .date { width: 70px; }
TABLE.form .time { width: 55px; }
TABLE.form TABLE { margin: 0; }
TABLE.form TABLE TD { border: 1px solid #898989 !important; }
TABLE.form TABLE TD.inpt { width: auto; padding: 0 !important; }

P.actions { text-align: right; }
P.actions INPUT,
P.actions BUTTON { border: 1px solid; border-color: #898989 !important; padding: 1px 10px; overflow: visible; background: #898989 !important; color: #007542 !important; cursor: pointer; font-weight: bold; }

#sitemap { padding: 0; margin: 1em 0 0 0; line-height: normal; }
#sitemap A { text-decoration: none !important; color: #777; }
#sitemap A:hover { text-decoration: underline !important; color: #fff; }
#sitemap UL { padding: 0; margin: 0.5em 0; }
#sitemap LI { margin: 0; padding: 0 0 0 20px; background: url(bullet3.gif) 8px 7px no-repeat; list-style: none; font-weight: bold; }
#sitemap LI LI { font-weight: normal; background: url(bullet3.gif) 8px 6px no-repeat; }
#sitemap LI LI LI { font-weight: normal; font-size: 10px; background: url(bullet3.gif) 8px 6px no-repeat; }

#news { padding: 0; margin: 1em 0 0 0; line-height: normal; border-bottom: 1px solid #2e2a24; }
#news DT { padding: 3px 0 3px 10px; background: url(bullet3.gif) 0 8px no-repeat; border-top: 1px solid #898989; }
#news DT A { text-decoration: none; font-weight: bold; }
#news DT A:hover { text-decoration: underline;  }
#news DT SPAN { float: right; color: #007542; }
#news DD { padding: 0 0 10px 10px; margin: 0; line-height: 16px; overflow: hidden; _zoom: 1; }
#news dd a { float: right; width: 70px; height: 50px; margin-left: 15px; border: 1px solid #64031e; }
#news dd a img { width: 70px; height: 50px; }

P.type1 { border-bottom: 1px solid #898989; }
P.type1-official { border-bottom: 1px solid #5a3723; background: #3c261a; padding: 3px 10px; line-height: normal; }
P.official { background: #3c261a; margin: 0; padding: 10px; }

DIV.content { line-height: 18px; }
DIV.content TABLE { width: 100%; }
DIV.content TABLE TH { padding: 3px 5px; border: 1px solid #898989; background: #3d3931; color: #fba314; }
DIV.content TABLE TD { padding: 3px 5px; border: 1px solid #898989; background: #fff; }
DIV.content TABLE TR.even TD { background: #292929; }
DIV.content TABLE B { color: #007542; }
DIV.content TABLE P.lead { color: #77adb1; font-size: 10px; margin: 0; padding: 4px 0 0 0; }
DIV.content UL { list-style: none; padding: 0 0 0 20px; margin: 1em 0 0 0; }
DIV.content UL LI { background: url(bullet3.gif) 0 7px no-repeat; padding: 0 0 0 10px; }
DIV.content UL UL { margin: 1em 0; }
DIV.content INPUT,
DIV.content SELECT,
DIV.content TEXTAREA { border: 1px solid #898989; background: #fff; }

/* Template */

#box1 { width: 900px; margin: auto; text-align: left; }
#box2 { padding: 10px; background: #e4eeef url(bg-box11.jpg) 0 0 no-repeat; }
#box3 { background: #c8d5cf; width: 100%; position: relative; }

#ico-sitemap { float: right; margin: 0; padding: 20px 0 0 0; color: #FFF; }
#ico-sitemap A { float: left; color: #FFF; padding: 1px 0 0 20px; }
#search { float: right; padding: 20px 10px 7px 10px; }
#search P { margin: 0; float: left; }
#search-string { background: #fff; float: left; border: 1px solid #a1a1a1; color: #a1a1a1; margin-right: 5px; }
#search-submit { background: none; float: left; border: none; color: #007542; text-decoration: underline; cursor: pointer; }

#langselect { float: left; padding: 20px 0 0 0; margin: 0; }
#langselect A { color: #56b789;  }
#langselect A.active { color: #898989; text-decoration: none; }
#langselect A:hover { text-decoration: none; }
#langselect SPAN { margin: 0 3px; color: #898989; }
#langselect IMG { vertical-align: middle; }

#footer { font-size: 11px; color: #898989; }
#footer P { padding: 7px 20px; margin: 0; }
#footer P.copy { float: left; color: #007542}
#footer P.from { float: right; color: #007542}

#flashplayer { float: right; height: 30px; overflow: hidden; }
#header1 { height: 33px; overflow: hidden; }
#menu1 { padding: 5px 11px; background-color: #c8d5cf; /*height: 30px; float: left;*/ font-family: Arial ,times New Roman, Verdana; font-size: 18px; /*font-weight: bold;*/ text-transform: lowercase; overflow: hidden; list-style: none; margin: 0; }
#menu1 A { text-decoration: none; margin: 0 7px; /*display: block; height: 19px; background-repeat: no-repeat; background-position: left top; text-decoration: none;*/ }
#menu1 A:hover, #menu1 LI.active A { color: #fff; /*background-position: left bottom;*/ }
#menu1 LI { display: inline; /*float: left; padding-left: 18px;*/ }
/*#menu1 a#item1 { width: 41px; background-image: url(home.gif); }
#menu1 a#item2 { width: 36px; background-image: url(news.gif); }
#menu1 a#item3 { width: 32px; background-image: url(blog.gif); }
#menu1 a#item4 { width: 68px; background-image: url(aboutme.gif); }
#menu1 a#item5 { width: 71px; background-image: url(mymusic.gif); }
#menu1 a#item6 { width: 49px; background-image: url(photos.gif); }
#menu1 a#item7 { width: 45px; background-image: url(videos.gif); }
#menu1 a#item8 { width: 55px; background-image: url(fanclub.gif); }*/

#front-col1 {width: 507px!important;}
#front-col1 { float: left; width: 508px; }
#front-col1 DIV.pad { padding: 0;  background: url('hannah_home2.jpg') no-repeat 0 0; }
#front-col2 { float: left; width: 372px; height: 501px; font-size: 9px; overflow: hidden; }
* HTML #front-col2 { height: 500px; }
#front-col2 DIV.pad { padding: 2px 0 0 0; }
#front-col2 A { color: #007542; text-decoration: none; }
#front-col2 A:hover { text-decoration: underline; }
#front-col2 H2 { color: #56b789; font-size: 24px; margin: 0 16px 0 18px; padding: 0; font-family: Arial, times New Roman, Verdana; text-transform: lowercase; font-weight: normal; border-bottom: #2e2a24 solid 1px; }
#front-col2 h2 img { margin: 3px 0; }
#front-col2 H3 { color: #fff; font-size: 14px; font-weight: normal; }
#front-col2 P.all { float: right; background: url(bullet3.gif) 0 11px no-repeat; color: #fff; font-size: 10px; margin: 0; padding: 8px 18px 0 10px; }
#front-col2 P.readmore{ margin-bottom:6px; }
#front-col2 P.readmore A { text-decoration: underline; }
#front-col2 A.more { text-decoration: underline; }

DIV.block { }
DIV.block H2 { margin: 0; padding: 13px 0 6px 15px; }
DIV.block-a {  }
DIV.block-b {  }
DIV.block-blog { background: url(illustration02.gif) 100% 25px no-repeat; }

UL.news { margin: 0; padding: 0 16px 10px 18px; list-style: none; line-height: 15px; }
UL.news LI { padding: 10px 0 0 0; }
UL.news P.img { float: right; margin: 0; padding: 1px; background: #56b789; clear: both; }
UL.news H3 { margin: 0; }
UL.news P { margin: 0; }

UL.concerts { padding: 0 16px 0 18px; margin: 0; list-style: none; line-height: 13px; }
UL.concerts LI { float: left; width: 50%; background: url(bullet3.gif) 15px 10px no-repeat; }
UL.concerts H3 { margin: 0; }
UL.concerts P { margin: 0; }
UL.concerts P.date { color: #56b789; }
DIV.concerts-a { padding: 7px 10px 10px 25px; }

DIV.blog { padding: 6px 40px 10px 18px; line-height: 13px; }
DIV.blog H3 { margin: 0; }
DIV.blog P { margin: 0; }

DIV.front01 { padding: 0; position: absolute; bottom: 0; * bottom: -1px; right: 0; }
DIV.front01 a { display: block; }


#menu2 { overflow: hidden; padding: 0 10px; background: url(i11.jpg) 0 0 repeat-x; height: 27px; line-height: 27px; color: #fba314; }
#menu2 UL { padding: 0 1px 0 0; margin: 0; list-style: none; }
#menu2 UL LI { display: inline; padding: 0 10px;  }
#menu2 UL LI.active A { color: #56b789; }
#menu2 A { color: #fff; text-decoration: none; }
#menu2 A:hover { color: #56b789; }

#sub-cols {  }
#sub-cols-1 { float: left; width: 344px; margin-right: 16px; }
#sub-cols-1 DIV.pad { padding: 0; background: url('hannah_content.jpg') no-repeat 0 0; }
#sub-cols-2 { float: left; width: 520px; height: 474px; overflow: auto; }
#sub-cols-2 #inner1 { padding: 15px 0; width: 500px; }
#sub-cols-3 { height: 474px; overflow: auto; padding-left: 20px; }
#sub-cols-3 #inner1 { padding: 15px 0; width: 825px; }

#sub-cols-4 {  }
#sub-cols-5 { float: left; width: 200px; margin-right: 16px; }
#sub-cols-5 DIV.pad { padding: 15px 0 15px 15px; }
#sub-cols-6 { float: left; width: 664px; height: 474px; overflow: auto; }
#sub-cols-6 #inner1 { padding: 15px 0; width: 630px; }

#login { float: right; text-align: right; width: 250px; }
#login TABLE { margin: 0; width: auto; }
#login TABLE TH { padding: 4px 5px 4px 0; border: none; background: none; color: #fff; font-weight: normal; }
#login TABLE TD { padding: 1px 0; border: none; background: none; }
#login TABLE INPUT { width: 120px; }
#login P.login-actions { margin: 5px 0 0 0; text-align: right; }
#login P.login-actions INPUT { border: none; }

P.login-actions2 { line-height: normal; font-size: 10px; margin: 5px 0 0 0; white-space: nowrap; }
P.login-actions2 SPAN.btn { float: right; margin: 0 0 0 5px; background: url(i13.gif) no-repeat; }
P.login-actions2 SPAN.btn SPAN { float: left; background: url(i13.gif) 100% -20px no-repeat; }
P.login-actions2 SPAN.btn A { float: left; padding: 2px 10px 4px 10px; text-decoration: none; color: #fff; }
P.login-actions2 SPAN.btn A:hover { color: #fff; }
P.login-actions2 SPAN.btn INPUT { float: left; padding: 2px 10px; overflow: visible; cursor: pointer; border: none; background: transparent; font-size: 10px; color: #fff; font-weight: bold; }

P.login-actions3 { line-height: normal; font-size: 10px; margin: 5px 0 0 0; white-space: nowrap; }

#flashpage { background: url(i12.jpg) 100% 0 no-repeat; }

#topics { padding: 0; margin: 10px 0 0 0; list-style: none; border-top: 1px solid #898989; }
#topics LI { border-bottom: 1px solid #5a3723; background: url(bullet3.gif) 5px 8px no-repeat; padding: 4px 0 4px 15px; }
#topics LI A { text-decoration: none; }
#topics LI A:hover { text-decoration: none; color: #fff; }

HTML {
	scrollbar-face-color: #4d4d4d;
	scrollbar-highlight-color: #656565;
	scrollbar-3dlight-color: #555555;
	scrollbar-darkshadow-color: #363636;
	scrollbar-shadow-color: #212121;
	scrollbar-arrow-color: #0a0a0a;
	scrollbar-track-color: #5c5c5c; 
 }

TABLE.galleries TABLE {}
TABLE.galleries TD { border: 8px solid #e4eeef !important; text-align: center; padding: 0 !important; width: 20%; font-size: 1px; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #56b789; padding: 2px; text-decoration: none; color: #fff; }
TABLE.galleries A:hover { color: #fff; border-color: #56b789; }
TABLE.galleries A:hover SPAN.txt { background: #56b789; }
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #969595; font-size: 10px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }

P.tagcloud { border-top: 1px dotted #5a3723; padding-top: 5px; line-height: 22px; margin-top: 3em; }
P.tagcloud A { float: left; text-decoration: none; margin: 0 5px 0 0; }
P.tagcloud A:hover { color: #fff; text-decoration: underline; }
P.tagcloud A.large-x { font-size: 13px; }
P.tagcloud A.large-xx { font-size: 16px; }
P.tagcloud A.large-xxx { font-size: 20px; }
P.tagcloud A.small-x { font-size: 10px; }
P.tagcloud A.small-xx { font-size: 9px; }
P.tagcloud A.small-xxx { font-size: 8px; }

#error1 p{ color: white ;}
P.msg-error { border: 1px solid #b60202; color: #ff5656; background: #730000; padding: 5px 10px; text-align: center; }

#error1 { margin: auto; width: 500px; padding-top: 50px; }
#error2 { border: 10px solid #dc0083; padding: 20px; background: #000; text-align: left; }
#error1 P.msg-error { margin: 0; font-size: 18px; }


.botbanners { height: 112px; overflow: hidden; }
.botbanners ul, .botbanners li { margin: 0; padding: 0; list-style: none; }
.botbanners li { float: left; width: 286px; padding: 0 2px; overflow: hidden; }
.botbanners li.first, .botbanners li.last { width: 295px; padding: 0; }
.botbanners li.last { width: 295px; float: right; text-align: right; }