/*@charset "win-1251";
 CSS Document */
body {font:100% Arial, Verdana, Helvetica, sans-serif; background-image:url(../_images/header_blue.gif);	background-repeat:repeat-x;	background-color:#c2d4eb; margin:0px; padding:0px; text-align: center; color:#032fa5}

.thrColHybHdr #container{width:100%; background-image:url(../_images/photo_footer_blue.jpg); background-repeat:no-repeat;	background-position:0px 228px; margin:0px; padding:0px; text-align:left; /* this overrides the text-align: center on the body element. */}  
h1, h2{color:#ecf3fc; text-indent:10px}
h4{padding-top:10px; padding-bottom:0px;  margin-bottom:5px; text-indent:10px; clear:left}
img {border:none}
a:link, a:visited{color:#195597; text-decoration:underline}
a:hover{color:#9aabd1; text-decoration:none}
form{padding:0.5em}
input, textarea{color: #032fa5; background-color: #c2d4eb; border: 1px solid #4b6a8c}
table{/*float:left;*/ margin-top:10px; padding-right:150px}
table td{text-align:center}
table td h2{text-align:left}
.thrColHybHdr #header{background-image:url(../_images/photo_top_blue.gif); margin-top:-1px; background-repeat:no-repeat; height:229px; padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */} 

.thrColHybHdr #topmenu{float:right; padding:5px; padding-right:100px; font-size:80%; color:#195597}
/*--Top Menu links--*/
.thrColHybHdr #topmenu a:link, .thrColHybHdr #topmenu a:visited{color:#195597; text-decoration:none}
.thrColHybHdr #topmenu a:hover{color:#9aabd1; text-decoration:underline}
.thrColHybHdr #topmenu img{padding-right:4px;}
.thrColHybHdr #title{margin-top:0px; margin-left:230px; padding-top:90px}
/*--Main Menu links--*/
#mainmenu{margin-top:57px; margin-left:290px; height:33px; background-image:url(../_images/rusmenu_blue.gif); background-repeat:no-repeat}
#mainmenu ul{border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left}
#mainmenu ul li{display: block; float: left; text-align: center; padding: 0; margin: 0}
#mainmenu ul li a span{display:none}
#mainmenu ul li a{width:110px; height:33px;	margin:0px;	padding:0px; display: block}

/* -- main menu hovers -- */
#mainmenu ul li a.bio:hover{background: url(../_images/rusmenu_blue.gif) 0px -33px}
#mainmenu ul li a.photo:hover{background: url(../_images/rusmenu_blue.gif) -110px -33px}
#mainmenu ul li a.prog:hover{background: url(../_images/rusmenu_blue.gif) -220px -33px}			
#mainmenu ul li a.media:hover{background: url(../_images/rusmenu_blue.gif) -330px -33px}		
#mainmenu ul li a.contact:hover{background: url(../_images/rusmenu_blue.gif) -440px -33px no-repeat}	

.thrColHybHdr #header h1{margin: 0; padding: 10px 0}

/*--sidebar2--*/
.thrColHybHdr #sidebar2{float: right; width: 17%; background-color:#ecf4fc; margin:15px 0; margin-left:15px; margin-right:20px; border:1px solid #4b6a8c; font-size:80%}
.thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {margin-left: 10px;	margin-right: 10px}
.thrColHybHdr #sidebar2 h3{color:#032fa5; border-bottom:1px solid #032fa5; font-weight:normal; margin-top:5px; font-size:130%;}
.thrColHybHdr #sidebar2 h3 a:link, .thrColHybHdr #sidebar2 h3 a:visited{text-decoration:none}
.thrColHybHdr #sidebar2 h3 a:hover{text-decoration:none}
#sidebar2 .icons {margin-left:5px; margin-top:10px; padding:2px;}
#sidebar2 .icons img{margin:0px; border:none; padding-right:1px; padding:2px; background-color:#ecf4fc;}
#sidebar2 img{margin:5px; margin-left:25px; border:1px solid #032fa5; padding:3px; background-color:#c2d4eb}
.yahoo {width:96px; height:26px; background-image:url(../_images/yahoo_blue.png); background-repeat:no-repeat; padding-right:2px; padding-left:2px; float:left;}

/*Main content area*/
.thrColHybHdr #mainContent #Shelfari {float:right;}

.thrColHybHdr #mainContent {margin: 0 150px 0 280px; padding: 0 2em 0 2em; font-size:90%}
.thrColHybHdr #mainContent i {font-weight:bold;	font-style:normal}
.thrColHybHdr #mainContent img{margin-left:3px; margin-right:5px; margin-bottom:5px; border:1px solid #032fa5; padding:3px; background-color:#ecf4fc; float:left}
#mainContent img.special{border:1px solid #FF0000}
.gallery {list-style-type:none}
#submenu ul {margin: 5px auto;	padding: 0 0 18px 0}
#submenu li {list-style-type: none;	display: inline; white-space: nowrap}
#submenu li a {color:#4b6a8c; padding: 2px 10px; display: block; float: left; text-decoration: none; border: 1px solid #4b6a8c;	margin: 0 .5em 0 0}
#submenu li a:hover, #submenu li a:active, #submenu li a:focus {color: #9aabd1;	border-color: #9aabd1}
.thrColHybHdr #footer {padding: 0px; background-color:#ecf4fc; border-top:1px solid #4b6a8c; border-bottom:1px solid #4b6a8c; font-size:80%} 
.thrColHybHdr #footer p {margin: 0;	padding:5px 0; text-align:center}
#footer a:link, #footer a:visited{color:#195597; text-decoration:none;}
#footer a:hover{color:#9aabd1; text-decoration:underline;}

.video{width:400px; float:right; padding-top:0px; padding-left:15px; padding-bottom:5px;}

/* Miscellaneous classes for reuse */
.fltrt {/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */float: right; margin-left: 8px}
.fltlft { /* this class can be used to float an element left in your page */float: left; margin-right: 8px}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px}