/*                CSS Design                    */

/*========================== Lightbox ====================================*/
#lightbox{ 	position: absolute;	left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;	}
#imageContainer{ padding: 10px;	}
#loading{ position: absolute; top: 40%;	left: 0%; height: 25%; width: 100%; text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;	background-color: #000;	}
/* =========================== End Lightbox ================================*/



/*============================ Layout ======================================*/
body { background: #333 url(../images/header_slice.gif) repeat-x; color: #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; }
#conatiner{	width: 768px; height: 100%;   }
#head{	color: #CCC;  }
.bar{ background:url(../images/bar.jpg) repeat-x; height: 14px;	width: 100%; } /* This is the glassy bar  for the top and bottom of the pages */ 
#body{ background: #fff url(../images/bgStripe.png) repeat; vertical-align:top;}
.bodyRight{ background: #FFF; width: 200px;	height: auto; padding: 5px; vertical-align:top; }
.bodyRightBox{ color: #bea25a; border: #ccc dashed 1px;  background: #CC0000 url(../images/rightNav/bottomrightbg.jpg) bottom no-repeat; font-size:12px; padding: 5px;}
.bodyRightBox .slogan { font-size:16px; font-style:italic;}
blockquote#edublock{border-left: #990000 solid 1px; font-style:italic; padding-left:10px;}
.name{margin-bottom: 30px;}
/* --------------- right nav bar ------------------ */

#rightNav{ vertical-align:top; width:200px;}
#navHead{ padding: 0 0 0 10px;}
.navImg{ border: #ccc solid 2px; padding: 2px; }

ul#rightNavList{ background: #fff; list-style-type: none; padding: 0px 0px;	margin: 0;  border: 1px solid #ccc;  }
ul#rightNavList li { padding-top: 10px; margin: 0; font-weight: normal; }
ul#rightNavList li a{ display: block; color: #006699; height: 21px; font-size: 11px; text-decoration: none; padding: 10px 0 0 35px; text-align:left;}
ul#rightNavList li a:hover{ display: block; color: #660000; height: 21px; font-size: 11px; text-decoration: none; padding: 10px 0 0 35px; text-align:left; }

/* ------------- End Right nav --------------------- */

/*==================== End Layout Section ================================*/




.name{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #3399ff; vertical-align: bottom;   }
.name a, .name a:hover{ color: #3399ff;	text-decoration:none; font-size: 14pt; vertical-align: bottom;   }

ul#navlist{ list-style-type: none; padding: 0;	margin: 0;   }
ul#navlist li { display: inline; margin-left: 15px; }
ul#navlist li a, a:hover{ color: #666; font-size: 11px;	width: 10em; text-decoration: none; }
ul#navlist li a:hover{ color: #ccc;   }
ul#navlist li a:active{ color: #ccc;   }


/* This section pertains to the actual meat of the page  */
.bodyLeftContent{background: #fff;	border: #006699 solid 1px;	padding: 8px; }
.bodyLeftContent a { color: #006699; font-size:12px; text-decoration: underline; }
.bodyLeftContent a:hover{ color: #006699; font-size: 12px;  text-decoration: none; } 


h3{ color: #006699;	font-size: 30px; border-bottom: 1px solid #333333; }

.niceList{ list-style-type: none; border-left: #999999 solid 1px; margin-left: 25px; padding: 0 0 0 10px; }
.niceList .split{ float: left; width: 50%; }




/* ============================ Pages =======================================*/


/* Main Page */
.mainHead{	color: #006699;	font-size: 26px; font-weight: bold; vertical-align: top;  } 
/* End Main Page */


/* About Page */
.aboutHead{	color: #006699;	font-size: 26px; font-weight: bold; vertical-align: top; border: 0; /* background:url(../images/icons/about.png) no-repeat; line-height: 53px; padding: 5px 0 0 25px;  */}
.aboutHeadSub{	color: #006699;	font-size: 26px; font-weight: bold; vertical-align: top; /* background:url(../images/icons/about.png) no-repeat; line-height: 53px; padding: 5px 0 0 25px;  */} 

/* End About Page */


/* Education Page */
#edubody{
	background:url(../images/bgEduStripe.png) repeat;
	background-color: #ccc;
	text-align: left;
}
.bodyLeftContentEdu{
	background: #fff;
	border: #990000 solid 1px;
	padding: 8px;
}

ul#edulist{ list-style-type: none; padding: 0;	margin: 0;   }
ul#edulist li { display: inline; margin-right: 10px; }
ul#edulist li a{ color: #666; font-size: 11px; text-decoration: underline; }
ul#edulist li a:hover{ color: #666; width: 10em; text-decoration: none; }
ul#edulist li a:active, ul#edulist a:link{ color: #666; }
ul#edulist2{ list-style-type: none; padding: 0;	margin: 0;   }
ul#edulist2 li { display: inline; margin-left: 2px;  }
ul#edulist2 li a, ul#edulist2 li a:hover{ color: #666; font-size: 11px;	width: 10em; text-decoration: underline; }
ul#edulist2 li a:hover{ color: #666; text-decoration: none; }
ul#edulist2 li a:active{ color: #666;  border-bottom: #666 solid 1px;   }



.courses .name{ color:#990000; font-weight: bold; font-size:16px; }
.courses .name .teach{ color: #999; font-weight: normal; font-size: 12px; font-style:italic; }
.courses p{ text-align: justify; }
.courses courseP{ text-align: left;} 
#term{ font-size:18px; color:#bea25a; border-bottom: #990000 solid 1px; text-align:left; }
.eduHead{	color: #990000;	font-size: 30px; font-weight: bold; line-height: 33px; }
.eduHead .name{	color: #bea25a;	font-size: 16px; font-weight: bold; }
/* End Education Page */

/* Portfolio Page */
.portHead{ color: #006699;	font-size: 30px; font-weight: bold;  }
.portHead2{ color: #006699; font-size: 16px; font-weight: bold;  }

ul#portRightNav{ list-style-type: none; padding: 5px 0px;	margin: 0;  border-left: 1px solid #006699; border-right: 1px solid #006699;}
ul#portRightNav li { padding: 10px 0 0 18px; margin: 0 0 5px 0; font-weight: normal;}
ul#portRightNav li a{ display: block; padding: 3px 5px; color: #006699; font-size: 11px;  width: 150px; text-decoration: none; }
ul#portRightNav li a:hover{ background-color: #dfe4e8; }


/* End Portfolio Page */


/* Papers Page */
.paperHead{	color: #006699;	font-size: 30px; font-weight: bold; }
.paperHead .name{	color: #990000;	font-size: 16px; font-weight: bold; }
.papers { font-size: 12px; text-align:left; padding: 5px; vertical-align:top;}
.papers a { color: #006699; text-decoration:underline;}
.papers a:hover { color: #006699; font-size: 12px; text-decoration:none;}
.papers .authors { color: #999; font-weight: normal; font-style:italic; }
.papers h3 { color: #006699; font-size: 18px; border-bottom: #333 solid 1px; }
.papers h4 a, .papers h4 a:hover{font-size: 10px;}


ul#paperlist{ list-style-type: none; padding: 0;	margin: 0;   }
ul#paperlist li { display: inline; margin-right: 15px; }
ul#paperlist li a, a:hover{ color: #666; font-size: 11px;	width: 10em; text-decoration: none; }
ul#paperlist li a:hover{ color: #666; border-bottom: #666 solid 1px;  }
ul#paperlist li a:active{ color: #666;  border-bottom: #666 solid 1px;   }

ul#toc{ list-style-type: none; padding: 0;	margin: 0;   }
ul#toc li { display: block; margin-left: 30px; }
ul#toc li a, a:hover{ color: #666; font-size: 11px;	width: 10em; text-decoration: none; }
ul#toc li a:hover{ color: #666; border-bottom: #666 solid 1px;  }
ul#toc li a:active{ color: #666;  border-bottom: #666 solid 1px;   }
ul#toc2{ list-style-type: square; padding: 0;	margin: 0;   }
ul#toc2 li { display: block; margin-left: 20px; }
ul#toc2 li a, a:hover{ color: #666; font-size: 12px;	width: 10em; text-decoration: none; }
ul#toc2 li a:hover{ color: #666; border-bottom: #666 solid 1px;  }
ul#toc2 li a:active{ color: #666;  border-bottom: #666 solid 1px;   }

/* End Papers Page */

/* Contact Page */
.contactHead{	color: #006600;	font-size: 26px; font-weight: bold; vertical-align:top; }
#contactbody{ background:url(../images/bgContactStripe.png) repeat; background-color: #ccc; text-align: left; }
.bodyLeftContentContact{ background: #fff; border: #006600 solid 1px; padding: 8px; }

ul#contactRightNav{ list-style-type: none; padding: 5px 0px;	margin: 0;  border-left: 1px solid #006600; border-right: 1px solid #006600;}
ul#contactRightNav li { padding: 10px 0 0 18px; margin: 0 0 5px 0; font-weight: normal;}
ul#contactRightNav li a{ display: block; padding: 3px 5px; color: #006600; font-size: 11px;  width: 150px; text-decoration: none; }
ul#contactRightNav li a:hover{ background-color: #d3e8d4; }



/* End Contact Page */


/*=========================== End Pages ==============================*/




/* Footer info  */
#footer{ background: url(../images/footerbg.gif) repeat-x; }
#footerbg{ background: #333; height: 58px; vertical-align:top; }


/*------------------------- Content Slider -----------------------------*/

.contentslide{ border: 0px; border-bottom-width: 6px; padding: 8px; width: 500px; height: 400px; text-align: left; }
.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1; opacity: 1; }

.contentslide .contentdiv{ display: none; }
/*.pagination{ text-align: left; border: 0px; padding: 0 0 4px 0; }*/
.pagination a{ background: url(../images/rightNav/rightNavBar.jpg) no-repeat;}
.pagination a:hover{ background: url(../images/rightNav/rightNavBarHov.jpg) no-repeat; width:160px;}
.pagination a:active, .pagination a.selected{background: url(../images/rightNav/rightNavBarActive.jpg) no-repeat; font-weight: bold;}