/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/
/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/
/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/

/* 

	Hansook Institute
	02.01.2010
	michael dixon - pixelpusher.me


*/

/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/
/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/
/*HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK+HK*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Globals ********************************************************************************************************************************************/

body{
	
	background:url(../images/global/body.bkg.jpg) top center repeat;
	font-family: Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif; font-size:14px; color:#000; text-align: center; line-height:18px;
	margin:0px; padding:0px;	
}




.clear	{ clear:both; } /* used to clear floated layouts site-wide */
.title 	{ text-align:center } /* the copy under the header graphics */

p 	{ margin:0; }
a 	{ color:#000; text-decoration:underline; }
a:active { outline:none; }
focus { -moz-outline-style:none; } 
h1	{ font-size:14px; }

.xl { font-size:14px; font-weight:bold; }
img	{ border: none; padding:0; margin:0;  }

.right-spacer { padding-bottom:100px; }

/* Globals ********************************************************************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#main_container_wrapper { position:relative; width:100%; height:100%; min-height: 100%; }
#main_container	{ position:relative; width:1010px; height:100%; margin:0 auto; /*background:url('../images/global/maincontent.bkg-trans.png') no-repeat;*/}





/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Header ********************************************************************************************************************************************/

#header	{ position: relative; width:990px; height:163px; background:url(../images/global/header.bkg-temp.jpg) top no-repeat; margin:0 auto;}


#header	#logo	{ position:relative; height:128px; }
/* #header	#logo_container	{  width:459px; height:130px; } */


#nav 		{ background:url('../images/global/mainnav.off.jpg') no-repeat left top ; width:990px; height:35px; position: relative; z-index: 1000; margin:0 auto; }

#nav ul,
#nav li 	{ margin: 0; padding: 0; list-style: none; display: block; }
#nav li 	{ display: inline; float: left; }

#nav a {
   position: relative; display: block; height:25px; padding-top:10px;
   background:url('../images/global/mainnav.on.jpg') no-repeat left top ;
   z-index: 1000; overflow: hidden;
   font-family:Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:normal; color:#0061a1; text-decoration:none; 
}
			 
#mnav-home a 	{ width: 186px; background-position: 0px -35px;}
#mnav-home-sp	{ padding-left:93px; }
#mnav-inst a    { width: 145px; background-position: -186px -35px;}
#mnav-avi a   	{ width: 85px; background-position: -331px -35px;}
#mnav-fac a   	{ width: 120px; background-position: -416px -35px;}
#mnav-resources a   { width: 152px; background-position: -536px -35px;}
#mnav-news a   	{ width: 90px; background-position: -688px -35px;}
#mnav-contact a { width: 124px; background-position: -778px -35px;}

#mnav-home a:hover		{ background-position: 0px 0; }
#mnav-inst a:hover       { background-position: -186px 0; }
#mnav-avi a:hover   	{ background-position: -331px 0; }
#mnav-fac a:hover     { background-position: -416px 0; }
#mnav-resources a:hover { background-position: -536px 0; }
#mnav-news a:hover   	{ background-position: -688px 0; }
#mnav-contact a:hover   { background-position: -778px 0; }
#nav a:hover { color:#FFFFFF; }

#main-content-top-grad	{ position:absolute; top:163px; z-index:1001; left:10px; }

/* Header ********************************************************************************************************************************************/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Pages ********************************************************************************************************************************************/


#content	{ position:relative; margin:0 auto; padding:0 0 40px; width:990px; text-align:left; background-color: #FFFFFF; min-height:100%; height:auto !important; height:100%; }


#content #left-nav	{ position:relative; width:322px; float:left; }
#content #left-nav #navwrap	{ padding-top:50px; width:322px; }

#left-nav #navwrap div a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:normal; color:#FFFFFF; text-decoration:none; margin-right:20px; }


#content #right-body #right-body-header	{ position:relative; width:668px; height:250px; overflow:hidden; }

