@charset "UTF-8";

/* Reset */
html,body { height:100%; }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* Layout */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior: url(iepngfix.htc); }

img { border: 0; }

/* Types */
body { font: 14px "Calibri", Arial, Verdana, sans-serif; background-color: #fff; color: #191919; }

input, textarea, select { font: 18px "Calibri", Arial, Verdana, sans-serif; } 

a { color: #116d98; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color:#d8833b; text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

p { margin-bottom: 14px; }
h1 { font-weight: normal; font-size: 22px; line-height: 30px; margin-bottom: 8px; text-transform:uppercase; }
h2 { font-weight: normal; font-size: 18px; line-height: 20px; margin-bottom: 2px; text-transform:uppercase; }
h3 { font-weight: normal; font-size: 16px; line-height: 18px; }
h4 { font-weight: normal; font-size: 10px; line-height: 14px; }

ul { margin-bottom: 18px; list-style: none outside; }
li { margin-bottom: 10px; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul{ margin-left: 2em; }
ul.square { list-style: square outside; }
ul{ list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

select { line-height:30px; background-color:#f0f4fa; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
select:hover { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
select:active { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
select:focus { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }

input { line-height:30px; background-color:#f0f4fa; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
input:hover { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
input:active { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
input:focus { line-height:30px; background-color:#fff; color:#3f3e3e; height:30px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }

textarea { line-height:30px; background-color:#f0f4fa; color:#3f3e3e; font-size:18px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
textarea:hover { line-height:30px; background-color:#fff; color:#3f3e3e; font-size:18px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
textarea:active { line-height:30px; background-color:#fff; color:#3f3e3e; font-size:18px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }
textarea:focus { line-height:30px; background-color:#fff; color:#3f3e3e; font-size:18px; font-weight:normal; border:1px solid #9b9b9b; padding:0px 0px 0px 5px; margin:0; }

form .textbox .required, form .textarea .required { color:#8C8C8C; display:block; font-size:11px; position:absolute; right:10px; text-transform:uppercase; top:27px; }
.textbox label { text-transform:uppercase; color:#404040; }
form .textbox { float:left; width:232px; padding-bottom:15px; }
form .textbox, form .textarea { position:relative; width:100%; }

/*--- Footer ---*/
.footer { color: #666; font-size: 10px; margin: 18px auto; text-align: left !important; }
.footer a { color: #B7E8FF; }
.footer p { margin-bottom: 1em; }

/*--- Lyrics ---*/
.width100 { width: 100%; }
.width90 { width: 90%; min-width:1024px; }
.width50 { width: 50%; }
.width20 { width: 20%; }
.width80 { width: 80%; min-width:1024px; max-width:1200px; }
.height100 { height: 100%; }
.height50 { height: 50%; }

/*--- Backgrounds ---*/
.footer_pic_bg { background-color:#FFF; background: url('../images/pic_bg.jpg') no-repeat scroll top left; }
.top_line_bg { background: url('../images/top_line_bg.gif') repeat-x scroll top right; }

/*--- Paddings ---*/
.tab15 { padding: 25px; }
.tabl15 { padding: 0px 0px 0px 25px; }
.tabr15 { padding: 0px 25px 0px 0px; }
.tabrb15 { padding: 0px 25px 25px 0px; }
.tablb15 { padding: 0px 0px 25px 25px; }
.tabrbl15 { padding: 0px 25px 25px 25px; }
.tabb15 { padding: 0px 0px 25px 0px; }
.tabt15 { padding: 25px 0px 0px 0px; }
.tabtb15 { padding: 25px 0px 25px 0px; }
.tabtrb15 { padding: 25px 25px 25px 0px; }
.tabtrl15 { padding: 25px 25px 0px 25px; }

.tabr5 { padding: 0px 5px 0px 0px; }
.tabt5 { padding: 5px 0px 0px 0px; }

/*--- Fonts size ---*/
.t14 { font-size: 14px; }
.t12 { font-size: 12px; }
.t24 { font-size: 24px; }
.t18 { font-size: 18px; }
.upper { text-transform:uppercase; }

/*--- Colors pattern ---*/
.cfff { color: #ffffff; }
.cc07138 { color: #c07138; }
.cf0ebd3 { color: #f0ebd3; }
.ce10136 { color: #e10136; }
.c84000e { color: #84000e; }
.c999 { color: #999999; }
.c116d98 { color:#116d98; }

/*--- Lines ---*/
.line_bottom { border-bottom: 1px solid #d5d5d5; }
.line_right { border-right: 1px solid #d5d5d5; }
.line_left { border-left: 1px solid #d5d5d5; }
.line_top { border-top: 1px solid #d5d5d5; }

/*--- Buttons ---*/
.clear { overflow: hidden; width: 100%;}
a.button_main { color: #ffffff; display: block; float: left; height: 36px; margin-right: 6px; padding-right: 28px; text-decoration: none; }
a.button_main span { line-height: 16px; padding: 10px 0 10px 15px; }
a.button_main:active { color: #ffffff; outline: none; }
a.button_main:active span { padding: 10px 0 10px 15px; }
a.button_main_black { background: transparent url('../images/bg_button_main_black_a.png') no-repeat scroll top right; }
a.button_main_black span { background: transparent url('../images/bg_button_main_black_span.png') no-repeat; display: block; }
a.button_main_black:active { background-position: bottom right; }
a.button_main_black:active span { background-position: bottom left; }
a.button_main_green { background: transparent url('../images/bg_button_main_green_a.png') no-repeat scroll top right; }
a.button_main_green span { background: transparent url('../images/bg_button_main_green_span.png') no-repeat; display: block; }
a.button_main_green:active { background-position: bottom right; }
a.button_main_green:active span { background-position: bottom left; }
a.button_main_blue { background: transparent url('../images/bg_button_main_blue_a.png') no-repeat scroll top right; }
a.button_main_blue span { background: transparent url('../images/bg_button_main_blue_span.png') no-repeat; display: block; }
a.button_main_blue:active { background-position: bottom right; }
a.button_main_blue:active span { background-position: bottom left; }

a.button_tab { color: #ffffff; display: block; float: left; height: 33px; margin-right: 0px; padding-right: 15px; text-decoration: none; }
a.button_tab span { line-height: 16px; padding: 8px 0 9px 15px; }
a.button_tab:active { color: #ffffff; outline: none; }
a.button_tab:active span { padding: 9px 0 8px 15px; }
a.button_tab_black { background: transparent url('../images/bg_button_tab_black_a.png') no-repeat scroll top right; }
a.button_tab_black span { background: transparent url('../images/bg_button_tab_black_span.png') no-repeat; display: block; }
a.button_tab_black:active { background-position: bottom right; }
a.button_tab_black:active span { background-position: bottom left; }

a.button_tab_active { color: #ffffff; display: block; float: left; height: 33px; margin-right: 0px; padding-right: 15px; text-decoration: none; }
a.button_tab_active span { line-height: 16px; padding: 9px 0 8px 15px; }
a.button_tab_active:active { color: #ffffff; outline: none; }
a.button_tab_active:active span { padding: 9px 0 8px 15px; }
a.button_tab_black_active { background: transparent url('../images/bg_button_tab_black_a.png') no-repeat; background-position: bottom right; }
a.button_tab_black_active span { background: transparent url('../images/bg_button_tab_black_span.png') no-repeat; display: block; background-position: bottom left; }
a.button_tab_black_active:active { background-position: bottom right; }
a.button_tab_black_active:active span { background-position: bottom left; }

a.menu { background: none; text-transform: uppercase; height: 65px; line-height:65px; font-size: 16px; text-decoration: none; padding: 25px 5px 24px 5px; } 
a.menu:hover, a.menu:active, a.menu:focus, a.menu_select, a.menu_select, a.menu_select:hover, a.menu_select:active, a.menu_select:focus { font-size: 16px; text-transform: uppercase; color:#000000; height: 65px; line-height:65px; background: transparent url('../images/top_line_select.gif') no-repeat; background-position: top center; text-decoration: none; padding: 25px 5px 24px 5px; }
	
/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

#calendar { width: 900px; margin: 0 auto; }

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	height: 130px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery em {
	width: 102px;
	background: url(../images/bubble.gif) no-repeat;
	padding: 3px 0 6px;
	display: none;
	position: absolute;
	top: -2px;
	left: 10px;
	font-style: normal;
	text-align: center;
	font-size:10px;
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}
