/* Styles for www.annafung.com */
/**/

/* main */

body {
	padding-right: 0px; 
	padding-left: 0px; 
	/*font-size: 63.5%; */
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	font-family: arial, verdana, sans-serif; 
	font-size: 9px; 
	/*text-align: left;*/
	background-image:url(../images/bg.jpg); 
	background-position:center; 
	background-repeat:repeat-y;
	}

	
.headerhome {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #E5A633; 
	line-height: normal;
	letter-spacing:1px; 
	text-decoration: none;
	font-weight:bold;
	padding-bottom:2px;
	}
	
/* topsub_nav */
#topsub_nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 102px;
	border-left: 2px solid #535D62;
	}
	
#topsub_nav li {
	margin: 0;
	padding: 0;
	padding: 0px 0px 2px 0px;
	}
	
#topsub_nav li a {
	width: 102px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank_wide.gif) left no-repeat;
	padding-left: 19px;
	}
	
#topsub_nav li a:hover, #topsub_nav li a:active {
	width: 102px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #73E7E7; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank_wide.gif) left no-repeat;
	padding-left: 19px;
	}
	
#topsub_nav li.topon {
	width: 102px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: 800;
	padding-bottom: 2px;
	background: url(../images/arrow_blue_wide.gif) left no-repeat;
	padding-left: 0px;
	}
	
#topsub_nav li.topon a {
	width: 102px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: 800;
	padding-bottom: 2px;
	background: url(../images/arrow_blue_wide.gif) left no-repeat;
	padding-left: 19px;
	}
	
#topsub_nav li.topon a:hover, #topsub_nav li.topon a:active {
	width: 102px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #73E7E7; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: 800;
	padding-bottom: 2px;
	background: url(../images/arrow_blue_wide.gif) left no-repeat;
	padding-left: 19px;
	}
	
/* top nav */
.pos
{ position:relative;
  top:10px; }
  
#topnav {
	width:927px;
	height:17px;
	margin: 0 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding:0;
	border-left:1px solid #8A8B8B;
	border-right:1px solid #8A8B8B;
	list-style-type: none;
	background-image:url(../images/tnav.jpg);
	background-repeat:repeat-x;
	}
	
.topsubnav {
	width:949px;
	height:60px;
	margin: 0 0 0 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding:0;
	list-style-type: none;
	background-image:url(../images/subnav_bg.gif);
	background-repeat:repeat;
	}
	
.subnav {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; 
	color: #CCCCCC; 
	line-height: normal; 
	text-decoration: none;
	font-weight:normal;
	padding-bottom:2px;
	}
	
a.subnav {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing:1px; 
	text-decoration: underline;
	font-weight:normal;
	padding-bottom:2px;
	}
	
a.subnav:hover {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal; 
	text-decoration: none;
	font-weight:400;
	padding-bottom:2px;
	}
	
.subnavon {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing:1px; 
	text-decoration: none;
	font-weight:800;
	padding-bottom:2px;
	}
	
a.subnavon {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing:1px; 
	text-decoration: none;
	font-weight:800;
	padding-bottom:2px;
	}
	
a.subnavon:hover {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #FFFFFF; 
	line-height: normal; 
	text-decoration: none;
	font-weight:800;
	padding-bottom:2px;
	}
	
/* left_nav */
#left_nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	border-right: 1px solid #333333;
	vertical-align:middle;
	}
	
#left_nav li {
	margin: 0;
	padding: 0;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	}
	
#left_nav li a {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li a:hover, #left_nav li a:active {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #73E7E7; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li.lefton {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 2px;
	background: url(../images/arrow_blue.gif) left no-repeat;
	padding-left: 0px;
	vertical-align:middle;
	}
	
