ÿþ*

{

    padding: 0px;

    margin: 0px;

}

OL

{

    position: relative;

}

DL

{

    position: relative;

}

* > BODY

{

    background: url(../images/bg/bgMain.jpg) #eff0e8 repeat-x center top;

    font: 11px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, sans-serif;

    text-align: center;

    height: 100%;

}

#wrapper

{

    background-color: #fff;

    min-height: 100%;

    margin: 0px auto;

    width: 785px;

    position: relative;

    text-align: left;

}

#home #header

{

    padding-right: 0px;

    padding-left: 0px;

    padding-bottom: 0px;

    padding-top: 0px;

    height: 280px;

}

#header

{

    background: url(../images/bg/bgHeader.jpg) repeat-x left top;

    position: relative;

    height: 69px;

}

#header H1

{

    position: absolute;

    left: 31px;

    top: 13px;

}

#header H1

{

    display: block;

    background: url(../images/logo.gif) no-repeat 0px 0px;

    width: 154px;

    text-indent: -9000px;

    height: 44px;

}

#header H1 A

{

    display: block;

    background: url(../images/logo.gif) no-repeat 0px 0px;

    width: 154px;

    text-indent: -9000px;

    height: 44px;

}

#menubar

{

    background: url(../images/bg/bgMenubar.gif) no-repeat 0px 0px;

    float: right;

    font-size: 10pt;

    padding: 7px 12px 4px 12px;

    height: 20px;

}

#menubar LI A

{

    color: #666;

    text-decoration: none;

}

#menubar UL LI

{

    list-style-type: none;

}

#menubar UL LI

{

    float: left;

    margin-left: 6px;

}

#menubar UL

{

    display: block;

    float: left;

    color: #d76623;

}

#content

{

    background: url(../images/bg/bgContent.gif) repeat-y;

    height: 100%;

}

#widgetzone

{

    padding: 20px 0;

    min-height: 420px;

}

.content

{

    padding: 0 0 0 5px;

    height: 100%;

    line-height: 1.8;

}

.content UL

{

    margin-top: 20px;

}

.contentWrap

{

    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

    font-size: 10pt;

    border: 1px solid #DBDB79;

    padding: 15px;

    width: 540px;

    margin: 0px auto 5px auto;

}

.contentTitle

{

    background: url(../images/bg/bgContentTitle.jpg) no-repeat center top;

    padding: 6px 15px;

    margin: 0 auto;

    font-size: 9pt;

    font-weight: bold;

    width: 520px;

    vertical-align: bottom;

}

#leftCol

{

    background: #dde4dc url(../images/bg/bgLeft.jpg) repeat-x;

    z-index: 2;

    float: left;

    width: 190px;

    position: relative;

}

#rightCol

{

    background: #ffffff url(../images/bg/bgRightTop.jpg) no-repeat center top;

    float: right;

    width: 595px;

    position: relative;

    padding-bottom: 25px;

}

.clear

{

    clear: both;

    margin-bottom: -1px;

    overflow: hidden;

    height: 1px;

}

#home #menuWrap

{

    padding-top: 0px;

}

#menuWrap P

{

    padding-left: 15px;

    color: #293124;

    line-height: 14px;

}

#contentMiddle .subRight P

{

    padding: 0 5px;

}

.shortcut

{

    font-family: dotum,˳ÀÆ,sans-serif;

    font-size: 10pt;

    padding: 6px 5px 6px 5px;

    color: #2f566b;

    text-align: left;

    line-height: 1.2;

}

.shortcutTitle

{

    background: url(../images/mainBul.gif) no-repeat 5px 6px;

    padding-left: 15px;

    margin-top: 10px;

    padding-bottom: 3px;

    color: #2f566b;

}

.newsletterLink

{

    background: url(../images/icon_pg.gif) no-repeat 5px 3px;

    padding-left: 20px;

    margin-top: 10px;

    padding-bottom: 3px;

    color: #2f566b;

    font-size: 9pt;

}

.newsletterLink a

{

    text-decoration: none;

}

.newsletterLink a:hover

{

    text-decoration: underline;

}

#mapBox

{

    border-right: #e5deb4 1px solid;

    padding-right: 5px;

    border-top: #e5deb4 1px solid;

    padding-left: 5px;

    background: #f4f4d9;

    margin-bottom: 5px;

    padding-bottom: 5px;

    border-left: #e5deb4 1px solid;

    padding-top: 5px;

    border-bottom: #e5deb4 1px solid;

}

#mapBox DIV#mapLink

{

    padding-right: 4px;

    margin-top: 5px;

    padding-left: 4px;

    padding-bottom: 4px;

    padding-top: 4px;

}

#map SPAN

{

    padding-right: 1px;

    padding-left: 1px;

    padding-bottom: 1px;

    padding-top: 1px;

    background-color: #fff;

}

#rightCol UL

{

    list-style-type: none;

}

#rightCol LI

{

    margin-top: 2px;

    padding-left: 22px;

    background: url(../images/mainBul.gif) no-repeat 8px 5px;

}

HR

