/*
Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
Modified by Yun Huang
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#303030;} /* #303030 change the background color back to Grey #e8eaec*/
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;} /*#2a5a8a dark blue*/
a img {border:none;}
p {padding:0 0 1.6em 0;}
/*
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}
*/

/* Header and navigation styles */
#container {width:760px; margin:20px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0;}/*a0a0a0*/
#logosection {float:left; height:100px;  width:400px; background:#467aa7;  color:#ffffff;}
#picture {margin:1px 0 0 0; padding:0 0 0 0; float:right; height:80px;  width:220px; background:#467aa7;  color:#ffffff;}

#header {height:120px; width:758px; margin:0 1px 1px 1px; background:#467aa7;  padding:15px 0 0 0; color:#ffffff;} /* 303030 is black, ffffff is white*/
#header a {padding:1px 6px 0 0px; font-size:1.0em; background-color:inherit; color:#ffffff; letter-spacing:0px; font-weight:normal;} /*color:#FFE100;*/

#header a:hover {color:#F4C500; text-decoration:none;} /*#F4C500  orange*/
#header h1 {margin:5 5px 0 30px; padding:10px 5px 10px 30px; font-size:2.5em; background-color:inherit; color:#ffffff; letter-spacing:-1px; font-weight:normal;}
#header h2 {margin:0 0 0 50px; padding:0 0 0 0; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header h3 {margin:2px 0 0 70px; padding:0 0 0 0;  font-size:1.3em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header h4 {margin:1px 0 0 90px; padding:1px 0 -2px 0;  font-size:1.1em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#navigation {height:2.2em; line-height:2.2em; width:758px; margin:0 1px; background:#578bb8; color:#ffffff; font-size:1.1em; } /* font-size:1.4em; change height or line-height can make this line wider*/
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;} 
#navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}

/* Sidebar styles */
#subcontent {float:left; margin:0 0 auto 10px; width:130px; padding:20px 20px 10px 0; line-height:1.4em;}
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Content styles */
#maincontent {float:center; width:680px; font-size:0.9em; padding:20px 20px 0 30px;}
#content {float:right; margin:5px 15px 0 0; width:530px; font-size:0.9em; padding:20px 20px 0 0px;}
#maincontent h2, #content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#003865; background-color:inherit;} /*#505050*/
#content h2 a {font-weight:normal;}
#content h3 {margin:5px 0 5px 0; font-size:1.4em; letter-spacing:-1px; color:#64614E}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content time {font-style:italic;}
#peoplePic {float:left; margin:5px 0 0 0; padding:7px 0 0 0; height:90px;  width:70px; }
#peopleDes {float:right; height:95px;  width:450px; padding:10px 0 0 0; }

#peopleNoPic {float:left; margin:5px 0 0 0; padding:7px 0 0 0; height:10px;  width:0; }
#peopleDesNoPic {float:left; margin:5px 0 0 0; height:15px;  width:500px; padding:0 0 0 0; }

#eventDate {float:left; margin:2px 0 0 0; padding:0 0 0 0; height:60px;  width:100px; }
#eventInfor {float:right; margin:2px 0 0 0; padding:0 0 0 0; height:60px;  width:420px; }

#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* Menublock styles */
.menublock {margin:0 0 20px 4px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Footer styles */
#acknowledge {clear:both; width:700px;  margin:0 0px; font-size:0.8em; color:#303030; align:"right" }
#acknowledge a {clear:both; width:700px; font-size:0.8em; color:#303030; align:"right" ; font-weight:normal;}
#footer {clear:both; width:758px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#467aa7;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:normal;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: none;}

/* Misc classes and styles */
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
.gotop{text-align: right;}