html,body	{margin:0; padding:0;}
body	{font:12px/200% Verdana,Arial,sans-serif,ËÎÌå;  text-align:center; background:#757D88; padding-bottom:20px;}
p	{margin-top:0;}
h1	{margin:20px 0; padding:0 0 0 10px; color:#448AC4; font-size:28px; line-height:30px; border-bottom:1px #38c dashed; border-left:5px #38c solid;}
h2	{font-size:120%; font-size:14px; font-weight:normal;}
h3	{font-size:12px;}
a	{FILTER:progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR:url(../js/link.htc);}
a:link		{color:#060;}
a:visited	{color:#080;}
a:hover		{color:#f30;}
img			{border:0px; margin:auto auto; vertical-align:middle; behavior:url("../pngbehavior.htc");}


div#header	{width:100%; overflow:hidden; background:#595D66 url(../images/top_bg.gif) repeat-x center;}
div#header img.logo		{width:180px; height:45px; margin:10px 335px 0 -335px; background:url(../images/logo.png); *background:url(images/pic_no.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');}

.menu	{width:850px; margin:0 auto;}
ul#nav	{list-style-type:none; float:right; margin:0; padding:0;}
ul#nav li	{float:left; margin-left:3px; text-align:center;}
ul#nav a	{float:left; width:90px; line-height:120%; padding:5px 0; background:#000 url(../images/menu_bg1.gif) repeat-x; text-decoration:none; color:#eee;}
ul#nav a:hover	{background:#333 url(../images/menu_bg2.gif) repeat-x; color:#999;}

#nav li ul		{margin:24px 0 0 0; padding:0px; list-style-type: none; text-align:left; left:-999em; border-left:1px #7be solid; border-bottom:1px #7be solid; position:absolute; filter: Alpha(Opacity=95,);}
#nav li ul li	{margin:0px; padding:0px; float:left; width:100px; border-right:1px #7be solid; background:#DAE8ED;}
#nav li ul a:link,#nav li ul a:visited		{color:#369; text-decoration:none; background:none;}
#nav li ul a:hover		{color:#38c; text-decoration:none; font-weight:normal; background:none;}
#nav li:hover ul		{left: auto;}
#nav li.sfhover ul		{left: auto;}
#home .home a,#instructor .instructor a,#software .software a,#website .website a,#project .project a,#lietou .lietou a,#contact .contact a	{background:#fff; color:#666;}
#home .home a:hover,#instructor .instructor a:hover,#software .software a:hover,#website .website a:hover,#project .project a:hover,#lietou .lietou a:hover,#contact .contact a:hover	{background:#fff; color:#666; cursor:text;}

div#container	{width:850px; margin:0 auto 10px; padding:20px 0 10px; text-align:left; background:#FFF;}
div#content	{float:left; display:inline; width:600px; margin:0 0 10px 10px;}

#intro	{width:auto; height:180px; margin:10px; padding:10px; background:#ccc url(../images/Energy%20Bliss.jpg);}

div#content h2	{margin:10px 0; color:#007BC4;}
div.date	{float:left; width:4em; padding:5px 0; background:#F1DDC4; color:#B0001E; text-align:center; margin:0 4px 4px 0; font-size:80%; line-height:0.9;}
div.date span	{display:block; font-size:150%; font-weight:bold;}

div.comments div	{background:#EEE; margin-bottom:10px;}
div.comments p	{padding:10px; margin:0;}
div.comments div.odd	{background:#DAE6FE;}

div#side	{float:right; display:inline; width:200px; background:#eee;  margin:0 10px 10px 0;}
div#side p	{margin:5px 0 10px; padding:0 10px;}
div#side div	{margin:0 0 10px; padding:10px 0;}

div#footer	{clear:both; margin:0 10px; padding:20px 0; background:#eee; color:#666; text-align:center;}
div#footer p	{margin:0;}

#banner	{width:850px; height:200px; position:relative; z-index:800; margin:10px auto; overflow:hidden; color:#fff;}
#banner div	{margin:-170px 10px 0px 10px;}
#banner embed	{width:100%; height:100%; position:relative;}

#home #banner		{background:url(../images/banner08.jpg) center;}
#instructor #banner	{background:url(../images/banner02.jpg) center;}
#software #banner	{background:url(../images/banner03.jpg) center;}
#website #banner	{background:url(../images/banner04.jpg) center;}
#project #banner	{background:url(../images/banner05.jpg) center;}
#lietou #banner		{background:url(../images/banner06.jpg) center;}
#contact #banner	{background:url(../images/banner07.jpg) center;}


.contbox	{margin:20px auto; padding:5px 5px 5px 180px; background:#f5f5f5; border:1px #ccc dashed;}
.contbox img	{width:150px; height:150px; position:relative; z-index:2; margin:5px 0 -140px -170px; border:1px #999 solid;}
div#content .contbox h2		{margin:-5px 0 5px 0; padding:0; line-height:100%;}