{

    border-top-width: 0px;

    border-left-width: 0px;

    border-bottom-width: 0px;

    margin: 15px 0px 5px;

    color: #cec495;

    height: 1px;

    background-color: #cec495;

    border-right-width: 0px;

}

.rightText

{

    text-align: right;

}

.hidden

{

    display: none;

    width: 0;

}

.rightBox

{

    border-right: #d6cea0 1px solid;

    padding-right: 10px;

    border-top: #d6cea0 1px solid;

    padding-left: 10px;

    background: #e2e8c4;

    float: right;

    padding-bottom: 10px;

    margin: 0px 0px 8px 8px;

    border-left: #d6cea0 1px solid;

    width: 200px;

    line-height: 17px;

    padding-top: 10px;

    border-bottom: #d6cea0 1px solid;

}

A

{

    border-top-width: 0px;

    border-left-width: 0px;

    border-bottom-width: 0px;

    color: #b73d13;

    border-right-width: 0px;

    text-decoration: underline;

    outline: none;

}

A:hover

{

    border-top-width: 0px;

    border-left-width: 0px;

    border-bottom-width: 0px;

    color: #3d8298;

    border-right-width: 0px;

    text-decoration: none;

}

.pageNav

{

    text-align: center;

    margin: 10px;

}

/********************************* MENU ***********************************/

#menuHead

{

}

#menuFoot

{

    clear: both;

    background: url(../images/bg/bgLeftFoot.jpg) no-repeat left bottom;

    height: 50px;

    text-align: center;

}

#eventsWrap

{

    padding: 0 7px;

}



/* END Menu Styles */

.boardContent

{

    padding: 10px;

    text-align: left;

    height: 100%;

    line-height: 140%;

}

#loginStatus A

{

    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

    color: #f6e09d;

    float: right;

    font-size: 10pt;

    margin-right: 20px;

    margin-top: 45px;

}

#header img

{

    border-style: none;

}

.rightAlign

{

    float: right;

    padding-right: 5px;

    right: 0;

}

/* shows a visual seperation */

.dashedline

{

    border-bottom: 1px dashed #DBCE6A;

    margin: 5px 0;

    clear: right;

}

.replies

{

    text-align: left;

    margin-top: 10px;

    padding-top: 20px;

    background: url(../images/hBorder.gif) repeat-x;

}

.index

{

    float: left;

}

.commentMetaData

{

    margin-left: 20px;

}

.attention

{

    font-weight: normal;

    font-size: 14px;

    color: #de7300;

    padding: 20px 0;

}

.boardControl

{

    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    padding: 0 10px 0 15px;

    width: 560px;

}

.buttonsLeft

{

    text-align: left;

    padding: 1px 0px;

    margin: 5px 0;

}

.buttonsCenter

{

    text-align: center;

    padding: 1px 0px;

    margin: 5px 0;

}

.buttonsRight

{

    text-align: right;

    padding: 1px 0px;

    margin: 5px 0;

}

.prevNext

{

    padding: 20px 0 15px 0;

}

.prevNext a

{

    padding: 2px 7px;

    background-color: #dae5df;

    text-decoration: none;

}

.prevNext span

{

    padding: 2px 2px;

    background-color: #dae5df;

}

/*Modal Popup*/

.modalBackground

{

    background-color: #333;

    filter: alpha(opacity=70);

    opacity: 0.7;

}



.modalPopup

{

    background-color: #fff;

    border-width: 3px;

    border-style: solid;

    border-color: Gray;

    padding: 3px;

    width: 250px;

}

.txtField

{

    width: 250px;

}

.fileField

{

    width: 100%;

}

.errorPanel

{

    background: #f5e9e3 url(../images/error.gif) no-repeat 10px 12px;

    font-family: Verdana;

    border: solid 1px #f2c0a6;

    margin: 15px 0;

    padding: 10px 10px 10px 30px;

}

.infoPanel, .bluePanel

{

    background-color: #e0eafa;

    font-family: Verdana;

    border: solid 1px #c2d3ec;

    margin: 15px 0;

    padding: 10px 10px 10px 30px;

}

.infoPanel

{

    background: #e0eafa url(../images/info.gif) no-repeat 10px 10px;

}

.waitPanel

{

    border: solid 2px orange;

    padding: 4px 5px;

    margin-bottom: 10px;

}

.bulletImage

{

    float: left;

    margin-right: 5px;

}

.XSTextBox

{

    width: 75px;

}

.STextBox

{

    width: 100px;

}

.MTextBox

{

    width: 200px;

}

.LTextBox

{

    width: 300px;

}

.XLTextBox

{

    width: 400px;

}

.commentBox

{

    width: 99%;

    height: 100px;

}

.indent

{

    padding-left: 20px;

}

.fullWidth

{

    width: 500px;

}

/************************************************************************

* Header Styles

************************************************************************/

H1

{

    font-family: Gulim, "Times New Roman" , Times, serif;

}

H2

{

    font-family: Georgia, "Times New Roman" , Times, serif;

    margin-top: 12px;

    font-weight: normal;

    font-size: 16px;

}

H3

