/* YUI Reset CSS
   http://developer.yahoo.com/yui/reset/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* Default Overrides */

.yui-skin-sam .mask {
  opacity: .75;
}
.yui-skin-sam .yui-panel,
.yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft {
  background-color: #212121;
  border-width: 0;
}
.yui-skin-sam .yui-panel .hd {
  padding: 10px 10px 0 10px;
}
.yui-skin-sam .yui-panel .hd h2 {
  line-height: 23px;
}
.yui-skin-sam .container-close {
  height: 12px;
  line-height: 12px;
  right: 9px;
  top: 10px;
  width: 12px;
}
.yui-skin-sam .yui-calendar .calheader,
.yui-skin-sam .yui-calendar .calweekdaycell {
  color: #212121;
}
.yui-skin-sam .yui-calendar td.calcell.oom {
  background-color: #EEEEEE;
}


/* Default Overrides */

body {
  background-color: #334455;
  font-family: arial;
  font-size: 13px;
}
a {
  color: #AADDF8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 { 
  color: #FFFFFF;
  font-size: 30px;
}
h2 {
  color: #EEEEEE;
  font-size: 23px;
}
h3 {
  color: #EEEEEE;
  font-size: 16px;
  font-weight: bold;
}
h4 {
  color: #DDDDDD;
  font-size: 14px;
  font-weight: bold;
}
p, blockquote {
  line-height: 22px;
  margin: 0 0 15px 0;
}
blockquote {
  margin-left: 15px;
}
select,
option {
  background-color: #FFFFFF;
  font-family: arial;
  font-size: 12px;
}
select {
  border: 2px solid #FFFFFF;
}


/* Blogger Overrides */
.post-update {
  margin: 0 0 15px 0;
}
.blogger-labels {
  display: none;
}
.post-footer {
  font-size: 11px;
  line-height: 12px;
  margin: 15px 0 39px 0;
}

/* Utility Classes */

.fl { float: left; }
.fr { float: right; }
.clr { clear: both; height:0; line-height:0; font-size:0; padding:0; margin:0; border:0; }
.small { font-size: 10px; }
.error {
  background-color: #FFCCCC;
  border: 2px solid #990000;
  color: #990000;
  display: none;
  margin: 0 0 10px 0;
  padding: 7px;
}
.bullet {
  background-image: url(../images/layout/bullet-2.gif);
  background-repeat: no-repeat;
  padding: 0 0 0 12px;
}
a.bullet {
  background-image: url(../images/layout/bullet-link-2.gif);
}


/* Layout Classes */
.more {
  font-size: 11px;
  margin: 5px 0 0 0;
  text-align: right;
}
.thin-border {
  border: 1px solid #2C2C2C;
  padding: 2px;
}
.image-border {
  border: 1px solid #555555;
  font-size: 0;
  line-height: 0;
  margin: 0 0 15px 0;
}
.clear-border {
  border: 2px solid #212121;
}

#main {
  background-color: #DEDEDE;
  padding: 0 0 65px 0;
  text-align: center;
}
#main .container {
  color: #CCCCCC;
  margin: auto;
  width: 780px;
}
#main .shadow-left {
  background-color: #212121;
  background-image: url(../images/layout/shadow-left.gif);
  background-repeat: repeat-y;
  padding: 0 0 0 7px;
  text-align: left;
}
#main .shadow-right {
  background-image: url(../images/layout/shadow-right.gif);
  background-position: right;
  background-repeat: repeat-y;
  padding: 0 7px 0 0;
}
#main .shadow-bottom {
  background-image: url(../images/layout/shadow-bottom.gif);
  background-repeat: no-repeat;
  font-size: 7px;
  height: 7px;
  line-height: 7px;
  margin: 0 0 25px 0;
}
#main .border {
  border-width: 0 5px 5px 5px;
  border-style: solid;
  border-color: #FFFFFF;
}

#masthead {
  background-image: url(../images/masthead/default.jpg);
  border-bottom: 5px solid #FFFFFF;
  display: block;
  height: 195px;
  padding: 0 20px 0 18px;
}
#masthead h1 {
  padding: 155px 0 0 0;
}
a#masthead:hover {
  text-decoration: none;
}

