/* =RESET =YAHOO
------------------------------------------------*/
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; }
a img,img { border:0; }
address,caption,cite,code,em,strong,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; }
abbr,acronym { border:0; }

/* =LAYOUT =STRUCTURE
------------------------------------------------*/
html { font: 14px/160% Verdana, Arial, sans-serif; color: #555; text-align: center; background: #9ccef0 url(default/images/bg.png) repeat-x; padding: 50px 0; }
body {
    color: #333;
    font: 16px/25px Verdana, Arial, sans-serif;
    margin: 0 auto 30px auto;
    width: 980px;
}
#header {
    background-color: #fff;
    float: left;
    height: 145px;
    font-size: 12px;
    text-align: left;
}
#header #logo {
    background-color: #fff;
    float: left;
    height: 110px; /* logo height - remove bg on hover in IE */
    margin: 20px 0 0 0;
    overflow: hidden; /* remove bg on hover */
    text-align: right;
    width: 450px;
}
#header p {
    background-color: #fff;
    float: left;
    display: block;
    padding: 90px 0 0 0;
    text-align: right;
    width: 520px; /* 980 (body) - 450 (logo) - 15px (spacer) */
}
#topmenu {
    background-color: #fff;
    position: relative;
    z-index: 5;
}
.help {
    padding: 2px 18px 2px 0;
    background: transparent url(images/help.gif) no-repeat center right;
}
#footer {
    clear: left;
    padding: 10px 0 0 0;
}
#footer p {
    margin: 10px;
    text-align: center;
    font-size: 12px;
    color: gray; 
}
#footer a {
    margin: 10px;
    text-align: center;
    font-size: 12px;
    color: gray; 
}

/* =BASIC
------------------------------------------------*/
#content {
    clear: both;
    display: block;
    text-align: left;
    width: 980px;
}
.centercontent { padding: 10px 10px 50px 10px; }
#content h1 {
    font-size: 32px;
    margin: 15px 0 40px 0;
}
#content h2 {
    clear: right;
    font: bold 24px/36px Verdana, Arial, sans-serif;
}
#content h2 a { color: #315c88; }
#content h3 {
    font: bold 20px/30px Verdana, Arial, sans-serif;
    padding: 5px 0 20px 0;
}
#content h4, #content h4 a {
    color: #000;
    font: bold 16px/25px Verdana, Arial, sans-serif;
}
#content h5 {
    color: #000;
    font: bold 14px/18px Verdana, Arial, sans-serif;
    text-align: right;
}

/* =LEFT COLUMN
------------------------------------------------*/
#leftcolumn {
    display: block;
    float: left;
    font-size: 14px;
    margin: 0 0 0 0;
    overflow: hidden;
    text-align: left;
    width: 200px;
}
#leftcolumn span {
    color: #804646;
    padding: 0px 0px 0px 0px;
}

/* =MAIN COLUMN
------------------------------------------------*/
#maincolumn {
    display: block;
    float: left;
    text-align: center;
}
#public {
    float: center;
    color: #333;
    background-color: #fff;
    font: 16px/25px Verdana, Arial, sans-serif;
    margin: 0px 10px 10px auto;
}


