/* CSS Document */

body { color: black; font: 14px Arial, Helvetica, sans-serif; line-height: 19px; text-align: center; background: url(../images/bgtile.jpg) repeat center top fixed; }
h1 { font: 31px Arial, Helvetica, sans-serif; }
ul { list-style: disc; margin: 5px 0; }
li { margin: 2px 0 2px 20px; }
a { color: #2f5584; }
a:visited { color: #2f5584; }
a:hover { color: #f49422; }

#wrapper { width: 960px; margin: 0 auto 80px auto; background: url(../images/flowerright.png) bottom right no-repeat; text-align: left; }

#leftside { width: 261px; min-height: 703px; height: auto !important; height: 703px; background: url(../images/leftside.png) no-repeat top left; float: left; position: relative; }
#nav { width: 211px; height: 285px; position: absolute; top: 274px; left: 30px; background: url(../images/nav.png) no-repeat; }
#subscribe_field { background: black; color: white; width: 174px; height: 18px; border: 1px solid white; text-align: center; position: relative; top: 10px; left: 11px; font: italic 12px Tahoma, Arial, Helvetica, sans-serif; padding-top: 4px; }
#subscribepanel { width: 202px; height: 84px; background: url(../images/add.png) no-repeat; position: absolute; top: 580px; left: 40px; z-index: 2000; }
#note { position: absolute; top: 65px; left: 8px; display: none; }

#content { width: 582px; min-height: 703px; height: auto !important; height: 703px; background: white; position: relative; margin-left: 261px; }
#socialicons { width: 77px; height: 361px; background: url(../images/socialicons.png) no-repeat; position: absolute; right: -87px; top: 10px; }
#logo { text-align: center; padding: 20px 0; }
#main { padding: 30px; }
.merchmain { position: absolute; }
#application { color: red; font: 20px Arial, Helvetica, sans-serif; }
#map { float: right; margin: 0 0 10px 10px; }
#arrow { position: absolute; top: 378px; right: 30px; }
#downapp { margin-top: 6px; }
#verses { position: relative; bottom: 20px; }

#libpics a img, #libpics a { border: none; overflow: hidden; float: left; }
#libpics a:hover { border: 3px solid #f49523; }
#libpics a:hover img { margin: -3px; }

.grayleft, .grayright, .whiteleft, .whiteright { width: 220px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; margin-bottom: 15px; position: relative; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; }
.grayleft { background: #f7f7f7; border: 1px solid #efefef; float: left; }
.grayright { background: #f7f7f7; border: 1px solid #efefef; float: right; margin-left: 15px; }
.whiteleft { background: white; border: 1px solid #f2f2f2; float: left; }
.whiteright { background: white; border: 1px solid #f2f2f2; float: right; margin-left: 15px; }
.zoom { position: absolute; top: 165px; left: 165px; }
#braceletdiv { background: #f7f7f7; width: 490px; height: 149px; border: 1px solid #efefef; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; margin-bottom: 15px; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; text-align: right; }
#braceletimg { float: left; }

.merchmain { position: relative; }
.merchmain a img, .merchmain a { border: none; overflow: hidden; float: left; }
.merchmain a:hover { border: 3px solid #f49523; }
.merchmain a:hover img { margin: -3px; }

#footer { width: 582px; height: 46px; background: url(../images/footer.png) no-repeat; position: absolute; bottom: -29px; }



#navflower_hom { width: 62px; height: 63px; position: absolute; top: -7px; left: -25px; }
#navflower_ins { width: 62px; height: 63px; position: absolute; top: 20px; left: -8px; }
#navflower_buy { width: 62px; height: 63px; position: absolute; top: 53px; left: -46px; }
#navflower_lib { width: 62px; height: 63px; position: absolute; top: 92px; left: -28px; }
#navflower_con { width: 62px; height: 63px; position: absolute; top: 120px; left: -19px; }
#navflower_boo { width: 62px; height: 63px; position: absolute; top: 154px; left: 10px; }
#navflower_don { width: 62px; height: 63px; position: absolute; top: 186px; left: -9px; }
#navflower_onl { width: 62px; height: 63px; position: absolute; top: 218px; left: -27px; }

#nav_hom { position: absolute; top: 13px; left: 30px; }
#nav_ins { position: absolute; top: 41px; left: 48px; }
#nav_buy { position: absolute; top: 66px; left: 12px; }
#nav_lib { position: absolute; top: 103px; left: 22px; }
#nav_con { position: absolute; top: 138px; left: 35px; }
#nav_boo { position: absolute; top: 172px; left: 22px; }
#nav_don { position: absolute; top: 203px; left: 49px; }
#nav_onl { position: absolute; top: 235px; left: 29px; }

#sub_sub { position: absolute; top: 38px; left: 79px; }
#sub_inf { position: absolute; top: 41px; left: 53px; }

#soc_w { position: absolute; top: 4px; left: 4px; }
#soc_f { position: absolute; top: 74px; left: 4px; }
#soc_t { position: absolute; top: 145px; left: 4px; }
#soc_y { position: absolute; top: 216px; left: 4px; }
#soc_d { position: absolute; top: 289px; left: 4px; }



#contactform .custominput1, #contactform textarea, #contactform .custominput3 { border: 1px solid #ccf2fd; margin-top: 4px; background: #EEEEEE; color: black; font: 12px Tahoma, Arial, Helvetica, sans-serif; }
#contactform input:focus, #contactform textarea:focus { background: white; }
.custominput1 { width: 250px; padding: 4px 5px; }
.custominput2 { width: 507px; padding: 4px 5px; }
.custominput3 { width: 40px; padding: 1px 5px; }
.button {  cursor: pointer; padding: 5px; background-color: #000099; color: white; font: 12px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; border: 1px solid #ccf2fd; }
.button:hover { background-color: #CEEAFF; color: black; border: 1px solid #CCCCCC; }
.redtext {color: #FF0000; }