/* global clear class */
.clear	{ clear:both; } 

.main-title {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#0e9574; font-weight:normal; padding:30px 0 10px 0; }

/* index/home --------------------------------------------------------------------*/
.content-home	{ position:relative; margin:0; padding:0; top:0; background: url('../images/home/main.bkg.jpg') repeat-y; }

.content-home #left-nav { height:100%; }
	.content-home #left-nav #navwrap div:hover { background:url('../images/home/left-nav.rollover.jpg') no-repeat left top ; }
	.content-home #left-nav #navwrap .nav-sel { background:url('../images/home/left-nav.rollover.jpg') no-repeat left top ;}
	.content-home #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #12853c; }
	.content-home #left-nav #navwrap .last { border-bottom: 1px solid #12853c; }

	.content-home #right-body	{ position:relative; width:668px; float:left; padding: 0px; height:100%;}
	.content-home #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-home #right-body #right-body-content p { margin:1em 0; }
	.content-home #right-body #right-body-content #int-members	{ padding-left:40px; }
	.content-home #right-body #right-body-content .awardees { font-weight:bold; }
/* index/home --------------------------------------------------------------------*/


/* institutes  	--------------------------------------------------------------------*/
.content-institutes	{ position:relative; margin:0; padding:0; top:0; background: url('../images/institutes/main.bkg.jpg') repeat-y; }

.content-institutes #left-nav { height:100%; }
	.content-institutes #left-nav #navwrap div:hover 	{ background:url('../images/institutes/left-nav.rollover.jpg') no-repeat left top ;}
	.content-institutes #left-nav #navwrap .nav-sel 	{ background:url('../images/institutes/left-nav.rollover.jpg') no-repeat left top ;}
	.content-institutes #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #0c7c46; }
	.content-institutes #left-nav #navwrap .last { border-bottom: 1px solid #0c7c46; }
	
	.content-institutes #right-body	{ position:relative; width:668px;  float:left; overflow: auto; padding: 0px; }
	.content-institutes #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-institutes #right-body #right-body-content p { margin:1em 0; }
/* institutes  	--------------------------------------------------------------------*/


/* avila	--------------------------------------------------------------------*/
.content-avila	{ position:relative; margin:0; padding:0; top:0; background: url('../images/avila/main.bkg.jpg') repeat-y; }

.content-avila #left-nav { height:100%; }
	.content-avila #left-nav #navwrap div:hover { background:url('../images/avila/left-nav.rollover.jpg') no-repeat left top ;}
	.content-avila #left-nav #navwrap .nav-sel { background:url('../images/avila/left-nav.rollover.jpg') no-repeat left top ; }
	.content-avila #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #1e7459; }
	.content-avila #left-nav #navwrap .last { border-bottom: 1px solid #1e7459; }

	.content-avila #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-avila #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-avila #right-body #right-body-content p { margin:1em 0; }
/* avila 	--------------------------------------------------------------------*/

/* faculty 		--------------------------------------------------------------------*/
.content-faculty { position:relative; margin:0; padding:0; top:0; background: url('../images/faculty/main.bkg.jpg') repeat-y; }	

	.content-faculty #left-nav { height:100%; }
	.content-faculty #left-nav #navwrap div:hover { background:url('../images/faculty/left-nav.rollover.jpg') no-repeat left top ;}
	.content-faculty #left-nav #navwrap .nav-sel { background:url('../images/faculty/left-nav.rollover.jpg') no-repeat left top ; }
	.content-faculty #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #075e56; }
	.content-faculty #left-nav #navwrap .last { border-bottom: 1px solid #075e56; }

	.content-faculty #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-faculty #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-faculty #right-body #right-body-content p { margin:1em 0; }
	
/* staff 		--------------------------------------------------------------------*/


/* resources 		--------------------------------------------------------------------*/
.content-resources	{ position:relative; margin:0; padding:0; top:0; background: url('../images/resources/main.bkg.jpg') repeat-y; }
	
	.content-resources #left-nav { height:100%; }
	.content-resources #left-nav #navwrap div:hover { background:url('../images/resources/left-nav.rollover.jpg') no-repeat left top ;}
	.content-resources #left-nav #navwrap .nav-sel { background:url('../images/resources/left-nav.rollover.jpg') no-repeat left top ;}
	.content-resources #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #045163; }
	.content-resources #left-nav #navwrap .last { border-bottom: 1px solid #045163; }

	.content-resources #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-resources #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-resources #right-body #right-body-content p { margin:1em 0; }
	
.content-resources-fundraising { position:relative; margin:0; padding:0; top:0; background: url('../images/resources/main.bkg.jpg') repeat-y; }
	.content-resources-fundraising #left-nav { height:100%; }
	.content-resources-fundraising #left-nav #navwrap div:hover { background:url('../images/resources/left-nav.rollover.jpg') no-repeat left top ;}
	.content-resources-fundraising #left-nav #navwrap .nav-sel { background:url('../images/resources/left-nav.rollover.jpg') no-repeat left top ;}
	.content-resources-fundraising #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #045163; }
	.content-resources-fundraising #left-nav #navwrap .last { border-bottom: 1px solid #045163; }

	.content-resources-fundraising #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-resources-fundraising #right-body	#right-body-header	{ position:relative; width:653px; height:250px; overflow:hidden;  }
	.content-resources-fundraising #right-body	#right-body-content	{ position:relative; width:470px; padding: 0 90px; }
/* resources 		--------------------------------------------------------------------*/


/* news 		--------------------------------------------------------------------*/
.content-news	{ position:relative; margin:0; padding:0; top:0; background: url('../images/news/main.bkg.jpg') repeat-y; }

.content-news #left-nav { height:100%; }
	.content-news #left-nav #navwrap div:hover { background:url('../images/news/left-nav.rollover.jpg') no-repeat left top ;}
	.content-news #left-nav #navwrap .nav-sel { background:url('../images/news/left-nav.rollover.jpg') no-repeat left top ;}
	.content-news #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #02496e; }
	.content-news #left-nav #navwrap .last { border-bottom: 1px solid #02496e; }

	.content-news #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-news #right-body #right-body-header	{ position:relative; width:653px; height:250px; overflow:hidden; }
	.content-news #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-news #right-body #right-body-content p { margin:1em 0; }
/* news 		--------------------------------------------------------------------*/


/* contact 		--------------------------------------------------------------------*/
.content-contact	{ position:relative; margin:0; padding:0; top:0; background: url('../images/contact/main.bkg.jpg') repeat-y; }

.content-contact #left-nav { height:100%; }
	.content-contact #left-nav #navwrap div:hover { background:url('../images/contact/left-nav.rollover.jpg') no-repeat left top; }
	.content-contact #left-nav #navwrap .nav-sel { background:url('../images/contact/left-nav.rollover.jpg') no-repeat left top; }
	.content-contact #left-nav #navwrap div { position: relative; height:27px; width:322px; padding:4px 0; text-align:right; cursor:pointer; border-top: 1px solid #00427a; }
	.content-contact #left-nav #navwrap .last { border-bottom: 1px solid #00427a; }

	.content-contact #right-body	{ position:relative; width:668px; float:left; overflow: auto; padding: 0px; }
	.content-contact #right-body #right-body-content	{ position:relative; width:470px; padding: 0 90px; }
	.content-contact #right-body #right-body-content p { margin:1em 0; }
	.contact-subject { visibility: hidden; display: none; }
/* contact 		--------------------------------------------------------------------*/




/* footer ------------------------------------------------------------------------*/
#footer	{ width:990px; height:121px; position:relative; margin:0 auto; background:url('../images/global/footer.jpg') no-repeat; }
/* footer ------------------------------------------------------------------------*/