﻿body {
	/*background-image: url(../images/15191-wp-b.jpg);*/
	background-color: #96703f;
	background-position: left top;
	background-repeat: no-repeat;
	color: #363636;
}

#content {
	float:left;
	font-family: Georgia, Times, Times New Roman, serif;
	color: #333;
}

#content h5 {
	margin-bottom: -10px;
	line-height: 10px;
}

a:link		{ text-decoration: underline; color: #5555FF;}
a:visited	{ text-decoration: underline; color: #5555FF;}
a:active	{ text-decoration: underline; color: #FFFF00;}
a:hover		{ text-decoration: none; color: #FF5555; }

.WrapperTable {
	width: 100%;
}

/*****************************************************/
/** MAIN TABLE (Table & Skin): BEGIN                **/
.MainTable {
	width: 770px;
	border: solid 0px #777777;
	background-color: #96703f;
}

.MainTableForms {
	width: 770px;
	border: solid 0px #777777;
	/**background-color: #96703f;**/
}

.Photo {
	border: solid 0px #777777;
	background-color: #96703f;
}

.MainTableA1 {
	width: 17px;
	height: 18px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinA1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.MainTableA2 {
	height: 18px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinA2.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.MainTableA3 
{
	width: 19px;
	height: 18px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinA3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.MainTableB1 {
	width: 17px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinB1.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

.MainTableB2 {
	background-color: #96703f;
	background-image: url(../images/MainTableSkinB2.jpg);
	background-position: right top;
	background-repeat: repeat;
}

.MainTableB3 {
	width: 19px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinB3.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.MainTableC1 {
	width: 17px;
	height: 20px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinC1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.MainTableC2 {
	height: 20px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinC2.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.MainTableC3 
{
	width: 19px;
	height: 20px;
	background-color: #96703f;
	background-image: url(../images/MainTableSkinC3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.PhotoFrame01 {
	width: 15px;
	height: 12px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.PhotoFrame02 {
	height: 12px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_02.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.PhotoFrame03 {
	width: 17px;
	height: 12px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_03.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.PhotoFrame04 {
	width: 15px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_04.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.PhotoFrame05 {
	background-color: #FFF;
}

.PhotoFrame06 {
	width: 17px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_06.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

.PhotoFrame07 {
	width: 15px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_07.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.PhotoFrame08 {
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_08.jpg);
	background-position: right bottom;
	background-repeat: repeat-x;
}

.PhotoFrame09 {
	width: 17px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PhotoFrame_09.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.PhotoFrameTab01 {
	width: 15px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_01.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.PhotoFrameTab02 {
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_02.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.PhotoFrameTab03 {
	width: 16px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_03.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.PhotoFrameTab04 {
	width: 15px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_04.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.PhotoFrameTab05 {
	background-color: #FFF;
}

.PhotoFrameTab06 {
	width: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_06.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

.PhotoFrameTab07 {
	width: 15px;
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_07.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.PhotoFrameTab08 {
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_08.jpg);
	background-position: right bottom;
	background-repeat: repeat-x;
}

.PhotoFrameTab09 {
	width: 16px;
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTab_09.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}





.PhotoFrameMarble01 {
	width: 15px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.PhotoFrameMarble02 {
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_02.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.PhotoFrameMarble03 {
	width: 16px;
	height: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_03.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.PhotoFrameMarble04 {
	width: 15px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_04.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.PhotoFrameMarble05 {
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_05.jpg);
	background-position: left top;
	background-repeat: repeat;
}

.PhotoFrameMarble06 {
	width: 16px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_06.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

.PhotoFrameMarble07 {
	width: 15px;
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_07.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.PhotoFrameMarble08 {
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_08.jpg);
	background-position: right bottom;
	background-repeat: repeat-x;
}

.PhotoFrameMarble09 {
	width: 16px;
	height: 17px;
	background-color: #FFF;
	background-image: url(../images/PictureFrameTabII_09.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}


.Video {
	font-size: 10pt;
}

.Video a:link		{ text-decoration: underline; color: #5555FF; }
.Video a:visited	{ text-decoration: underline; color: #5555FF;}
.Video a:active		{ text-decoration: underline; color: #FFFF00;}
.Video a:hover		{ text-decoration: none; color: #883333; }

/** MAIN TABLE: END                                 **/
/*****************************************************/

.ContainerTable {
	
}

.MainHeader {
	
}

.MainBody {
	
}

.MainFooter {
	
}

.NewsTable {
	border: solid 1px #413215; 
	border-collapse: collapse; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	background-color: #ffe4b5;
}
.NewsTable a:link		{ text-decoration: underline; color: #483115;}
.NewsTable a:visited	{ text-decoration: underline; color: #483115;}
.NewsTable a:active		{ text-decoration: underline; color: #483115;}
.NewsTable a:hover		{ text-decoration: underline; color: #ff1111; }

.NewsTableSP {
	border: solid 1px #a36e4a; 
	border-collapse: collapse; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	background-color: #ffe4b5;
}

.NewsTableHeader {
	text-align: right;
	vertical-align: bottom;
	background-color: #96703f;
	color: #ffffff;
	font-size: 17px;
	line-height: 25px;
}

.NewsTableSmall {
	font-size: 0.9em;
}

.NewsTableTitle {
	font-size: 0.95em;
	font-weight: bold;
	/*background-color: #ffd186;*/
}
.NewsTableTitle a:link		{ text-decoration: none; color: #483115;}
.NewsTableTitle a:visited	{ text-decoration: none; color: #483115;}
.NewsTableTitle a:active		{ text-decoration: none; color: #483115;}
.NewsTableTitle a:hover		{ text-decoration: none; color: #ff1111; }

.SmallDate {
	text-align: right;
	font-size: 0.75em;
	font-weight: bold;
	color: #783e16;
}

.SmallDateHead {
	background-color: #cccccc;
}

.BodyTableBorderLeft {
	background-image: url(../images/MainTableBorderLeft.gif);
	background-position: left top;
	background-repeat: repeat-y;	
}

.BodyTableBorderRight {
	background-image: url(../images/MainTableBorderRight.gif);
	background-position: right top;
	background-repeat: repeat-y;	
}

.ContentHeader {
	width: 734px;
	height: 223px;
	background-image: url(../images/Header3.jpg);
	background-position: center center;
	background-repeat: no-repeat;	
}

.ContentTable {
	width: 730px;
}

.ContentTableA1 {
	width: 11px;
	height: 10px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_01.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.ContentTableA2 {
	height: 10px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_02.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}

.ContentTableA3 {
	width: 11px;
	height: 10px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_03.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ContentTableB1 {
	width: 11px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_04.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

.ContentTableB2 {
	width: 708px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_05.jpg);
	background-position: right top;
	background-repeat: repeat;
	padding: 10px 18px 12px 15px;
}

.ContentTableB3 {
	width: 11px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_06.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.ContentTableC1 {
	height: 12px;
	width: 11px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_07.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.ContentTableC2 {
	height: 11px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_08.jpg);
	background-position: right bottom;
	background-repeat: repeat-x;
}

.ContentTableC3 {
	height: 12px;
	width: 11px;
	background-color: #ffe3bb;
	background-image: url(../images/Content_09.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.Instructors {
	width: 610px;
	height: 410px;
	background-image: url(../images/Instructors.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.InstructorsTabContainer {
	width: 730px;
	/**filter:alpha(opacity=90);
	-moz-opacity:0.9;**/
}

.BoldText {
	font-weight: bold;
}

.TextJustified {
	text-align: justify;
}

.TextContent {
	text-align: justify; 
	font-family: Georgia, Verdana;
	font-size: 12pt;
	color: #222;
}

.TextContent14 {
	text-align: justify; 
	font-family: Georgia, Verdana;
	font-size: 14pt;
	color: #222;
}

.TutorialSubHeading {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
}

.TutorialSubHeadingRad {
	font-size: 13px;
	line-height: 1.5em;
}

.RegularText {
	font-weight: 100; 
	font-size: 12pt;
}

.PageHeader h2 {
	margin: 0 0 10px 0; 
	padding: 0 0 3px 0; 
	letter-spacing: -1px; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #111; 
	font-size: 24px; 
	line-height: 24px; 
	border: 0px solid #eee; 
}

.ParagraphHeader {
	font-size: 1.1em;
	font-weight: bold;
	
}

.KoreanTerminology {
	color: #44291C;
}

.KoreanTerminologyTableCell {
	background-color: #EAEA92;
}

.BoxedPanel {
	margin-left: 5px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	margin-top: 20px;
}

/* Accordion */
.myAccordionHeader {
    border: 1px solid #2F4F4F;
    color: #333;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    cursor: pointer;
    background-color: #ffe3bb;
    background: url(../images/AccordionBackground.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    height: 36px;
}

.AccordionHeaderLeft {
	font-size: 15px;
	font-weight: bold;
	/**filter:shadow(color:#996633,Direction=135,size=5px,strength=4);**/
}

.AccordionHeaderRight {
	font-size: 11px;
	/**filter:shadow(color:#996633,Direction=135,size=5px,strength=4);**/
}

.myAccordionHeader {
	
}

.myAccordionHeader a {
	color: #fff;
	background: none;
	text-decoration: none;
}

.myAccordionHeader a:hover {
	background: none;
	text-decoration: underline;
}

.myAccordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: #111;
    background-color: #ffe3bb;
    height: 36px;
	font-family: Arial, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    cursor: pointer;
    background: url(../images/AccordionBackgroundSelected.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    height: 36px;
    filter:shadow(color:#996633,Direction=135,size=5px,strength=0);
}

.myAccordionHeaderSelected a {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.myAccordionHeaderSelected a:hover {
	background: none;
	text-decoration: underline;
}

.myAccordionContent {
    background-color: #fef4cd;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: 15px;
}

.OffRow {
	background-color: #eae5b8;
}

.SmallerText {
	font-size: 0.9em;
}

.SmallLink{
	font-size: 0.9em;
}

.ScheduleTableCellHeader {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #fffaef;
	border: solid 1px #e8c791;
	border-collapse: collapse;
	text-align: center;
}

.ScheduleTableCell {
	border: solid 1px #e8c791;
	border-collapse: collapse;
}

.ScheduleTableCellHeaderH {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #10a508;
	border: solid 1px #e8c791;
	border-collapse: collapse;
	text-align: center;
}

.ScheduleTableCellHeaderH2 {
	font-size: 1em;
	background-color: #a5bedd;
	border: solid 1px #e8c791;
	border-collapse: collapse;
	text-align: center;
	color: #000000;
}

.ScheduleTableCellH {
	border: solid 1px #e8c791;
	border-collapse: collapse;
}

.ScheduleTableCellReg {
	background-color: #efe3cf;
	border: solid 1px #e8c791;
	border-collapse: collapse;
}

.ScheduleTableCellSpecial {
	background-color: #fff3df;
	border: solid 1px #e8c791;
	border-collapse: collapse;
}

.ScheduleTableCellSpecialY {
	background-color: #fff3df;
	border: solid 1px #e8c791;
	border-collapse: collapse;
}

.ScheduleTableCellSpecialH {
	background-color: #fff3df;
	border: solid 1px #e8c791;
	border-collapse: collapse;
	color: #923b43;
}

.ErrorMessage {
	color: #F00;
	font-weight: bold;
}

.Tutorials_Photo {
	padding-top: 1px;
}

/***********************************/
/** Specific areas: Dropdown menu **/
/***********************************/

#dropmenudiv {
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:17px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:link		{ text-decoration: none; color: #FFFFFF; }
#dropmenudiv a:visited	{ text-decoration: none; color: #FFFFFF;}
#dropmenudiv a:active	{ text-decoration: none; color: #FFFF00;}
#dropmenudiv a:hover	{ background-color: #d64e40; text-decoration: none; color: #feffb5; }

/*****************/
/** TAB CONTROL **/

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/**.YSRhoTabs {background-color: #000;}**/

/* XP IE7 theme - Backgrounds */
.YSRhoTabs .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.YSRhoTabs .ajax__tab_outer						{ background:url(../images/tab-right.gif) no-repeat right; }
.YSRhoTabs .ajax__tab_inner						{ background:url(../images/tab-left.gif) no-repeat; }
.YSRhoTabs .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.YSRhoTabs .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.YSRhoTabs .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.YSRhoTabs .ajax__tab_hover .ajax__tab_tab		{ background:url(../images/tab-hover.gif) repeat-x; }
.YSRhoTabs .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.YSRhoTabs .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.YSRhoTabs .ajax__tab_active .ajax__tab_tab		{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.YSRhoTabs .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.YSRhoTabs .ajax__tab_outer						{ height:29px; }
.YSRhoTabs .ajax__tab_inner						{ padding-left:3px; }
.YSRhoTabs .ajax__tab_tab						{ padding:8px 20px;margin:0; }
/*.YSRhoTabs .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#E8E18B; }*/
.YSRhoTabs .ajax__tab_body						{ border:1px solid #999999;border-top:0;padding:8px;background-color:#ffe4b5; }