#left_nav li.lefton a {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 2px;
	background: url(../images/arrow_blue.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li.lefton_contact {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #FFFFFF; 
	line-height: normal;
	letter-spacing: 2px; 
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 2px;
	background: url(../images/arrow_blue.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li.lefton a:hover, #left_nav li.lefton a:active {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #73E7E7; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 2px;
	background: url(../images/arrow_blue.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
/* left_nav_resume */
#left_nav_resume {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	border-right: 1px solid #333333;
	position: fixed;
	top: 176px;
	vertical-align:middle;
	}
	
#left_nav_resume li {
	margin: 0;
	padding: 0;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	}
	
#left_nav_resume li a {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav_resume li a:hover, #left_nav_resume li a:active {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #73E7E7; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}

	
/* leftsub_nav */

#left_nav li.leftsub {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li.leftsub a {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #CCCCCC; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}
	
#left_nav li.leftsub a:hover, #left_nav li.leftsub a:active {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #E5A633; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}

#left_nav li.leftsubon { /* */
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #FF9C00; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_blank.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}

#left_nav li.leftsubon a {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #FF9C00; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_white.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}

#left_nav li.leftsubon a:hover, #left_nav li.leftsubon a:active {
	width: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #E5A633; 
	line-height: normal;
	letter-spacing: 1px; 
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 2px;
	background: url(../images/arrow_white.gif) left no-repeat;
	padding-left: 14px;
	vertical-align:middle;
	}

/* headers */

.secheader1 {  
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px; color: #73E7E7; 
	line-height: normal; 
	letter-spacing:2px; 
	text-decoration: none;
	font-weight:800;
	padding-bottom:2px;
	}
	
.secheader2 {  
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px; color: #FF9C00; 
	line-height: normal;
	letter-spacing:1px;  
	text-decoration: none;
	font-weight:300;
	padding-bottom:2px;
	}
	
.secheaderbar {  
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px; color: #79878C; 
	line-height: normal; 
	text-decoration: none;
	font-weight:800;
	padding-bottom:2px;
	}


/* work display */

.worktitle {
	font-family:Arial, Helvetica, sans-serif;
	color:#E5A633;
	font-size:10px;
	}
	
.work {
	width:132px;
	height:162px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	border-bottom:4px solid #282B2C;
	padding-bottom:2px;
	}
	

	
a.work {
	width:132px;
	height:162px;
	color:#FFFFFF;
	border:2px solid #282B2C;
	padding-bottom:2px; 
}

a.work:hover {
	width:132px;
	height:162px;
	border:2px solid #416D78;
	color:#FFFFFF;
	padding-bottom:2px; 
}

a.work:visited {
	width:132px;
	height:162px;
	border:2px solid #282B2C;
	color:#FFFFFF;
}

a.work:visited:hover {
	width:132px;
	height:162px;
	border:2px solid #416D78;

}

.contentTitle {  
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 11px; color: #999; 
	line-height: normal;
	letter-spacing:1px;  
	text-decoration: none;
	font-weight:bold;
	line-height:15px;
	}
	
.content {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #efefef;  
	text-decoration: none;
	font-weight:normal;
	line-height:15px;
	}
	
.contentproject {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #E5A633;  
	text-decoration: none;
	font-weight:bold;
	line-height:15px;
	}
	
p {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #efefef;  
	text-decoration: none;
	font-weight:normal;
	line-height:15px;
	}

td {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #efefef; 
	line-height: normal; 
	text-decoration: none;
	font-weight:normal;
	}
	
/* Lists */
ul.bullet 
{ margin-top: 0px; margin-bottom: 5px; margin-left: 0px; padding: 4px; padding-left: 17px; line-height: 20px; vertical-align:middle; list-style-image: url(../images/bullet_white.gif); list-style-position: outside; font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #efefef; 
	line-height: normal; 
	text-decoration: none;
	font-weight:normal;}

li.bullet 
{ margin-top: 0px; margin-bottom: 15px; margin-left: 0px; padding: 0px; padding-left: 17px; line-height: 20px; vertical-align:middle; list-style-image: url(../images/bullet_white.gif); list-style-position: outside; font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #efefef; 
	line-height: normal; 
	text-decoration: none;
	font-weight:normal;}

ul.bullet1 
{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; padding-left: 15px; line-height: 20px; vertical-align:middle; list-style-image: url(http://gwiz.gene.com/groups/cit/images/common/icon_ul_arrow.gif); list-style-position: outside;}
	
/* Links */
a:link, a:visited {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #73E7E7;  
	text-decoration: underline;
	font-weight:normal;
	line-height:15px;
	}
	
a:hover, a:active, a:visited:hover {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; color: #73E7E7;  
	text-decoration: none;
	font-weight:normal;
	line-height:15px;
	}

/* footer */
	
.copyright {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	color:#999999;
	font-size:10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	text-align:right;
	background-color:#272A2C;
	}
	
.footer {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	line-height: normal; 
	text-decoration: none;
	font-weight:normal;
	padding-bottom:2px;
	}
	
a.footer {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #cccccc; 
	line-height: normal;
	letter-spacing:1px; 
	text-decoration: none;
	font-weight:100;
	padding-bottom:2px;
	}
	
a.footer:hover {  
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; color: #cccccc; 
	line-height: normal; 
	text-decoration: none;
	font-weight:100;
	padding-bottom:2px;
	}

/* Buttons */
/* 
#small_button
{ position:relative; 
  	margin:0 0 0 0px; 
  	
  	list-style-type:none;
  	background: #aaa;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #333 #333 #ccc; } 

#small_button LI
{ position:relative;  
  	margin:0 0 0 0; 
  	padding:2px; 
  	line-height:1.2em; 
  	text-align:center;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #333 #333 #ccc;
 	 font-size:10px; }

#small_button LI A
{ 
  display:block; 
  width:45px; 
  background:#dedede; 
  margin:0; 
  padding:2px; 
  color:#333; 
  font-weight:bold; 
  text-decoration:none }

#small_button LI A:hover, #navigation LI A.active
{ color:#ffffff; 
  text-decoration:none; 
  background-color:#666 }	
 
 .form {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; color: #333333;  
	text-decoration: none;
	font-weight:normal;
	line-height:13px;
	background-color: #dedede; 
	border-style:groove;
	}
 */
.buttoninput {	
	font-size: 10px; color: #333333; 
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 600;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #333 #333 #ccc; }
	
/* End. */