body {margin:0; background:#d5d5d5; text-align:center; padding:0; height:100%}
a {color:#AB4242}
a img {border:0}
/* klasy sterujace */
.bold {font-weight:bold}
.overF {overflow:hidden}
.w90 {width:90px;}
.w200 {width:200px;}
.h120 {height:160px}
.w220 {width:220px;}
.w260 {width:260px;}
.h130 {height:130px;}
.w150 {width:150px;}
.fLeft {float:left !important}
.fRight {float:right !important}
.tAlignR {text-align:right !important}
.tAlignL {text-align:left !important}
.mTop2 {margin-top:2px !important}
.mLeft28 {margin-left:28px !important}
.mLeft32 {margin-left:32px !important}
.mRight28 {margin-right:28px !important}
.mTop20 {margin-top:20px}
.mTop10 {margin-top:10px}
.pTop10 {padding-top:10px}
.paddingLR10 {padding-left:10px; padding-right:10px}
.padding10 {padding:10px}
.pRel {position:relative !important}
.red {color:#C51F33 !important}
.h120 {height:120px !important}
.clear {clear:both; overflow:hidden}
input[type=text],input[type=password] {background:url(../Images/inputtext_bg.gif) top left no-repeat; font:13px Tahoma}
textarea {background:url(../Images/inputtext_bg.gif) top left no-repeat; font:13px Tahoma}
.w960 {width:960px; margin:0 auto; text-align:left; position:relative}
.marked {border:1px solid #f2f2f2; background:#e9e9e9}

#content {margin:0 auto; position:relative; text-align:left;}
#logo img {border:0}
	#menuandbanner {height:347px; width:100%; background:#fff}
    #menu {list-style-type:none; position:absolute; right:0px; top:33px; margin:0; padding:0}
        #menu li span {display:none}
        #menu li {position:relative; float:left}
    #menu #about_us {width:128px; height:25px; background:url(../Images/menu.gif) 0 0 no-repeat;}
        #menu #about_us a {width:128px; height:25px; background:url(../Images/menu.gif) 0 0 no-repeat; display:block}
        #menu #about_us a:hover {background:url(../Images/menu.gif) 0 -25px no-repeat;}
    #menu #become_a_member {width:160px; height:25px;}
        #menu #become_a_member a {width:160px; height:25px; background:url(../Images/menu.gif) -128px 0 no-repeat; display:block}
        #menu #become_a_member a:hover {background:url(../Images/menu.gif) -128px -25px no-repeat;}
    #menu #past_activities {width:136px; height:25px;}
        #menu #past_activities a {width:136px; height:25px; background:url(../Images/menu.gif) -286px 0 no-repeat; display:block}
        #menu #past_activities a:hover {background:url(../Images/menu.gif) -286px -25px no-repeat;}
    #menu #gallery {width:89px; height:25px;}
        #menu #gallery a {width:89px; height:25px; background:url(../Images/menu.gif) -422px 0 no-repeat; display:block}
        #menu #gallery a:hover {background:url(../Images/menu.gif) -422px -25px no-repeat;}
    #menu #contact {width:112px; height:25px;}
        #menu #contact a {width:112px; height:25px; background:url(../Images/menu.gif) -511px 0 no-repeat; display:block}
        #menu #contact a:hover {background:url(../Images/menu.gif) -511px -25px no-repeat;}
    #menu li:hover ul {display:block; z-index:10000}
    
    #submenu1 {list-style-type:none; margin:0 0 0 15px; height:35px; padding:0; position:absolute; width:625px; display:none}
    #submenu1 li {float:left}
    #submenu1 li span {display:none}  
    #submenu1 #bod {width:70px; height:35px; }
        #submenu1 #bod a {width:70px; height:35px; background:url(../Images/menu.gif) 20px -50px no-repeat; display:block; overflow:hidden}
        #submenu1 #bod a:hover {background:url(../Images/menu.gif) 20px -78px no-repeat;}
    #submenu1 #statue {width:70px; height:35px; }
        #submenu1 #statue a {width:70px; height:35px; background:url(../Images/menu.gif) -50px -50px no-repeat; display:block; overflow:hidden}
        #submenu1 #statue a:hover {background:url(../Images/menu.gif) -50px -78px no-repeat;}    
    #submenu1 #members {width:80px; height:35px; }
        #submenu1 #members a {width:80px; height:30px; background:url(../Images/menu.gif) -120px -50px no-repeat; display:block; overflow:hidden}
        #submenu1 #members a:hover {background:url(../Images/menu.gif) -120px -78px no-repeat;}  
    #submenu1 #patrons {width:85px; height:35px; }
        #submenu1 #patrons a {width:85px; height:30px; background:url(../Images/menu.gif) -200px -50px no-repeat; display:block; overflow:hidden}
        #submenu1 #patrons a:hover {background:url(../Images/menu.gif) -200px -78px no-repeat;}    
    #submenu1 #about_us {width:200px; height:35px; }
        #submenu1 #about_us a {width:200px; height:35px; background:url(../Images/menu.gif) -285px -50px no-repeat; display:block; overflow:hidden}
        #submenu1 #about_us a:hover {background:url(../Images/menu.gif) -285px -78px no-repeat;}

    /* s: top banners */
	#banner {background:url(../Images/banner_bg.jpg) no-repeat; width:960px; height:262px; overflow:hidden; position:relative}
		#banner .krecace {position:absolute; left:266px; top:15px}
	    .bannerTop div.left {position:absolute; left:500px; top:40px}
	    .bannerTop div.leftEvent {position:absolute; left:500px; top:20px}
	        .bannerTop div.left img.logo {float:left; display:inline; margin-right:10px}
	        .bannerTop div.left h2 {font:20px Tahoma; color:#c51f33}
	        .bannerTop div.left h2 span {color:#215080}
	        .bannerTop div.left p {font:13px Tahoma; color:#999; float:left; display:inline}
	        .bannerTop div.left a.readMore {float:right; font:bold 13px Tahoma; color:#c51f33}
	            	
	    /* s: banery inne na gorze strony */
	        #bannerGallery {background:url(../Images/banner_gallery.jpg) left bottom no-repeat; width:960px; height:262px; overflow:hidden; position:relative}	
	        #bannerGallery div.left {top:0px; left:460px}
	        
	        #bannerGallery div.left h2 {margin:10px 0}
	        #bannerGallery div.left p {margin:0 0 20px 0}
	        
	        #bannerContact {background:url(../Images/banner_contact.jpg) left bottom no-repeat; width:960px; height:262px; overflow:hidden; position:relative}	
	        #bannerEvents {background:url(../Images/baner_events_bg.jpg) no-repeat; width:960px; height:262px; overflow:hidden; position:relative}
            #bannerEvent {background:url(../Images/baner_event_bg.jpg) no-repeat; width:960px; height:262px; overflow:hidden; position:relative}	        
            #bannerBecomeMembers {background:url(../Images/banner_becomeamember2.jpg) bottom left no-repeat; width:960px; height:262px; overflow:hidden; position:relative}
			
	
        /* k: banery inne na gorze strony */
    /* k: top banners */
    
	/* s: grey_content */
	#grey_content {font:12px Tahoma; line-height:1.3em; color:#744e4e; background:url(../Images/grey_bg.jpg) repeat-x #d5d5d5; min-height:297px; overflow:hidden; padding-bottom:20px;}
		#member {width:270px; margin:30px 0 0 55px; float:left}
			#member p {margin-left:2px}
			#member form {margin:0 0 0 2px; padding:0; width:245px}
			#member div {margin-top:6px; overflow:hidden}
			#member div input#login {font:11px Tahoma; border:0; background:url(../Images/b_logmein.gif) no-repeat; width:75px; height:21px; color:#777}
			#member input {width:150px; height:14px; border:1px solid #bbb; cursor:pointer}
			#member input[type=text],#member input[type=password] {cursor:text; color:#888}
			#member label {font-size:12px}
		#aboutus {width:245px; float:left; color:#744e4e; margin:30px 0 0 45px}
		#aboutus p {margin-left:2px}
		#events {margin:20px 0 10px 45px; width:250px; float:left; color:#744e4e; height:280px}
            #events ul {list-style-type:none; margin:0; padding:0; height:280px;}
			#events ul li {margin-bottom:20px; margin-left:2px; overflow:hidden; height:110px}
			#events ul li .logo {float:left; margin-right:5px}
			#events h5 {margin:0; padding:0 0 4px 0; font-size:11px; color:#ab4242; border-bottom:1px solid #dab1b5}
			#events a {font-weight:bold; font-size:11px; color:#ab4242; text-decoration:none;}
			#events h5 {overflow:hidden}
			#events h5 strong {float:left}
			#events h5 img {float:right; margin:0 0 0 5px}
			#events h5 span {float:right; font-weight:normal; text-align:right}
			#events h5 a {float:left; width:150px}
			#events span.more {display:block; text-align:right}
			#events span.more a {text-decoration:none; color:#ab4242;}				
			#bannerEvents span.more {display:block; text-align:right;}
			#bannerEvents span.more a {text-decoration:none; color:#ab4242;}
		.eventContent {width:600px; float:right; text-align:justify; margin:20px 0 20px 0}
		.eventContent strong {color:#A01F1F}
        .aboutContent {width:600px; float:right; text-align:justify; margin:20px 0 20px 0;}
		.aboutContent strong {color:#A01F1F}		
	/* k: grey_content */
	
	#logos {background:url(../Images/logos_red_bg_all.gif) #861523; height:108px; overflow:hidden}
	#logos img.important {float:left;}
	#logos #wraperLoga {float:left; overflow:hidden; width:770px; height:39px; position:relative; margin:0 10px}
	#logos #wraperLoga div {position:absolute; left:0px; top:0px;}
	#logos #wraperLoga div img {margin:0px; padding:0}
	#fotter {background:url(../Images/fotter_bg.gif) repeat-x bottom #d5d5d5; overflow:hidden; height:39px}
		#menu_bottom {list-style-type:none; margin:18px auto; padding:0; width:550px}
		#menu_bottom li {float:left;}
		#menu_bottom li a {text-decoration:none; font:12px Tahoma; padding:0 20px; border-left:1px solid #f8f8f8; color:#950101 !important;}
		#menu_bottom li a:hover {text-decoration:underline;color:#950101;}
		#menu_bottom li:first-child a {border-left:0}
	#bottom {background:#d5d5d5; height:100px; overflow:hidden}
	
	/* become a member */
	#becomeAMember {margin-top:0px; padding-top:0; height:1%;}	  
	#becomeAMember #events ul li {height:auto}
	    #becomeAMember .right {margin-top:20px; margin-bottom:20px; float:left; width:550px; padding-left:80px}
	    #becomeAMember .right p {margin:10px; text-align:justify;}
	    #becomeAMember .right strong {color:#A01F1F; border-bottom:1px solid #DAB1B5; display:block; font-size:11px; padding-top:10px}
	    #becomeAMember .right strong span {font-size:10px; font-weight:normal; position:relative; top:-2px; cursor:pointer; float:right; margin-right:5px}
	    #becomeAMember .right span.a {float:left; width:155px}
	    #becomeAMember .right span.b {float:left; width:260px; padding-left:20px}
	    #becomeAMember .right a img {margin-top:0 !important}
	    
	    #eventsList {margin:30px 0 0 45px; width:270px; float:left; color:#744e4e;}
            #eventsList ul {list-style-type:none; margin:0; padding:0;}
			#eventsList ul li {margin-bottom:30px; margin-left:2px; overflow:hidden; height:auto !important; border-bottom:1px solid #dab1b5; margin-bottom:5px}
			#eventsList ul li span.data {display:block; font-weight:normal}					
			#eventsList a {font-weight:bold; font-size:11px; color:#ab4242; text-decoration:none}
			
			
	/* k: become a member */
	
	/* about Us */
	.membersList {float:left; width:240px; margin-top:30px; padding-left:80px}
	.membersList ul {list-style-type:none; list-style-image:url(../Images/arrow.gif); margin:10px 0 25px 33px; padding:0;}
	.membersList ul li {margin-bottom:10px}
	.membersList ul a {display:block}
	.aboutContent {float:right; width:580px; margin-top:30px !important;}
	img.aboutUs {float:left; width:134px; height:122px; overflow:hidden; margin:0 15px 10px 0}
	/* k: about Us */
	
	#bottom {padding-top:6px; font:11px Tahoma; color:#666}
	#bottom a img {border:0}
	
	/* k: statute */
    .statute-paragraph-title {font-weight:bold;text-align:left;margin-bottom:20px;font-size:14px;width:700px;margin-left:auto;margin-right:auto;margin-top:20px;}
    .statute-paragraph-content {font-size:12px;text-align: justify;width:700px;margin-left:auto;margin-right:auto;}
    .statue-paragraph-sublist {list-style-type:none;margin-left:20px;}