/*
colors:
	menu gray: #aaa;
	sharper gray (footer): #666;
	logo orange:#e87106;
	logo blue:#244dcc;
	back color on hover blue:#DBDFEE
*/

/*html*/
h1,h2,h3 {font-family: "Franklin Gothic Book", "Trebuchet MS", Lucida, Verdana, Arial, Helvetica, sans-serif;}
h1{font-size:24px; font-weight:normal; margin-top:12px;}
h2{font-size:20px; font-weight:normal; margin-top:32px;}
h3{font-size:14px; font-weight:normal; color:#666; margin:-4px 0 6px 0;}
a:link {color:#244DCC;}
a:visited {color:#800080;}
p, dd{margin-bottom:1em;}
strong {font-weight:bold;}
em{font-style:italic;}

/*Some Common formatting elements*/
.DateTime{ font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.button {padding:4px 12px;}
.lbl {font:bold 11px Arial, Helvetica, sans-serif; color:#666;}
.comment {font:10px Arial, Helvetica, sans-serif; color:#666;}
img.thumb{padding:4px; border:1px solid #aaa; background-color:#fff;}
div.listitem, div.newscrumbs {border-top: 1px dotted #ccc; margin:0; padding:2px 0;}
.newscrumbs a {font-size:85%; font-weight:bold; padding-right:2px;}
.clear{clear:both;}
/*.2col{width:280px;float:left;}*/
.floatright{float:right;}
.floatleft{float:left;}
.hidden{display:none;}
.location {font-family: "Franklin Gothic Book", "Trebuchet MS", Lucida, Verdana, Arial, Helvetica, sans-serif; color:#666;}
td.selected, td.unselected {padding:4px; margin:4px; border:1px solid #aaa; background-color:#fff;}
td.selected {background-color:#DBDFEE;}
td.unselected{background-color:#fff;}
.marginright {margin-right:12px;}

/*Layout start*/
#container{
	width:778px;
	text-align:left;
	margin: 10px auto 20px;
}
#hd,#bd {text-align:left; clear:both;}
#hd {height:105px; margin: 1px 0;}
#ft {clear:both; text-align:center; padding:1em 0;}

/*Aux: 2 (borders) + 24 (padd) + 12 (marg-r) = 38px
=> 740px of useful width area left
*/
#main, #aux{float:left; margin: 0 0 12px 0;} /*No margin-top because h1 is above it*/
#aux {margin-right:12px; border:1px solid #eee; padding:12px; width:200px; background-color:#fff;}
#main {width:540px;}
#aux h1 {margin-top:0;}
/*Layout end*/


/*Logo*/
#hd #imgLogo, #hd #imgLogoNames {float:left; margin-right:12px;}
#hd #imgLogoNames {margin-top:26px;}

/*Menu*/
#menu {height:42px; border-style: solid; border-width: 1px 0; border-color:#aaa;}
#menu ul li{display: inline;}
#menu a {font-size: 22px; line-height:40px; text-transform: lowercase; margin:0 12px;}
#menu a:link, #menu a:hover, #menu a:active, #menu a:visited {color:#aaa; text-decoration:none;}
#menu a:hover {color:#244dcc;}

/*Footer*/
#ft {font-size:11px;border-style: solid; border-width: 1px 0 0 0; border-color:#aaa;}
#ft ul li {display: inline;}
#ft ul a {margin-right:12px;}
#ft a:link, #ft a:active, #ft a:visited {color:#666; text-decoration:none;}
#ft a:hover {color:#244dcc; text-decoration:none;}
#ft span {margin-right:12px;}


/*Home page #aux is wider and there's no H1 above it*/
#homePage #aux{width:453px;}
#homePage #main{width:261px; border:1px solid #aaa; padding:12px; background-color:#fff; text-align:center;}
#homePage #main img {margin:0 auto;}
#homePage #aux, #homePage #main{margin-top:12px} /*because h1 is no above, but inside #aux*/
#homePage img.thumb {float:right; clear:right; margin-left: 4px;}
#homePage div.listitem {clear:both;}
.listitem a {display:block;}
.listitem a:link, .listitem a:hover, .listitem a:active, .listitem a:visited {text-decoration:none; color:#000;}
.listitem a:hover { background-color:#DBDFEE;}
a strong{text-decoration:underline; color:#244DCC;}/*jast like a regular link*/

/*#schedulePage*/
#schedulePage img.thumb {float:left; clear:left; margin-right: 4px;}
#scheduleDetailsPage h1 {margin:12px 0;}
#scheduleDetailsPage #ItemDetails p {margin:0;}

/*#newsDetailsPage*/
#newsDetailsPage h1 {margin:12px 0;}
#newsDetailsPage #main p {margin:0;}

/*#galleryPage*/
#galleryPage .listitem {width:239px;float:left; margin-right:20px;}	/*778/3 = 259*/

/*galleryDetailsPage*/
#galleryDetailsPage #aux{width:154px;}
#galleryDetailsPage #main{width:586px;}
#galleryDetailsPage #aux {margin-top:12px}
#galleryDetailsPage h2 {margin:8px 0 0 0;}

/*a.LinkToAllItems{display:block;clear:both; margin-top:8px;}*/
/*div.listitem {margin-bottom:4px; border-bottom:1px dotted #aaa;}*/

/*Biography pages*/
.mainImage{float:left;margin-right:12px;border:1px solid #aaa; padding:12px; background-color:#fff;}
#pageIrina p, #pageMaxim p {text-align:justify;}


/*News and Gallery*/
div.paging {text-align:right;}
div.paging span {padding: 0 2px;}
div.actionButtons {float:right; clear:right;border:1px solid #aaa; padding:4px; background-color:#fff;}
img.thumb {float:left; margin-right: 4px;}