body {
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	color: #333333;
	background-color:#FFF;
	padding: 0;
}

#header{
	text-align:center;
	background-color:#6699CC;
}

/*------------------------------------------menu-------------------------------*/

* {
	margin:0;
	padding:0;
} 

/* the horizontal menu starts here */
#listmenu {
	margin-top:1.5em;
	float:left; /*makes the div enclose the list */
	color:#999999; /*#FFFFCC;*/
	z-index:100;
	width:890px;
}

div#listmenu ul {
	margin-left:1.0em;
}


div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#6699CC; /*sets the background of the menu items */
	border-right:1px solid #cfcfb7; /* creates dividing lines between the li elements */
}

div#listmenu li:first-child {
	border-left:1px solid #cfcfb7; /*the first vertical line on the menu */
}
	
div#listmenu li:hover { 
	background-color:#265A99; /*#A6A6A6; /*sets the background of the menu items */
	background-image:url(../image/gradient2.png);
}   	

div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color: #cfcfb7;	/* sets the type color */
	padding-top:3px;
	padding-bottom:3px;
}
	
div#listmenu a:hover {
	color:#cfcfb7; /*#006600;*/
	font-weight:500;
	background-image:url(../image/gradient3.png);
}
	
/* the horizontal menu ends here */

div#listmenu a:active {
	color:#333333;
	/*background-color:transparent;*/
}

div#listmenu a:visited {
	color:#cfcfb7; /*#006600;*/
	font-weight:500;
	background-image:url(../image/gradient3.png);
}

/* the drop-down starts here */
div#listmenu ul li ul {
	font-family: verdana, arial, sans-serif;
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	text-align:left;
	opacity:0.95;
}
	
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #cfcfb7; /*  three sides of each drop-down item */
	border-bottom:1px solid #cfcfb7;
	border-right:1px solid #cfcfb7;
	padding:0 0 1px;
}
	
div#listmenu ul li ul li:first-child {
	border-top:3px solid #cfcfb7; /*the top edge of the dropdown */
}
	
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block;/* shows the drop-down when the menu is hovered */ 
}

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
}
	
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
}
	
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #ccc;
	border-left:0px; /* stops the drop inheriting the ul border */
}
	
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
}
  
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  	left:10em;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:200px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
/*@import("ie51_menu_hack.css"); */
/* END OF DROP DOWN MENUS */


/*-------------------------------------------content wrappers--------------------------------*/
#wrapper {
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0em;	
	/*border:solid red;*/
}
/*--------------------------------------------------academia content------------------------*/
#academia_wrapper{
	width: 45em;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	margin-bottom:6.0em;	
	/*border:solid red;*/
}
/*--------------------------------------------------honors content--------------------------*/
#honors_wrapper{
	width: 45em;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	margin-bottom:8.5em;	
	/*border:solid red;*/
}
/*--------------------------------------------------skills content--------------------------*/
#skills_wrapper{
	width: 45em;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
	margin-bottom:2.5em;	
	/*border:solid red;*/
}
/*--------------------------------------------------animation content-----------------------*/
#animation_wrapper{
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2em;
	margin-bottom:2.5em;	
	/*border:solid red;*/
}

.animation_title{
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:4em;
	margin-bottom:0.5em;
	color:#009900;
	height:auto;
	/*border:solid blue;*/
}

.animation_subtitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1em;
	margin-bottom:-1.5em;
	text-align:center;
	/*border:solid green;*/
}

#animation{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
	margin-bottom:6em;
	height:18em;
}
/*--------------------------------------------------call logger content----------------------*/
#logger_wrapper {
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;	
	/*border:solid red;*/
}

.callLogger_title{
	width:auto;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	margin-top:0.5em;
	margin-left:auto;
	margin-right:auto;
	color:#009900;
	/*border:solid blue;*/
}

.callLogger_subtitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0em;
	margin-bottom:-1.5em;
	text-align:center;
	/*border:solid green;*/
}

#call_logger {
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	margin-bottom:0em;
	height:37em;
}

.poptext {
	font-size: 12px;
	color: #003399;
}
/*--------------------------------------------------interactive content-----------------------*/
#interactive_wrapper{
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1.5em;
	margin-bottom:2.5em;	
	/*border:solid red;*/
}

.interactive_title{
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	margin-top:5.0em;
	color:#009900;
	/*border:solid blue;*/
}
/*--------------------------------------------------register content--------------------------*/
#register_wrapper{
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	margin-bottom:2.5em;	
	/*border:solid red;*/
}

.register_title{
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	color:#009900;
	text-align:center;
	/*border:solid blue;*/
}

.register_subtitle{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0em;
	margin-bottom:-1.5em;
	text-align:center;
	font-size:12px;
	/*border:solid green;*/
}
/*--------------------------------------------------password content--------------------------*/
#password_wrapper{
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.5em;
	margin-bottom:4.75em;	
	/*border:solid red;*/
}

.password_title{
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	margin-top:0.5em;
	color:#009900;
	/*border:solid blue;*/
}

.password_subtitle{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0em;
	margin-bottom:-1.5em;
	text-align:center;
	/*border:solid green;*/
}
/*---------------------------------------------video content---------------------------------*/
#webVideo_wrapper{
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:3.5em;
	margin-bottom:2.5em;	
	/*border:solid red;*/
}

.webVideo_title{
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.75em;
	color:#009900;
	/*border:solid blue;*/
}

.webVideo_subtitle{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0em;
	margin-bottom:-1.5em;
	text-align:center;
	/*border:solid green;*/
}

#video_location{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-left:-2em;
	z-index:-10;
}
/*--------------------------------------------------mydesigns content--------------------------*/
#mydesigns_wrapper {
	width: 50em;
	margin-left:auto;
	margin-right:auto;
	margin-top:3.5em;
	margin-bottom:1.5em;
	height:auto;	
	/*border:solid red;*/
}

