/* Yoav Schechner's Personal Website
   Main Stylesheet (Screen)
   (C) 2007 by Max Timchenko (www.maxvt.com)
*/

/* YUI Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* Common styles */
html { height: 100%; min-width: 700px }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; min-width: 700px; height: 100%;
	/* background-image: url(i/bk_cup.jpg); background-repeat: no-repeat; background-position: 5% 330px */}
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 200%; font-weight: bold; color: #000000;
	position: absolute; top: 9px; left: 11%; margin-left: -2px }
h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #000000 }
.pagehead { color: #ba2327 }	
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; font-weight: bold; color: #cc3338;
	padding: 0px 0px 10px 0px; border-bottom: 1px solid #bbb; margin: 25px 0 10px 0 }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 200%; font-weight: bold; color: #cc3338;
	padding: 0px 0px 10px 0px; margin: 25px 0 10px 0 }
p { margin: 8px 0px; line-height: 140% }
ul li { line-height: 140%; list-style: disc; margin-left: 15px; margin-bottom: 2px }
ol li { line-height: 140%; list-style: decimal; margin-left: 20px; .margin-left: 25px; margin-bottom: 10px }
dt { font-weight: bold; padding-bottom: 2px }
dd { line-height: 140%; margin: 0 0 4px 30px }
strong { font-weight: bold }
em { font-style: italic }

#bk { background-image:url(i/bk_inner.jpg); background-repeat:no-repeat; height: 67px }
#home, #topcontact { position: absolute; width: 19px; height: 19px; top: 4px; right: 11%; background-color: #497fd4}
#topcontact { top: 27px }
#home a img, #topcontact a img { border: 0px }
address {
	position: absolute; top: 91px; left: 11%; font-size: 87%; line-height: 120%; color: #555			
}

/* Menu styles */
#menu { position: absolute; width: 78%; top: 50px; left: 11%; background-image:url(i/bk_menu.jpg); height: 34px; 
	min-width: 546px }
#menu ul { list-style: none; margin: 0; padding: 0 }
#menu ul li { color: #fff; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 120%; 
	line-height: 120%; list-style: none; margin-left: 0px; margin-bottom: 0px }
#mi1, #mi2, #mi3, #mi4, #mi5, #mi6, #mi7, #mi8 { position: absolute; top: 15px; margin-top: -0.6em; text-align: center }
#mi1 { left: 1%; width: 12.58% }
#mi2 { left: 13.6%; width: 15.25% }
#mi3 { left: 28.78%; width: 11.63% }
#mi4 { left: 40.4%; width: 12.42% }
#mi6 { right: 31.6%; width: 15.57% }
#mi5 { right: 17%; width: 14.62% }
#mi7 { right: 9.6%; width: 7.39% }
#mi8 { right: 1%; width: 8.64% }

#extwrap { min-height: 100%; position: relative }
* html #extwrap { height: 100% }
#wrap { width: 78%; margin: 0px auto; padding-top: 15px; padding-bottom: 100px; min-width: 546px }

/* the minwidth bodge for IE6 browsers - kudos to Stu Nicholls - http://www.cssplay.co.uk/boxes/minwidth.html */
* html #minwidth {border-left:570px solid #fff; position:relative; top: 3px; float:left; z-index:1;}
* html #container {margin-left:-570px; position:relative; float:left; z-index:2; text-align:left;}

/* first digit - number of columns in the layout, second digit - count of columns joined together */
.left21 { float: left; width: 46.43% }
.left31 { float: left; width: 31.13% }
.left32 { float: left; width: 62.72% }
.right21 { float: right; width: 46.43% }
.right31 { float: right; width: 31.13% }
.right32 { float: right; width: 65.72% }
.center3 { float: left; margin-left: 3.3%; width: 31.13%;
		 	/* IE is a klutz with float margins */ .margin-left: 0; .width: 31.13%; .padding-left: 3.3% }

/* Footer and contact styles */
#footer { clear: both; height: 100px; background-image: url(i/bk_footer.jpg); background-position: bottom; background-repeat: no-repeat; position: relative; margin-top: -100px }
#copyright { position: absolute; top: 69px; left: 11%; color: #555; font-size: 85% }
#contact { position: absolute; top: 33px; right: 11%; width: 24.28%; background-image:url(i/bk_menu.jpg); height: 34px; text-align: center; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 120%; }
#contact a { display: block; color: white; text-decoration: none; margin-top: 6px }

/* Research pages */
.research_image { display: block; margin: 1px auto; text-align: center }
div#media { text-align: center; padding-top: 30px; font-size: 87% }
div#media img { display:block; margin: 16px auto 2px auto; padding: 1px; border: 1px solid #bbb; }
.videowrap { position: relative; width: 184px ; text-align: center; margin: 0px auto; }
.video { height: 20px; background-color:#FFFFFF; background-image:url(i/movie.gif); background-repeat:no-repeat;
	position: absolute; top: 2px; left: 2px; text-align: left; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	padding: 4px 8px 0 30px; font-weight: bold; .top: 18px;
}
.printimage { display: none }

/* Colors */
body { background-color: #ffffff; color: #333333 }
a { color: #2929cc }
a img { border: 1px solid #2929cc }
a:hover { color: #0000ff}
a:visited { color: #540069 }
#menu a { color: #f0f0f0; text-decoration: none }
#menu a:hover { color: #ffffff }
#menu a:visited { color: #e0e0e0 }