@charset "UTF-8";
/* CSS Document */

/* css resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

a:active {outline:0;}
a img {border:none; background:none;}
img	{vertical-align:middle;}
::-moz-selection {background:#ddd;}

.displace {position: absolute; top:-10000px;}
.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.nowrap {white-space:nowrap;}
p.for-print {display:none;}




body		{background-color:#fff; font-family:"Georgia", "Times New Roman", "Times", serif; color:#333;}
body p		{line-height:1.4em;}


#topline		{z-index:1000; position:fixed; top:0; width:100%; height:5px; background-color:#00b41e; border-bottom:2px solid #c0c0c0;}
#gradient-top		{z-index:1000; position:fixed; top:7px; width:100%; height:20px; background:url(../img/gradient-top.png) center repeat-x;}
#bottom		{z-index:1000; position:fixed; bottom:0; width:100%; height:5px; background-color:#00b41e; border-top:2px solid #c0c0c0;}
#bottom a:hover, #bottom a:active	{background-position:center 6px; background-color:#fff; border:1px solid #009e1a;}
#bottom a:active {margin-bottom:-1px;}
#gradient-bottom	{z-index:1000; position:fixed; bottom:7px; width:100%; height:20px; background:url(../img/gradient-bottom.png) center repeat-x;}

* html #bottom, * html #gradient-bottom	{display:none;}



#wrapper {width:100%; min-width:946px; margin:0 auto 0 auto; padding-top:14px;}

.home h1 {width:668px; height:88px; margin:26px auto 10px auto; background:url(/img/title-large.png) no-repeat center;}
#divider {width:100%; height:7px; margin:0 auto 0 auto; background:url(/img/homeshadow.png) no-repeat center;}
#main	{position:relative; width:780px; margin:0 auto; text-indent:26px; text-align:justify;}
.home #main h2 {width:700px; height:70px; margin:44px auto 40px auto; background:url(/img/homeheading.png) no-repeat center;}
#main a {padding:1px 2px; font-style:italic; font-weight:normal; color: #009e1a; text-decoration:none; border-bottom:1px dotted #fff; -webkit-transition-property:border; -webkit-transition-duration:.15s; -webkit-transition-timing-function:linear;}
#main a:hover {color:#009e1a; text-decoration: none; border-bottom:1px dotted #009e1a;}



/*  links  */
#links		{width:966px; margin:0 auto; padding:46px 0 34px 0;}

#links h2	{text-align:center; font:italic normal 1.8em "Times New Roman", "Times", serif; color:#009e1a; margin:20px auto; padding-right:20px; letter-spacing:1px; text-shadow:none;}
#links h2 span {background:url(/comingsoon/links.gif) center no-repeat; padding:17px 36px 20px 18px;}

#links ul li {position:relative; display:block; float:left;}
#links ul li.commandments	{background:url(/img/homecommandments.png) no-repeat center;}
#links ul li.message	{margin:0 20px; background:url(/img/homemessage.png) no-repeat center;}
#links ul li.gfp	{background:url(/img/homegfp.png) no-repeat center;}

#links li.commandments h3 a {display:block; height:273px; width:250px; padding:16px 28px; background:rgba(255, 255, 255, 0) url(/img/visit-commandments.png) no-repeat -500px; border:1px solid #bbb; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -webkit-transition-property:background; -webkit-transition-duration:.25s; -webkit-transition-timing-function:linear;}
#links h3 a {display:block; height:273px; width:250px; padding:16px 28px; background:rgba(255, 255, 255, 0) url(/img/visit-message.png) no-repeat -500px; border:1px solid #bbb; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -webkit-transition-property:background; -webkit-transition-duration:.25s; -webkit-transition-timing-function:linear;}
#links h3 a {display:block; height:273px; width:250px; padding:16px 28px; background:rgba(255, 255, 255, 0) url(/img/visit-gfp.png) no-repeat -500px; border:1px solid #bbb; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -webkit-transition-property:background; -webkit-transition-duration:.25s; -webkit-transition-timing-function:ease-in; -moz-transition-property:background; -moz-transition-duration:.25s; -moz-transition-timing-function:ease-in;
}
#links li.commandments h3 a:hover {background:#fff url(/img/visit-commandments.png) no-repeat center; background-color:rgba(255, 255, 255, .65); border:1px solid #e6e6e6;}
#links li.message h3 a:hover {background:#fff url(/img/visit-message.png) no-repeat center; background-color:rgba(255, 255, 255, .7); border:1px solid #e6e6e6;}
#links li.gfp h3 a:hover {background:#fff url(/img/visit-gfp.png) no-repeat center; background-color:rgba(255, 255, 255, .7); border:1px solid #e6e6e6;}

#links div.tooltip:hover {display:hidden;}

* html #links li.commandments h3 a:hover, * html #links li.message h3 a:hover, * html #links li.gfp h3 a:hover {background:none;}



/*  copyright  */
cite#copyright {display:block; margin:26px 30px 36px 30px; text-align:center;font-style:italic; font-size:.8em; color:#888;}
#copyright span {background:url(../img/insignia.gif) center no-repeat; padding:17px 33px 20px 17px;}
#copyright a {font-size:1em; color:#777; text-decoration: none; border-bottom:1px dotted #444; -webkit-transition-property:border, color; -webkit-transition-duration:.15s; -webkit-transition-timing-function:linear;}
#copyright a:hover {color:#009e1a; text-decoration: none; border-bottom:1px dotted #009e1a;}



/* for login page */
#login-form {display:block; width:auto; max-width:410px; margin:7% auto 0 auto; padding:10px;}
#login-form h2 {margin-bottom:40px; font:italic 3em Georgia, "Times New Roman", Times, serif; color:#009e1a; text-shadow: 1px 2px 2px #999; text-align:center;}
#login-form p {margin:10px auto; padding-bottom:6px; font:italic bold 1em/2em Georgia, "Times New Roman", Times, serif; color:#009e1a;}
#login-form p label {margin-left:6px;}
#login-form p.remember {margin:10px auto; font:italic normal .9em Georgia, "Times New Roman", Times, serif; color:#666;}
#login-form p {margin:10px auto; padding-bottom:6px;font:italic bold 1em/2em Georgia, "Times New Roman", Times, serif; color:#009e1a;}
#login-form input.round {padding:4px 8px; border:2px solid #ccc; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; background-color:#fff;}
#login-form input.round:focus {border:2px solid #999; outline:none;}