#main .body {
  background-image: url(../images/layout/gradient-bottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 0 0 35px 0;
}

#navigation {
  padding: 10px 20px;  
}
#navigation ul {
  font-family: tahoma;
  font-size: 11px;  
  line-height: 12px;
}
#navigation li {
  border-left: 1px solid #999999;
  float: left;
  padding: 0 8px;
}
#navigation li.first {
  border: none;
  padding: 0 8px 0 0;
}
#navigation li.weather,
#navigation li.time {
  border: none;
  color: #888888;
  float: right;
  padding: 0 0 0 18px;
}

#bulletin {
  border-color: #383838;
  border-style: solid;
  border-width: 1px 0;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  line-height: 25px;
  padding: 2px 0;
}
#bulletin.hover a {
  text-decoration: underline;
}
#bulletin .con {
  background-color: #2C2C2C;
  padding: 0 20px;
  width: 716px;
}

#bulletin1, #bulletin2, #bulletin3,
#bulletin4, #bulletin5, #bulletin6,
#bulletin7, #bulletin8, #bulletin9,
#bulletin10, #bulletin11, #bulletin12 {
  display: none;
}
#bulletin1 {
  display: block;
}

#column-single {
  padding: 20px 20px 45px 20px;
}
#column-left {
  float: left;
  padding: 20px 20px 35px 20px;
}
#column-right {
  border-left: 1px dashed #383838;
  float: left;
  padding: 20px 20px 35px 20px;
}

#column-left .module {
  font-size: 11px;
  margin: 0 0 25px 0;
  width: 204px;
}
/*
#column-left .module .top {
  background-image: url(../images/layout/module-top.gif);
  background-position: top;
}
#column-left .module .bottom {
  background-image: url(../images/layout/module-bottom.gif);
  background-position: bottom;
}
*/
#column-left .module .top, 
#column-left .module .bottom {
  background-repeat: no-repeat;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
}
/*
#column-left .module .middle {
  background-color: #323232;
  padding: 0 10px 2px 10px;
}
*/
#column-left .module .middle.photo {
  padding: 3px 0 0 0;
  text-align: center;
}
#column-left .module .middle.photo a {
  font-size: 0;
  line-height: 0;
}
#column-left .module .middle.photo .caption {
  margin: 5px 0 0 0;
}
#column-left .module .middle.photo .caption a {
  font-size: 11px;
}
#column-left .module h3 {
  border-bottom: 1px solid #444444;
  margin: 0 0 12px 0;
  padding: 0 0 2px 0;
}

#column-left .module.bulletin li {
  line-height: 13px;
  margin: 0 0 7px 0;
}
#column-left .module.bulletin li.last {
  color: #687082;
  margin: 7px 0 0 0;
}

#column-left .module .lunch-duty td {
  vertical-align: top;
}
#column-left .module .lunch-duty td.shift {
  width: 42%;
}

