body {margin:0; padding:0; background-color: #ebf0ff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #343434;}
body, html {height: 100%;}

/*->default's-----------------------------------------------------------------------*/
#pageLayout {position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%;}
.pageContainer {width: 940px; margin: 0 auto; overflow: hidden;}
.alRight {text-align: right;}
.alCenter {text-align: center;}
.half {float: left; width: 50%;}
.notice {font-size: 10px;}
.clear {clear: both; font-size: 0; overflow: hidden;}
.borderTop {border-top: 1px solid #79add6; margin: 1em 0;}

a img {border: none;}
form {margin: 0;}
h1 {font-family: "Times New Roman", Times, serif; font-size: 36px; color: #fefeff; margin: 1em 0 0.5em; font-weight: normal;}
h2 {font-family: "Times New Roman", Times, serif; font-size: 20px; color: #29496c; margin: 1em 0 0.5em; font-weight: normal;}
h3 {font-family: "Times New Roman", Times, serif; font-size: 18px; color: #333333; margin: 1em 0; font-weight: normal;}
h4 {font-size: 14px; margin: 1em 0;}
h5 {font-size: 12px; margin: 1em 0;}
ul, ol, dl, p {margin: 1em 0;}
ul, ol, dd {padding-left: 30px; margin-left: 0;}
a {color: #375d81;}
a:hover {color: #343434;}

/*->block's-------------------------------------------------------------------------*/
.col {float: left;}
.colFull {clear: both; width: 100%;}
.colWide {width: 625px;}
.colLeft {width: 260px; margin-left: 0;}
.colMiddle {width: 300px; margin-left: 28px;}
.colRight {width: 280px; margin-left: 28px;}
.colMain {width: 635px; margin-right: 35px; margin-left: 10px;}

.block {margin-top: 35px;}
.blockTitle {margin: 0 0 10px; text-transform: uppercase;}

/*->border's------------------------------------------------------------------------*/	
.blockBord {border: 1px solid #a6c4ca;}
	.blockBord, .blockBordGreen, .blockBordBlue {padding: 7px 10px;}
	.blockBordGreen {border: 1px solid #044526;}
	.blockBordBlue {border: 1px solid #035162;}
	.blockBordGrey {border: 1px solid #9eaaac;}
.blockRounded {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.blockRounded .blockHead {-moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
.blockRounded .blockFoot {-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
	
/*->pageHeader----------------------------------------------------------------------*/
#pageHeader {width: 100%; background-color: #dae0f7; color: #183152;}
	#pageHeader .pageContainer {position: relative; padding: 1.2em 0;}
	#pageLogo {position: absolute; bottom: 20px; left: 0; color: #183152; text-decoration: none; font-size: 44px; font-family: "Times New Roman", Times, serif; outline: none;}
	#subscribeForm {float: right; width: 300px; margin-top: 0.8em;}
	#subscribeForm form {margin-top: 0.3em;}
	#subscribeForm input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
	#subscribeForm .mail {float: left; width: 190px; margin-top: 2px;}
	#subscribeForm .btn {float: right;}

/*->pageMenu------------------------------------------------------------------------*/
#pageMenu {width: 100%; background-color: #183152; z-index: 20;}
	#pageMenu ul {padding: 0; list-style-type: none; line-height: 1.2em; background: url(../images/bgmenu.png) no-repeat right top;}
	#pageMenu li {float: left; background: url(../images/bgmenu.png) no-repeat left bottom;}
	#pageMenu a {color: #d1e2f3; text-decoration: none; font-size: 17px; height: 17px; text-transform: uppercase; padding: 10px 30px 8px 29px; float: left;}
	#pageMenu .sel a, #pageMenu a:hover {color: #74a1ca;}

/*->pageWelcome---------------------------------------------------------------------*/
#pageWelcome {width: 100%; background: url(../images/bgwelcome.jpg) no-repeat center bottom #375d81; font-size: 12px; color: #fff; z-index: 30;}
	#pageWelcome .pageContainer {padding-bottom: 25px; overflow: visible;}
	#pageWelcome .colRight .block {padding-left: 20px;}
	#pageWelcome .colRight .blockTitle {margin: -45px 0 0 -20px; position: relative;}
	
/*->pageTitle-----------------------------------------------------------------------*/
#pageTitle {width: 100%; background: url(../images/bgtitle.jpg) no-repeat center bottom #375d81; font-size: 12px; color: #fff; z-index: 30; position: relative; font-family: "Times New Roman", Times, serif; height: 155px;}
	#pageTitle .pageContainer {overflow: visible;}
	.nomenu {background-image: url(../images/bgtitle1.jpg) !important;}
	#pageTitle .colRight .blockTitle {margin: -45px 0 0 0; position: relative;}
	#pageTitle .blockTitle h1 {position: absolute; bottom: 0; margin-bottom: 0; padding-left: 10px;}
	#pageTitle ul {list-style-type: none; margin: 0; padding: 10px 10px 5px 40px; font-size: 16px; line-height: 1.3em;}
	#pageTitle li {padding-left: 30px;}
	#pageTitle li.sel {background: url(../images/tsel.png) no-repeat left 5px;}
	#pageTitle a {color: #8fa1ae; text-decoration: none; text-transform: uppercase;}
	#pageTitle a:hover, #pageTitle .sel a {color: #fff;}

/*->pageContent---------------------------------------------------------------------*/
#pageContent {font-size: 11px;}
.home {background: url(../images/bgcontent.gif) no-repeat center top;}
	
	.blockSlideshow {background: url(../images/bgshow.png) no-repeat left top; padding: 31px 32px; margin: 5px -23px -20px; width: 610px; height: 372px; overflow: hidden;}
		.slideShow {width: 610px; height: 372px; overflow: hidden; position: relative; background: url(../images/loading.gif) no-repeat center center #fff;}
		.slideShow .slide {position: absolute; left: 0; top: 0; display: none; width: 100%;}
		.slideShow .navPanel {position: absolute; bottom: 0; left: 0; width: 100%; color: #bbcbe6; background: url(../images/bgnav.png) left top; overflow: hidden;}
		.slideShow .navPanel a {color: #f88c16;}
		.slideShow .navPanel .btns {float: right; margin: 6px 4px 6px 10px;}
		.slideShow .navPanel .btn {text-decoration: none; float: left; background-color: #fff; margin-right: 6px; width: 14px; height: 14px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
		.slideShow .navPanel .btn:hover {background-color: #728da7;}
		.slideShow .navPanel .sel, .slideShow .navPanel .sel:hover {background-color: #183152;}
	
	.blockSlides {width: 100%; overflow: hidden;}
		.blockSlides .large {border: 2px solid #6e6e6e; overflow: hidden; text-align: center; vertical-align: middle; position: relative; height: 260px; background: url(../images/loading.gif) no-repeat center center #fff;}
		.blockSlides .large img {vertical-align: middle; position: absolute; left: 0; top: 0; display: none;}
		.blockSlides .thumbs {width: 270px; overflow: hidden;}
		.blockSlides .thumbs a {float: left; width: 30px; height: 30px; overflow: hidden; border: 1px solid #a49fa0; margin-right: 6px; margin-top: 6px; outline: none;}
		.blockSlides .thumbs a.sel {border: 2px solid #45698a; width: 28px; height: 28px;}
	
	dl.list a {color: #343434;}
	dl.list p {margin: 0.5em 0;}
	dl.list dt {font-size: 12px; font-weight: bold; margin-top: 0.8em;}
	dl.list .date {float: right; border-right: 2px solid #375d81; font-weight: bold; padding: 4px 8px 2px; margin-top: -4px;}
	dl.list dd {padding-left: 0; border-bottom: 1px dotted #555555;}
	
	div.list {margin-top: -15px;}
		div.list .item {padding-left: 267px; overflow: hidden; margin: 15px -10px 0; clear: both;}
		div.list .item .photo {background: #fff; padding: 3px; float: left; margin-left:-260px;}
		div.list .item h3 {margin: 0 0 0.5em;}
		div.list .item .fb {margin-bottom: -3px;}
	
	ul.list {margin: 0; padding: 0; list-style-type: none;}
		ul.list .item {padding: 25px 0 12px 120px; border-bottom: 1px dotted #555555; overflow: hidden;}
		ul.list .date {float: left; margin-left: -120px; border-right: 2px solid #375d81; font-weight: bold; padding: 2px 20px 2px 0;}
		ul.list h4 {color: #375d81; margin: 0;}
	
	.blockSchedule {border: 1px solid #c3c1c1; background-color: #dddddd; padding: 12px 15px 12px 0; overflow: hidden; margin-top: 15px;}
		.blockSchedule .half {margin-left: 5%; width: 45%;}
		
	.blockCalendar {font-size: 12px;}
		.blockCalendar .navigation {overflow: hidden; background: #fafbff; padding: 8px 15px;}
			.blockCalendar .navigation .month a, .blockCalendar .navigation .month span, .blockCalendar .navigation .year a, .blockCalendar .navigation .year span {float: left; margin-right: 10px;}
			.blockCalendar .navigation .month a.sel {color: #333333; text-decoration: none; cursor: default;}
			.blockCalendar .navigation .year {float: right; margin-right: -10px; color: #375d81;}
			.blockCalendar .navigation .year a {text-decoration: none; font-size: 10px; margin-top: 1px;}
			.blockCalendar .navigation .year span {font-weight: bold;}
	
	.tips {font-size: 12px; border: 1px solid #cbd0e2; padding: 6px; background-color: #fff;}
		.tips ul {margin: 0; padding: 0; list-style-type: none;width:266px;}
		.tips li {border-top: 1px solid #c0c0c0;padding:0;width:266px;}
		.tips li:first-child {border-top: none;}
		.tips li a {color: #343434; text-decoration: none; background-color: #fff;width:266px; display: block;padding:3px 0 3px 0;}
		.tips li a.sel {font-weight: bold;}
		.tips li a.sel, .tips li a:hover {background-color: #ecf0ff;}
		#video {overflow :hidden;}
	
	.cms {font-size: 12px; overflow: hidden; padding: 0 10px;}
	.cms .left {float: left; margin: 0 20px 10px 0;}
	.cms .right {float: right; margin: 0 0 10px 20px;}
		.contacts {width: 190px; padding: 25px 34px; background-color: #fff; border: 1px dashed #79add6; font-size: 11px;}
		.contacts .borderTop {margin: 1.3em 0; padding-top: 1em;}
		.contacts .blockSchedule {padding: 0 25px 20px; margin-bottom :5px;}
		.contacts .blockSchedule .half {width: 100%; margin-top: 20px;}
	
	.pager {clear: both; margin: 1em 0 0;}
		.pager span, .pager a {float: left; margin-right: 8px; text-decoration: none;}
		.pager a {color: #666666;}
		.pager a:hover {color: #343434;}
		.pager .sel {font-weight: bold;}
		.pager .total {text-align: right;}

/*->pageFooter----------------------------------------------------------------------*/
#pageFooter {position: absolute;  width: 100%; background-color: #375d81; line-height: 1.2em; font-size: 11px;}
	#pageFooter a {color: #ecf0ff;}
	#pageFooter, #pageFooter a:hover {color: #ccd2e5;}
	#pageFooter .pageContainer {background: url(../images/bgfoot.gif) no-repeat center top; padding: 30px 10px 40px; width: 920px;}
	#pageFooter .phone {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; float: right;}
	#pageFooter .menu {color: #ecf0ff; overflow: hidden;}
		#pageFooter .menu ul {overflow: hidden; margin: 0 0 0 -11px; padding: 0; list-style-type: none;}
		#pageFooter .menu li {float: left; padding: 0 10px; border-left: 1px solid #ecf0ff; text-transform: uppercase;}
		#pageFooter .menu a {margin: -2px 0; float: left; text-decoration: none;}
		#pageFooter p {margin: 0.6em 0;}
		#pageFooter .menu, #pageFooter p {margin-right: 220px;}
		
#pageContent {padding-bottom: 140px;}
#pageFooter {margin-top: -106px; height: 106px; overflow: hidden;}