#table_wrapper{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	/*border:solid blue;*/

}

.thumbnail{
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;	
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0.5em;
	color:#006600;
	/*border:solid green;*/

}
/*--------------------------------------------------mydesigns content--------------------------*/
#contact{
	font-size:0.8em;
	padding-left:3em;
	margin-top:4.5em;
	margin-bottom:3em;
}

.contact{
	color: #009900;
}

#web_contact{
	font-size:0.8em;
	padding-left:3em;
	margin-top:6.5em;
	margin-bottom:3em;
}

.message{
	font-size:0.8em;
	margin-left:3em;
	margin-bottom:2.5em;
	color:#000;
}
/*--------------------------------------------------signin --------------------------*/
#signin{
	font-size:0.8em;
	margin-top:3em;
	margin-bottom:1em;
}
.signin{
	font-family: sans-serif;
	color: #000;
	font-size: 12px;
}

.signedin{
	font-size:0.8em;
	margin-left:3em;
	margin-top:4.5em;
	margin-bottom:0.5em;
	color:#009900;
}

#signed_out{
	font-size:0.8em;
	margin-top:4.5em;
	margin-left:3em;
	margin-bottom:1em;
	color:#990000;

}
/*--------------------------------------------------footer content--------------------------*/
#footer {
	/*border-bottom: 1px solid #000;*/
	padding-top:2em;
	padding-bottom:0.75em;
	color:#FFFFCC;
	text-align:center;
	font-size:60%;
	background-color:#6699CC;
	height:3em;
}

#interactive_footer {
	/*border-bottom: 1px solid #000;*/
	padding-bottom:0.75em;
	color:#FFFFCC;
	text-align:center;
	font-size:60%;
	background-color:#6699CC;
	margin-top:6em;
}

#index_footer {
	/*border-bottom: 1px solid #000;*/
	color:#FFFFCC;
	text-align:center;
	font-size:60%;
	background-color:#6699CC;
	height:3em;
}  
/*--------------------------------------------xml content-----------------------*/
#index_content_main_author{
	padding-top:2.75em;
	padding-left:0.25em;
	border-style: solid;
	border-color: #999999; /*#999999;*/
	border-width: 0.1em;
	color:#666666;
	background-color:#FFFBE7;
	-moz-border-radius: 0.0em;
    border-radius: 0.0em;
	background-image: url(../image/gradient3.jpg);
	background-repeat: repeat-x;	
	margin-top:0em;
	margin-left:0em;
	height:auto;
	width:12em;
	z-index:-1;
}

.author_floatimgleft {
	float:left;
	margin-top:3px;
	margin-bottom:10px;
	text-align:center;
	width:12em;
	display:inline; 
	overflow:hidden;
}
 
.author_content_story{
	width:12em;
	margin-top:.5em;
	padding:5px;
	color: #52537E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
 
#index_content_main_actionscript{
	/*border-top:solid 0.1em #666666;*/
	margin-top:0em;
	margin-left:0em;
	height:auto;
	width:14em;
	z-index:-1;
}

#index_content_main_xml{
	/*border-top:solid 0.1em #666666;*/
	margin-top:0em;
	margin-left:0em;
	height:auto;
	width:14em;
	z-index:-1;
}

#index_content_main_designers{
	margin-top:-0em;
	margin-left:0em;
	height:auto;
	width:14em;
	z-index:-1;
}

#index_content_main_developers{
	margin-top:-0em;
	margin-left:0em;
	height:auto;
	width:14em;
	z-index:-1;
}

#index_content_main_php{
	margin-top:-0em;
	margin-left:0em;
	height:auto;
	width:14.0em;
	z-index:-1;
}

#index_content_main_database{
	margin-top:-0em;
	margin-left:0em;
	height:auto;
	width:14em;
	z-index:-1;
}

.content_story{
	width:18em;
	margin-top:.5em;
	color: #52537E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-right:1em;
}

.welcome_story{
	width:15em;
	color: #52537E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-right:1em;
	padding-top:2em;
}

.floatimgleft {
	float:left;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	display:inline; 
	overflow:hidden;
	color: #009900;

}

#xml_content1{
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	margin-bottom:2.85em;
	width:30em;
}

.xml_content1{
	margin-left:auto;
	margin-right:auto;
	padding:0em;
	width:12em;
}
/*--------------------------------------------education css---------------------*/
.text {
	line-height: 16px;
	color: #000066;
	font-family: sans-serif;
	font-size: 12px;
	width:50em;
}

.paragraph{
	float:left;
	width:14.5em;
	margin-top:1em;
	margin-left:0em;
	color: #52537E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding:0em;
	display:inline; 
	overflow:hidden;
}

.title{
	line-height:18px;
	color: #006600;
	font-family: sans-serif;
	font-size: 14px;
}

.para_title1{
	line-height:18px;
	color: #265A99;
	font-family: sans-serif;
	font-size: 16px;
	font-weight:bold;
}

.title2{
	line-height: 14px;
	color: #990000;
	font-family: sans-serif;
	font-size: 14px;
	margin-top:-4em;
}

.video_title{
	line-height:18px;
	color: #006600;
	font-family: sans-serif;
	font-size: 18px;
}

.welcome{
	color: #009900;
	font-family: sans-serif;
	font-size:18px;
	font-weight:bold;
}



.member_signin{
	font-family: sans-serif;
	color: #009900;
	font-size: 14px;
	text-align:left;
}
/*-------------------------------------------------------- tables ---------------------------------------------------*/

#table{
	margin-left:-3em;
	margin-top:4em;
	margin-bottom:2.3em;
	text-align:left;
	padding-left:0.5em;
	padding-right:0.5em;
}