/*	CSS-Framework
------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl, #main-menu li a { text-indent: -9999px; overflow: hidden; display: block; }
*:focus { outline: none; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none!important; }
.no-border, img { border: none!important; }
.container { overflow: hidden; }

/* Main custom rules
------------------------------ */

html { height: 100%; background: #333; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; }
html, body { min-height: 100%; position: relative; }
body {  }

/* Colorschemes */
.home #site, .home #main-menu ul,
.calendar #site, .calendar #main-menu ul { background: #f2ce90; }
.home #header,
.calendar #header { background: url(../images/header/home-header.jpg); }
.home #content,
.calendar #content { background: url(../images/content/home-content.jpg); }

.events #site, .events #main-menu ul { background: #9f715b; }
.events #header { background: url(../images/header/events-header.jpg); }
.events #content { background: url(../images/content/events-content.jpg); }

.contacts #site, .contacts #main-menu ul { background: #505c77; }
.contacts #header { background: url(../images/header/contacts-header.jpg); }
.contacts #content { background: url(../images/content/contacts-content.jpg); }

.design #site, .design #main-menu ul { background: #463d51; }
.design #header { background: url(../images/header/design-header.jpg); }
.design #content { background: url(../images/content/design-content.jpg); }

.econ #site, .econ #main-menu ul { background: #6f7281; }
.econ #header { background: url(../images/header/econ-header.jpg); }
.econ #content { background: url(../images/content/econ-content.jpg); }

.organization #site, .organization #main-menu ul { background: #505f48; }
.organization #header { background: url(../images/header/organization-header.jpg); }
.organization #content { background: url(../images/content/organization-content.jpg); }

.promotion #site, .promotion #main-menu ul { background: #97814c; }
.promotion #header { background: url(../images/header/promotion-header.jpg); }
.promotion #content { background: url(../images/content/promotion-content.jpg); }

a { color: #000; }
a:link {  }
a:visited {  }
a:hover {  }
a:active {  }



#site { width: 800px; height: 600px; margin: 0 auto; border-top: 8px solid #333; position: relative; }
#header { height: 86px; position: relative; }
#logo { cursor: pointer; position: absolute; z-index: 1000; left: 154px; top: 25px; width: 493px; height: 146px; background: url(../images/logo.png); }
#content { height: 494px; position: relative; z-index: 100; }
.home #content { height: 423px; }
.calendar #content { height: 423px; }
#content-footer { background: #202021; position: absolute; width: 800px; height: 25px; bottom: 0; left: 0; filter:alpha(opacity=66); -moz-opacity:0.66; -khtml-opacity: 0.66; opacity: 0.66; }
/* #content-footer { text-align:center; } */

#text { position: absolute; background: #fff; filter:alpha(opacity=78); -moz-opacity: 0.78; -khtml-opacity: 0.78; opacity: 0.78; overflow: auto; width: 657px; height: 375px; left: 72px; top: 94px; z-index: 1; }
#text-container { position: absolute; width: 657px; height: 375px; left: 72px; top: 94px; z-index: 10; overflow: auto; }
#content2 { padding: 20px 25px; }
#content-top { height: 20px; width: 618px; position: absolute; left: 72px; top: 94px; background: url(../images/content-top2.png); z-index: 2000; }
#content-bottom { height: 20px; width: 618px; position: absolute; left: 72px; top: 449px; background: url(../images/content-bottom2.png); z-index: 2000; }

.calendar #text-container { width: 440px; height: 290px; left: 277px; top: 94px; }
.calendar #text { width: 440px; height: 290px; left: 277px; top: 94px; }
.calendar #content-top { width: 420px; left: 277px; top: 94px; background: url(../images/content-top2.png); z-index: 2000; }
.calendar #content-bottom { width: 420px; left: 277px; top: 364px; background: url(../images/content-bottom2.png); z-index: 2000; }

.calendar-block { position: absolute; border: 1px solid #bbbbbc; background: #dcdcdc; left: 74px; top: 94px; width: 190px; height: 211px; }

#newsletter { position: absolute; left: 74px; top: 316px; width: 172px; height: 60px; padding: 4px 10px; z-index: 1000; }
#newsletter-transparent { position: absolute; left: 74px; top: 316px; width: 172px; height: 52px; background: #f2ce90; filter:alpha(opacity=78); -moz-opacity: 0.78; -khtml-opacity: 0.78; opacity: 0.78; padding: 8px 10px; }

.events { border-top: 1px solid #ccc; }
.events .highlight { background-color:#F2DAAA; color:#3F3F40; }
.events .event { border-bottom: 1px solid #ccc; overflow: hidden; zoom: 1; }
.event p { margin-left: 136px; padding-top: 7px; text-align:left; font-size:11px; }
.event h4 { width: 89px; float: left; padding: 7px 6px 7px 16px; background: url(../images/event-h3.png) no-repeat 100% 60%; }

.events .highlight h4, .events .highlight p {margin-top: 3px;}
.events .highlight p {padding-top: 9px}
.events .event a { text-decoration: none; }
.events .event a:hover { text-decoration: underline; }
.events .event_details h4 { margin-top:1em; }

#footer { clear: both; height: 79px; padding: 12px 0 0 19px; position: relative; }
	#footer a { float: left; padding-right: 19px; }
	#footer .central-logo { position: relative; top: -6px; }
	#footer-logo-decor-left, #footer-logo-decor-right { position: absolute; width: 56px; height: 81px; top: 2px; }
	#footer-logo-decor-left { background: url(../images/footer-logo-decor-left.png); left: 285px; }
	#footer-logo-decor-right { background: url(../images/footer-logo-decor-right.png); left: 457px; }

#main-menu { position: absolute; top: 0; left: 0; width: 800px; height: 86px; z-index: 10000; overflow: visible; }
#main-menu li { position: relative; }
#main-menu li { padding: 0; position: absolute; top: 32px; height: 10px; }
#main-menu li a, #main-menu em  { height: 10px; overflow: hidden; }
#main-menu li a { position: absolute; top: 0; left: 0; }

#main-menu em { display: block; left: 0; top: 0; }

#main-menu-events a { width: 45px; }
#main-menu-organization a { width: 89px; }
#main-menu-promotion a { width: 70px; }
#main-menu-design a { width: 42px; }
#main-menu-economic a { width: 162px; }
#main-menu-contact a { width: 52px; }

#main-menu-events { left: 18px; width: 45px; }
#main-menu-organization { left: 117px; width: 89px; }
#main-menu-promotion { left: 260px; width: 70px; }
#main-menu-design { left: 454px; width: 42px; }
#main-menu-economic { left: 534px; width: 162px; }
#main-menu-contact { left: 729px; width: 52px; }

#main-menu-events em { width: 45px; background: url(../images/menu/events.png); }
#main-menu-organization em { width: 89px; background: url(../images/menu/organization.png); }
#main-menu-promotion em { width: 70px; background: url(../images/menu/promotion.png); }
#main-menu-design em { width: 42px; background: url(../images/menu/design.png); }
#main-menu-economic em { width: 162px; background: url(../images/menu/economic.png); }
#main-menu-contact em { width: 52px; background: url(../images/menu/contact.png); }

#main-menu ul { display: none; position: absolute; top: 17px; left: 0; border: 2px solid #e9dbcb; width: 130px; }
#main-menu li.hi ul { display: block; }
#main-menu li li a { position: static; overflow: visible; text-indent: 0; background: none;  height: auto; display: block; width: 100%; border: 0px solid transparent; }
#main-menu ul li { padding: 1px 4px; position: static; border: 1px solid #e9dbcb; float: none; height: auto; }

/* Vertical Hover Colors
------------------------------ */
.home #main-menu ul li:hover {background: #F7E2BC;}
.events #main-menu ul li:hover {background: #C5AA9D;}
.organization #main-menu ul li:hover {background: #969F91;}
.promotion #main-menu ul li:hover {background: #C2B596;}
.design #main-menu ul li:hover {background: #908B97;}
.econ #main-menu ul li:hover {background: #A9AAB3;}
.contacts #main-menu ul li:hover {background: #969DAD;}

/* Extra Styles
------------------------------ */
.organization p a.link { font-weight:bold; display: block; color: #505f48; background-color:#abb2a7; padding:5px; padding-left:10px; border: 1px dashed #505f48; text-transform: uppercase; font-size:11px; }

.events p a.link { font-weight:bold; display: block; color: #9f715b; background-color:#C5AA9D; padding:5px; padding-left:10px; border: 1px dashed #9f715b; text-transform: uppercase; font-size:11px; }

.promotion p a.link { font-weight:bold; display: block; color: #97814c; background-color:#C2B596; padding:5px; padding-left:10px; border: 1px dashed #97814c; text-transform: uppercase; font-size:11px; }

.contacts p a.link { font-weight:bold; display: block; color: #505c77; background-color:#969DAD; padding:5px; padding-left:10px; border: 1px dashed #505c77; text-transform: uppercase; font-size:11px; }

.design p a.link { font-weight:bold; display: block; color: #463d51; background-color:#908B97; padding:5px; padding-left:10px; border: 1px dashed #463d51; text-transform: uppercase; font-size:11px; }

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; }
.menu-h li { float: left; list-style: none; padding: 0 .8em; }

/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: none; }

.menu-v {  }
.menu-v li { padding: 2px 0; list-style: none; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #ccc; }
.menu-v-d li { padding: 2px 0; display: block; position: relative;	border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #ccc; }
.menu-v-d a:hover { color: #fff; }
.menu-v-d a.active { color: #000; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }

/* Content elements
------------------------------ */

/* headings*/

#content h1, #content h2, #content h3, #content h4 { font: 1.5em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
#content h1 { text-transform: uppercase; font-weight: bold; }
#content h2 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; color:#333; }
#content h3 { font-size: 1.2em; }
#content h4 { font-size: 1.0em; font-weight: bold; color:#333; }

.home #content h1 { color:#f2ce90; }
.events #content h1 { color:#9f715b; }
.organization #content h1 { color:#505f48; }
.promotion #content h1 { color:#97814c; }
.design #content h1 { color:#463d51; }
.econ #content h1 { color:#6f7281; }
.contacts #content h1 { color:#505c77; }

/* headings*/

blockquote { margin-left: 5em; padding-left: 1em; border-left: 2px solid #ccc; font-style:italic; color:#555; }

#content ul { margin-left: 4em; line-height: 1.3em; }
#content ul li { margin-bottom: .5em; }

#content ol { margin-left: 3em; line-height: 1.3em; }
#content ol li { margin-bottom: .8em; }

pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

p { text-align: justify; color: #333; }

.icons a, .icon { padding-left: 20px; }

#content p, #content ul, #content ol, #content table, blockquote, pre, .columns, #content img { margin-bottom: 1em; }

/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

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

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns { width: 100%; padding: 0 1px 0 1px; margin-left: -1px; margin-right: -1px; overflow: hidden; text-align: justify; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-25 { width: 24.999%; }
.w-33 { width: 33.333%; }
.w-50 { width: 49.999%; }
.w-66 { width: 65.666%; }
.w-75 { width: 74.999%; }
.w-38 { width: 37.196%; }
.w-62 { width: 61.803%; }

/* Images
------------------------------ */

#content img { padding: 5px; border: 1px solid #ccc; margin-top: .4em; }
#content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

#content form { padding: .5em 0; }
#content fieldset { margin-bottom: 1em; border: none; }
#content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

#content .f-row { overflow: hidden; margin-bottom: .5em; }
#content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
#content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 169px; padding: 1px; font: 1em sans-serif; background: #fff url(../images/input.png); border: 1px solid #7c7c7c; border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; background: #f5e1b8; color: #aa9168; border: 0; font-size: 10px; }
.fornm-footer { padding-top: 3px; }

/* Date Picker Rules
------------------------------ */

input#dp-normal-1 { display:none; }
#loader { position:relative; }
#loader img { margin:20% 0 0 40%; }

/* Stuff
------------------------------ */

.small a { font-size:12px; display:block; float:right; }
.no-justify { text-align:left; }
.col_mar_right { margin-right: 20px; }

/* Album
------------------------------ */
/*.design #album a img.border { border: 3px solid #333; }*/
.back-hover { 
	visibility:hidden;
	position:absolute;
	top:30; left:50;
	z-index: 1001;
	color:#fff;
	padding:5px;
	padding-right:10px;
	padding-left:10px;
	margin-left:358px;
	margin-top:71px;
	font-size:11px;	
	}
	
/* Album
------------------------------ */

#content2 #member p, #content2 #member h3, #content2 #member p a  {
	margin:0;
	padding:0;
	text-align:left;
}
#content2 #member p {
	font-size:11px;
}
#content2 #member h3  {
	font-weight:bold;
	font-size:12px;
}
#content2 tr#mem-row {
	background: #DFE1DC url(../images/t-back.jpg) repeat-x;
	border-bottom: solid #969F91 2px;
}
#content2 tr.header {
	background: #505F48;
}
#content2 tr.header p {
	color: #fff;
	font-weight: bold;
}
#content2 #member td {
	padding:7px;
}
.other {
	font-weight:normal;
	font-size:11px;
}

#content2 td.address {
	width: 30%;
	border-right: solid #E0E2DD 1px;
}
#content2 td.b-name {
	width:25%;
	border-right: solid #E0E2DD 1px;
}