{

    font-family: Georgia, "Times New Roman" , Times, serif; /*	padding: 8px 0 0 15px; 	margin-top: 17px; */

    background: url(../images/bg/bgH3.jpg) no-repeat 0px 50%;

    font: 13px Georgia, "Times New Roman" , Times, serif;

    color: #de7300;

    position: relative;

    height: 22px;

}

H4

{

    font-family: Georgia, "Times New Roman" , Times, serif;

    font-weight: normal;

    font-size: 14px;

}

H5

{

    font-family: Georgia, "Times New Roman" , Times, serif;

    font-weight: normal;

    font-size: 12px;

    color: #e7dc7e;

    padding: 10px 0 4px 8px;

}

#h1

{

    font-family: t­¼¹;

}

.boardTitle

{

    font-weight: bold;

    font-size: 18px;

    color: #de7300;

    padding: 20px 25px 0px 25px;

}

#pageHeader h1

{

    font-size: 18pt;

    font-family: t­¼¹;

}

#contentMiddle H2

{

    font: bold 17px Georgia, "Times New Roman" , Times, serif;

    color: #2f566b;

    padding-bottom: 4px;

    border-bottom: #2f566b 1px solid;

}

#contentMiddle H4

{

    font: 14px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, sans-serif;

    color: #3d8298;

}

#footer

{

    background: url(../images/bg_footer.jpg) repeat-x;

    padding: 9px 0 0 0;

    position: relative;

    height: 66px;

    bottom: 0px;

    margin: 0;

}

#footer div

{

    padding-right: 20px;

    font-size: 10px;

    margin: 0px auto;

    width: 786px;

    color: #73aac9;

    line-height: 14px;

    text-align: right;

}

#adminMenu

{

    font-size: 11px;

    color: #ffffff;

}

.title

{

    color: #1f5987;

    font-size: 11pt;

    font-weight: bold;

    padding: 7px 0;

}

.subtitle

{

    color: #1f5987;

    font-size: 10pt;

    font-weight: bold;

    padding: 4px 0px;

}

.bulletTitle

{

    background: url(../../images/bullet1.gif) no-repeat 0 8px;

    color: #1f5987;

    font-size: 10pt;

    font-weight: bold;

    padding: 3px 10px;

}

.requiredField

{

    color: Red;

    padding: 0 3px;

}

/************************************************************************

* Login Styles

************************************************************************/

#linkList2

{

    display: none;

}

.LoginTitle

{

    display: none;

}

.LoginLabel

{

    padding-right: 5px;

    width: 70px;

}

.LoginField

{

    text-align: left;

}



.LoginButtons

{

    padding: 10px 0;

}

.LoginLinkButton

{

    background: url(../images/bullet1.gif) no-repeat 0 8px;

    font-size: 8pt;

    padding: 5px 10px;

    color: Blue;

    text-decoration: underline;

}

.LoginError

{

    color: Red;

}

#NewTitle, #ForgotTitle

{

    border: dotted 1px;

    text-align: left;

    padding: 5px;

    margin-bottom: 20px;

}

#ForgotTitle2

{

    border: dotted 1px;

    text-align: left;

    padding: 5px;

    margin-bottom: 20px;

}

#ForgotTitle2 a

{

    color: Blue;

    text-decoration: underline;

}

/*	End Login style */

/************************************************************************

* map styles

************************************************************************/

#mapContent

{

    padding: 0 20px 10px 20px;

}

/*  End map style */

/************************************************************************

* BoardList user control styles

************************************************************************/

.boardList

{

}

/*  End BoardList user control style */

/************************************************************************

* Rollover buttons

************************************************************************/

.buttonsmall, .buttonsmall-ovr

{

    background: url(../images/bg/bgButton.jpg) repeat-x 0 0;

    border: none;

    color: #0e0e0e;

    height: 23px;

    font-weight: normal;

    font-size: 11px;

    padding: 0px 5px;

    cursor: pointer;

    font-family: Gulim, Verdana, Arial, Helvetica, sans-serif;

}

.buttonsmall-ovr

{

    color: #de3700;

}

/************************************************************************

* Plus minus buttons

************************************************************************/

.pm

{

    padding: 0px;

    display: inline;

    float: right;

    margin: 2px 0px 0px;

    width: 26px;

}

.pm A

{

    padding: 0px;

    display: block;

    float: left;

    margin: 0px 4px 0px 0px;

    width: 9px;

    height: 9px;

}

.pm .plus

{

    background: url(../images/buttons.gif) no-repeat -64px 0px;

}

.pm .minus

{

    background: url(../images/buttons.gif) no-repeat -96px 0px;

}

#widgetzone

{

    background: url(../images/bg/bgWidgetTop.jpg) no-repeat 0 0;

}

/************************************************************************

* Birthday Slideshow

************************************************************************/

#slideshow

{

    position: relative;

    height: 100px;

    margin: 10px 10px -10px 10px;

}



#slideshow IMG

{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 8;

}



#slideshow IMG.active

{

    z-index: 10;

}



#slideshow IMG.last-active

{

    z-index: 9;

}