@charset "UTF-8";

/* GENERAL STYLING */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
}
.Moogoonghwa #container { 
	width: 44em;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #666;
	margin: 5% auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

span.Title {
	font-weight:600;
}

span.Subtitles {
	font-family:serif;
}

span.SmallCaps {
	font-variant: small-caps;
}

/* LEFT PANEL */

.Moogoonghwa #leftPanel {
	float: left; /* since this element is floated, a width must be given */
	width: 20em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #888; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 1em;
	border-right-style:solid;
	border-right-color:#f00;
	border-right-width:1em;
	color:#000;
}

/* LEFT PANEL ANCHORS */

.Moogoonghwa #leftPanel a:link {
	color:#555;
	text-decoration:none;
}

.Moogoonghwa #leftPanel a:visited {
	color:#F3E3AA;
	text-decoration:none;
}

.Moogoonghwa #leftPanel a:hover {
	color:#FFF;
	font-weight:600;
}


/* LEFT PANEL HEADERS and FOOTERS */

#leftPanelHeader, #leftPanelFooter {
	background-color:#888;
	color: #000;
}

p.LeftPanelHeader {
	color:#000;
	font-size: 1.3em;
	font-weight: 500;
	text-align: center;
	margin: 0em;
	padding: 0em;
}

p.LeftPanelFooter {
	color:#000;
	font-size: 1.3em;
	font-weight: 500;
	text-align: center;
	margin: 0em;
	padding: 0em;
	line-height:1.3em;
}

span.SubTitle {
	font-weight: 700;
	font-size: 1em;
	line-height:1em;
} 

/* MAIN CONTENT */

.Moogoonghwa #mainContent { 
	margin: 0 0 0 22em; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 1em 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* MAIN CONTENT ANCHORS */

.Moogoonghwa #rightPanel a:link {
	color:#CCC;
	text-decoration:none;
}

.Moogoonghwa #rightPanel a:visited {
	color:#F3E3AA;
	text-decoration:none;
}

.Moogoonghwa #rightPanel a:hover {
	color:#000;
	font-weight:600;
}

/* NEW YEAR ANCHOR */

.Moogoonghwa #rightPanel a.NewYear:link {
	color:#f00;
	text-decoration:none;
	font-weight:700;
}

.Moogoonghwa #rightPanel a.NewYear:visited {
	color:#f00;
	text-decoration:none;
	font-weight:700;
}

.Moogoonghwa #rightPanel a.NewYear:hover {
	color:#fff;
	font-weight:600;
}


/* MAIN CONTENT - PANEL HEADERS and FOOTERS */

#rightPanelHeader {
	margin-left:1.8em;
	background-color:700;
}

p.RightPanelHeader {
	color:#FFF;
	font-size: 1.3em;
	font-weight: 500;
	text-align: center;
	margin: 0em;
	padding: 0em;
}

#rightPanelFooter hr {
	margin-left:-1em;
}

#twitter_div {
	/*margin-left:1.8em;*/
	background-color:#666;
	font-size: 0.9em;
	margin-top:1;
	margin-bottom:1;
	padding: 0 1em 0 1em;
	text-align: justify;

}

#twitter_div .salutation {
	text-align: right;
}

#twitter_div em.signature {
	font-family: 'Bradley Hand', cursive;
	font-size: 1.4em;
}


.emphasis {
	font-size: 1.2em;
}

#twitter-link {
	display:block;
	text-align:right;
	margin:0;
	padding:0;
}

p.RightPanelFooter {
	text-align:center;
	font-weight: 600;
	margin: 0em;
	padding: 0em;
	font-size:1em;
}


/* PAGE FOOTER */

.Moogoonghwa #pageFooter {
	clear: both; /* Necessary to insure that the footer is able to lie below the floated left-panel.*/
	text-align:center;
	padding:1em;
	background-color:#333;
}

/* PAGE FOOTER ANCHORS */

.Moogoonghwa #pageFooter a:link {
	color:#f00;
	text-decoration:none;
}

.Moogoonghwa #pageFooter a:visited {
	color:#f00;
	text-decoration:none;
}

.Moogoonghwa #pageFooter a:hover {
	color:#fff;
	font-weight:600;
}

/* Footer */

#footer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#cc9;
}


.FooterLeftFloat {
	float:left;
	margin:0em;
	text-align:left;
	font-size:0.8em;
	padding-left: 2em;
	padding-bottom: 2em;
	border-style:none;
}

.FooterRightFloat {
	float:right;
	margin:0em;
	text-align:right;
	font-size:0.8em;
	padding-right: 2em;
	padding-bottom: 2em;
	border-style:none;
}

a.FootLink:link {
	font-weight: 400;
	text-decoration: none;
	outline:none;
	color:#f00;
}

a.FootLink:visited {
	font-weight: 400;
	text-decoration: none;
	outline:none;
	color:#f00;
}

a.FootLink:hover {
	font-weight: 700;
	text-decoration: none;
	outline:none;
	color:#fff;
}

.Italics {
	font-style:italic;
}

.SmallCaps {
	font-variant:small-caps;
}