#column-right .content {
  padding: 0 0 10px 0;
  width: 470px;
}
#column-right .content ul,
#column-right .content ol {
  list-style: disc outside;
  margin: 0 0 15px 15px;
  padding: 0 0 0 15px;
}
#column-right .content li, 
#column-right .content td {
  font-size: 12px;
  line-height: 22px;
}
#column-right .content td {
  padding: 0 15px 0 0;
  vertical-align: top;
}
#column-right .content td.last {
  padding: 0 0 0 0;
}
#column-right .content thead td {
  text-decoration: underline;
}
#column-right .content thead td,
#column-right .content td b,
#column-right .content b {
  color: #EEEEBB;
  font-weight: bold;
}
#column-right .content table.spaced td {
  padding: 7px;
}
#column-right .content table.photos td.thumb, 
#column-right .content table.videos td.thumb div {
  font-size: 0;
  line-height: 0;
  width: 75px;
}
#column-right .content table.photos td.details, 
#column-right .content table.videos td.details {
  font-size: 11px;
  line-height: 15px;
  padding: 7px 7px 7px 1px;
  width: 135px;
}
#column-right .content table.videos td.thumb div {
  font-size: 0;
  height: 72px;
  line-height: 0;
  overflow: hidden;
  width: 120px;
}
#column-right .content table.videos td.thumb img {
  margin: -13px 0 0 0;
}
#column-right .content table.videos td.details {
  width: 89px;
}
#column-right .content tr.odd td {
  background-color: #2C2C2C;
}
#column-right .module.alert {
  color: #DDDDDD;
  margin: 0 0 25px 0;
}
#column-right .module.alert .top,
#column-right .module.alert .bottom {
  background-image: url(../images/layout/alert-top.gif);
  background-position: top;
  background-repeat: none;
  font-size: 7px;
  height: 7px;
  line-height: 7px;
}
#column-right .module.alert .bottom {
  background-image: url(../images/layout/alert-bottom.gif);
}
#column-right .alert .middle {
  background-color: #790000;
  padding: 6px 14px 9px 14px;
}
#column-right .module.alert h3 {
  color: #FFFFFF;
}
#column-right .module.alert p {
  margin-bottom: 0;
}

#sitemap {
  text-align: center;
}
#sitemap .columns {
  margin: auto;
  width: 747px;
}
#sitemap .column {
  border-left: 1px dashed #CDCDCD;
  float: left;
  height: 200px;
  text-align: left;
  padding-left: 15px;
  margin-left: 15px;
}
#sitemap .column.first {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
#sitemap .column a {
  color: #999999;
  font-family: tahoma;
  font-size: 11px;  
  line-height: 15px;
}

#footer {
  color: #DDDDDD;
  font-family: tahoma;
  font-size: 11px;
  padding: 5px 0;
  text-align: center;
}
a#km {
  background: url(<?= $ROOT_LOCATION ?>assets/images/layout/korean-gray.gif);
  display: block;
  height: 12px;
  margin: 5px 0 0 0;
  width: 32px;
}

#directions,
#contact-us,
#deacons1,
#deacons2 {
  border: 5px solid #FFFFFF;
  color: #000000;
  text-align: left;
  visibility: hidden;
}
#directions h4 {
  color: #000000;
  font-size: 16px;
}
#directions .small {
  color: #999999;
  font-size: 11px;
}
#map_canvas {
  height: 350px;
  width: 600px;
}

#contact-us {
  color: #CCCCCC;
}
#contact-us .padding {
  background-color: #2C2C2C;
  padding: 7px 10px;
}
#contact-us table {
  width: 150px;
}
#contact-us td {
  font-size: 11px;
  vertical-align: top;
}

#contact-us .divider {
  border-bottom: 1px solid #666666;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
#contact-us .row {
  font-size: 12px;
  margin: 0 0 10px 0;
}
#contact-us .row label {
  color: #FFFFFF;
  float: left;
  font-size: 12px;
  font-weight: bold;
  width: 115px;
}
#contact-us .row label .small {
  color: #999999;
  font-weight: normal;
}
#contact-us .row input {
  float: left;
  font-size: 12px;
  width: 180px;
}
#contact-us input.checkbox,
#contact-us input.radio {
  float: none;
  height: 13px;
  width: 13px;
}
#contact-us .row textarea {
  font-family: arial;
  font-size: 12px;
  width: 180px;
}
#contact-us input.ml115 {
  margin: 0 0 0 115px;
}
#contact-us input.verification {
  margin: 0 0 10px 0;
}
#contact-us #make-contact {
  background-color: #323232;
  border: 1px solid #EEEEEE;
  color: #EEEEEE;
  font-size: 11px;
  font-weight: bold;
  height: 23px;
  margin: 0 0 0 115px;
  padding: 2px 4px;
  _padding: 2px 0;
  text-transform: uppercase;
}

#deacons1 .bd,
#deacons2 .bd {
  display: none;
}

#thankyou {
  background-color: #003355;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  height: 185px;
  padding: 10px 0 0 20px;
  position: absolute;
  top: 0;
  width: 736px;
  z-index: 1;
}
#thankyou p {
  padding-left: 3px;
}