@charset "utf-8";
/* -----------------------------------------------------------------------
 Gaden KhachoeShing Main Stylesheet

   * This document includes the front end css code for Gaden KhachoeShing.
	 * Do not edit css documents in the blueprint folder.
	 * Written by Jason Taylor at Signal US Communications.
----------------------------------------------------------------------- */

/* main elements */
body { background: #f29f34 url('../img/main_body_bg.gif') 0 0 repeat-x; font-family: Georgia, Times New Roman, Times, serif; }
* a:focus, *:focus { outline: none; }
.container { width: 100% !important; margin: 0 !important; padding: 0; }
.siteSpace { width: 968px; margin-right: auto !important; margin-left: auto !important; }

/* header & main nav */
#header { height: 54px; text-align: center; background: url('../img/header_bg.png') 50% 0 no-repeat; margin: 18px 0 0 0; }
#header .headerInside { margin: 0 8px; padding: 4px 0 0 0; }
#mainNav { font-size: 18px; list-style: none; margin: 0; }
#mainNav li { display: inline; text-transform: uppercase; }
#mainNav a { line-height: 50px; text-decoration: none; margin: 0 15px; }
#mainNav a:link, #mainNav a:visited { color: #fee7ae; }
#mainNav a:hover, #mainNav a:active { color: #ffffff; }
#mainNav a.on { color: #fff !important; font-weight: bold; }

/* subnav & logo */
#subnavAndLogo { background: url('../img/content_space_bg.png') 50% 0 repeat-y; }
#subnav { position: absolute; z-index: 100; width: 952px; height: 26px; text-align: center; background: url('../img/trans_white_bg_90.png'); margin: 0; list-style: none; border-bottom: 1px solid #666; visibility: visible; }
#subnav li { display: inline; font-size: 14px; line-height: 22px; margin: 0 10px; }
#subnav li a { text-decoration: none; }
#subnav li a:link, #subnav li a:visited { color: #000000; }
#subnav li a:hover, #subnav li a:active { color: #951d1a; }
#subnav a.on { color: #89171a !important; font-size: 15px !important; font-weight: bold; }
#logoBox { height: 255px; background: url('../img/top_photo_shadow.png') 0 100% repeat-x; margin: 0 8px; border-top: 4px solid #fff; }
#logoBox #topImages { position: relative; list-style: none; margin: 0; }
#logoBox #topImages img { border-bottom: 1px solid #ccc; }
#logoBox #mainLogo { position: absolute; z-index: 100; width: 952px; text-align: center; margin: 90px 0 0 0; }

/* content space */
#contentSpace { min-height: 50px; color: #252525; background: url('../img/content_space_bg.png') 50% 0 repeat-y; }
#contentSpace a:link, #contentSpace a:visited { color: #1A6498; }
#contentSpace a:hover, #contentSpace a:active { color: #252525; }
#contentLeft { float: left; width: 320px; margin: 10px 0 15px 12px; border-right: 1px solid #666; }
#contentLeft span:first-child { display: block; font-size: 11px; line-height: 16px; padding: 0 10px 0 5px; }
#contentLeft p { padding: 0 10px 0 15px; }
#contentRight { float: right; width: 613px; margin: 10px 12px 15px 0; }
#contentRight span:first-child { display: block; font-size: 12px; line-height: 18px; padding: 0 10px 0 0; }
#contentRight p { padding: 0 10px 0 15px; }
#contentRight #col_one { float: left; width: 50%; }
#contentRight #col_one span:first-child { display: block; padding: 0 10px 0 0; }
#contentRight #col_two { float: right; width: 50%; }
#contentRight #col_two span:first-child { display: block; padding: 0 0 0 10px; }
/* special box */
.specialBox { background: url('../img/special_box_bg_middle.png') 0 10px repeat-y; padding-bottom: 10px; }
.specialBox p { margin: 0; padding-right: 25px !important; padding-bottom: 1.5em; }
.specialBox_bot { height: 10px; background: url('../img/special_box_bg_bottom.png') 0 0 no-repeat; }
/* -- */

/* buttons */
.button_sm_red { display: block; width: 160px; height: 24px; text-align: center; line-height: 22px; background: url('../img/button_sm_red.png') 0 0 no-repeat; }
a.button_sm_green { display: block; width: 160px; height: 24px; text-align: center; line-height: 22px; background: url('../img/button_sm_green.png') 0 0 no-repeat; }
a.button_sm_blue { display: block; width: 160px; height: 24px; text-align: center; line-height: 22px; background: url('../img/button_sm_blue.png') 0 0 no-repeat; }
a.button_sm_red:link, a.button_sm_red:visited,
a.button_sm_green:link, a.button_sm_green:visited,
a.button_sm_blue:link, a.button_sm_blue:visited { color: #f8f8ff !important; font-size: 11px; font-weight: bold; text-decoration: none; }
a.button_sm_red:hover, a.button_sm_red:active,
a.button_sm_green:hover, a.button_sm_green:active,
a.button_sm_blue:hover, a.button_sm_blue:active { color: #ffffff !important; text-decoration: underline; }

a.button_lg_red { display: block; width: 250px; height: 36px; text-align: center; line-height: 34px; background: url('../img/button_lg_red.png') 0 0 no-repeat; }
a.button_lg_green { display: block; width: 250px; height: 36px; text-align: center; line-height: 34px; background: url('../img/button_lg_green.png') 0 0 no-repeat; }
a.button_lg_blue { display: block; width: 250px; height: 36px; text-align: center; line-height: 34px; background: url('../img/button_lg_blue.png') 0 0 no-repeat; }
a.button_lg_red:link, a.button_lg_red:visited,
a.button_lg_green:link, a.button_lg_green:visited,
a.button_lg_blue:link, a.button_lg_blue:visited { color: #f8f8ff !important; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
a.button_lg_red:hover, a.button_lg_red:active,
a.button_lg_green:hover, a.button_lg_green:active,
a.button_lg_blue:hover, a.button_lg_blue:active { color: #ffffff !important; text-decoration: underline; }

/* body image and caption */
.imgAndCaption { float: right; margin: 0 0 10px 20px; }
.imgAndCaption img { border: 1px solid #666; }
.imgAndCaption .caption { color: #464646; font-size: 10px; line-height: 12px; font-weight: bold; font-style: italic; background: #ebebeb; margin: 0; padding: 3px 4px; }

/* text */
h1, h2, h3, h4 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 10px 0 15px; }
.underline { border-bottom: 1px solid #666; }
.multiLineHeading { line-height: normal !important; }
h1 { color: #1a6498; line-height: 28px; font-size: 18px; font-style: italic; }
h2 { line-height: 28px; font-size: 14px; }
h3 { color: #1a6498; line-height: 28px; font-size: 14px; }
h4 { color: #1a6498; line-height: 28px; font-size: 14px; }
h5 { color: #1a6498; line-height: auto; font-size: 12px; padding: 0 10px 0 15px; }
h4.underline { margin-left: 5px; padding-left: 10px; border-bottom: 1px solid #888; }
h2.bgRed { width: 271px; height: 32px; color: #fff; background: url('../img/heading_bg_red.png') 0 0 no-repeat; }
h2.bgGreen { width: 271px; height: 32px; color: #fff; background: url('../img/heading_bg_green.png') 0 0 no-repeat; }
h2.bgBlue { width: 271px; height: 32px; color: #fff; background: url('../img/heading_bg_blue.png') 0 0 no-repeat; }

/* footer */
#footer { height: 84px; background: url('../img/footer_bg.png') 50% 0 no-repeat; }
#footer .footerInside { color: #ffcdcd; font-size: 11px; margin: 0 8px; padding: 26px 20px 0 20px; }
#footer a { text-decoration: none; }
#footer a:link, #footer a:visited { color: #ffdddd; }
#footer a:hover, #footer a:active { color: #ffffff; border-bottom: 1px solid #fff; }
#footer .footerLeft { float: left; }
#footer .footerRight { float: right; }

/* misc */
.hidden {	visibility: hidden; }
.visable { visibility: visible; }
.clear { clear: both; }

/* forms */
input[type=button], input[type=submit] { display: block; width: 160px; height: 24px; text-align: center; line-height: 22px; color: #f8f8ff; font-size: 11px; font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; background: url('../img/button_sm_blue.png') 0 0 no-repeat; border: none; cursor: pointer; }
input[type=button]:hover, input[type=submit]:hover { color: #fff; text-decoration: underline; }
.submitButton { padding-top: 10px; }

/* tables */
.listTable { width: 100%; }
.listTable th { height: 40px; vertical-align: top; color: #fff; font-size: 14px; line-height: 35px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; background: none; padding: 0 10px; white-space: nowrap; }
.bgRed th { background: #98201a url('../img/table_heading_bg_red.png') 0 0 repeat-x; }
.bgGreen th { background: #649212 url('../img/table_heading_bg_green.png') 0 0 repeat-x; }
.bgBlue th { background: #1a6498 url('../img/table_heading_bg_blue.png') 0 0 repeat-x; }
.listTable td { padding: 4px 10px; border-bottom: 1px solid #ccc; }

#mailingListForm { font-size: 120%; margin: 20px 0; }
#mailingListForm input[type=text], #mailingListForm input[type=password] { width: 250px; }
#getInvolvedForm { margin: 20px 0; }
#getInvolvedForm input[type=text], #getInvolvedForm input[type=password] { width: 250px; }
#getInvolvedForm textarea { width: 350px; height: 80px; }

/* gallery */
#galleryMainTable { width: 100%; margin: 10px 0 20px 0; }
#galleryMainTable td { text-align: center; padding: 5px; }
#galleryMainTable thead td a { display: block; width: 100%; height: 100%; }
#galleryMainTable thead td a:link, #galleryMainTable thead td a:visited { background: #f8f8ff; border: }
#galleryMainTable thead td a:hover, #galleryMainTable thead td a:active { background: #d1e0ea; border: }

#albumList { list-style: none; }
#albumList li { float: left; text-align: center; margin: 5px 10px 5px 0; overflow: hidden; }
#albumList li a { display: block; width: 100px; height: 74px; text-decoration: none; margin: 0 !important; padding: 0 !important; }
#albumList li a:link, #albumList li a:visited { background: #ebebeb !important; border: 1px solid #d7d7d7; }
#albumList li a:hover, #albumList li a:active { background: #d1e0ea !important; border: 1px solid #1a6498; }
#albumList li img { border: 2px solid #fff; margin-top: 4px !important; }
#albumList li .caption { font-size: 10px; }