/* =GENERAL
------------------------------------------------*/
form { background-color: #e9f3fb; padding: 10px; }
label { font-weight: bold; cursor: pointer; cursor: hand; }
.field-label label { display: block; font-weight: bold; cursor: default; }
input { border: 1px solid #b2d1f0; color: #555; font: 26px Verdana, Arial, sans-serif; padding: 2px 3px; }

p { margin: 10px 0 20px 0; }
ol { padding: 0 0 0 20px; }
hr {
    background-color: #b2d1f0;
    border: 1px;
    color: #b2d1f0;
    height: 1px;
    width: 100%;
}
.center { text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }

a         { color: #02876c; font-weight: bold; text-decoration: none;}
a:hover   { color: #000; background-color: #9ccef0;}
a.u       { color: #000; font-weight: normal; text-decoration: underline;}
a.u:hover { color: #000; background-color: transparent; text-decoration: none;}

form { background-color: #e9f3fb; padding: 10px; }
label { font-weight: bold; cursor: pointer; cursor: hand; }
.field-label label { display: block; font-weight: bold; cursor: default; }

input { border: 1px solid #b2d1f0; color: #555; font: 26px Verdana, Arial, sans-serif; padding: 2px 3px; }
.big { height: 125px; }
.error { background-color: #ffefef; border: 1px solid #c00; padding: 15px; }
.clear { clear: both; }
:focus { outline: 0; }
#submit, #reset { float: right; border: 1px solid #3e8ec1; color: #000; background-color: #b2d1f0; font-size: 18px; }

/* =VALIDATION
------------------------------------------------*/
.LV_valid { display: none; }
.LV_invalid { display: block; font-size: 8pt; font-weight: bold; color : #c00; }
.LV_invalid_field, 
.LV_invalid_field:hover, 
.LV_invalid_field:active { border: 1px solid #c00; }
.field-widget { height: 70px; }

/* =LOGIN
------------------*/
login {
    font: 14px/160% Verdana, Arial, sans-serif;
    color: #555;
    text-align: center;
    background: #9ccef0 url(default/images/bg.png) repeat-x;
    padding: 50px 0;
    width: 980px;
}
#login_box { width: 320px; margin: 0 auto; padding: 20px 20px 60px 20px; background: transparent url(default/images/login_bg.gif) 0 0 no-repeat; text-align: left; }
#login_header { text-indent: -9999px; background: #fff url(default/images/login.gif) center center no-repeat; height: 110px; }
#login_box label.rem { display: inline; padding-right: 15px; }
#login_box .rem { margin-top: 10px; float: left; }
#login_box #user, #login_box #pass, #login_box #email, #login_box #code { width: 290px; }
#submit { float: right; border: 1px solid #3e8ec1; color: #000; background-color: #b2d1f0; font-size: 18px; }
.err-msg { width: 60%; margin: 0 auto 50px auto; font: bold 16px/160% Verdana, Arial, sans-serif; color: #000; }
.err-msg h2 { color: #fff; background-color: transparent; font-size: 24pt; font-weight: bold; }
#oops { margin: 50px 0 0 0; }
#oops p { font: 16px/160% Verdana, Arial, sans-serif; color: #000; }
#oops h1 { font-size: 24pt; color: #fff; font-weight: bold; margin-bottom: 40px; }
#oops a { color: #000; text-decoration: underline; }
#oops a:hover { color: #000; text-decoration: none; }

#reset_header { text-indent: -9999px; background: #fff url(default/images/logo.jpg) center center no-repeat; height: 110px; }

/* =REGISTER
------------------*/
#column { font-size: 10pt; width: 550px; margin: 0 auto; padding: 10px; text-align: left; background-color: #fff; }
#column #username,
#column #password,
#column #lname,
#column #email,
#column #dbhost,
#column #dbname,
#column #dbuser,
#column #dbpass,
#column #sitename,
#column #contact { width: 300px; }
#column #code,
#column #mname,
#column #fname { width: 225px; }

#column h1 { text-align: center; padding: 10px; }
#msg { background-color: #fff; padding: 10px; margin: 50px auto 0 auto; width: 500px; }
#msg p { font-size: 10pt; line-height: 12pt; }
.cancel { float: left; }
.field-label { margin: 5px 0 0 0; }
.field-widget { margin: 5px 0 0 0; }

/* =INSTALL
------------------*/
#install { width: 700px; margin: 0 auto; padding: 30px; background-color: #fff; }
#install p { font: 24px/160% Verdana, Arial, sans-serif; }
h1 {  }
h2 { color: #fff; font-weight: bold; background-color: #000; margin: 0; padding: 15px 0 11px 15px; }
form.nofields { background-color: #fff; }
div.dir { float: left; width: 60%; }
div.status { float: left; width: 35%; font-weight: bold; }
.ok { color: #3e8ec1; }
.bad { color: #c00; }
#sections-photo, #sections-board, #sections-book, #sections-calendar, #sections-news, #sections-prayers { border: none; }
.error { font-size: 10pt; line-height: 14pt; color: #f30; }
.info { padding: 10px; background-color: #eee; }
.req { font-size: 8pt; color: #c00; }
#install div.option { float: left; width:45%; padding:10px; font-size: 8pt; }
#install .nbtn { color: #000; padding:10px 25px; background-color: #9ccef0; border: 1px solid #000; }
#install .ybtn { color: #000; padding:10px 20px; background-color: #fff; border: 1px solid #000; }
.progress { border: 1px solid #000; width: 100%; margin: 2px 5px 50px 0; padding: 1px; background: #fff; }
.progress div { background-color: #b2d1f0; height: 12px; }

/* =CLEARFIX
------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */