/*** GENERAL RULES ***/
* {

    line-height: 1.25em;
    margin: 0;
    padding: 0;
}
html, body, .page_wrapper {
    height: 100%;
}

body > .page_wrapper {
    height: auto; 
    min-height: 100%;
}

body {
    background: #000 url(site_imgs/body-bg.jpg) no-repeat fixed center;
    color: #fff;
    font-family: "Lucida Sans Unicode" , "Arial Unicode MS" , "Lucida Sans" , "Lucida Grande" ,Verdana,Helvetica,Arial,sans-serif;
    font-size: 85%;
    min-width: 800px;
}

h2 {
    font-size: 2em;
    font-variant: small-caps;
    padding: .1em 1em;
}

h3 {
    line-height: 1.7em;
    margin: 0.4em 0pt 0.5em;
    padding: .1em 3em;
    text-align: justify;
    font-size: 115%;
}

p {
    line-height: 1.7em;
    margin: 0.4em 0pt 0.5em;
    padding: .1em 3em;
    text-align: justify;
}

li {
    list-style-position: inside;
}

ul {
    list-style-position: inside;
}

/*table {text-align:center;}*/

.clear {
    clear: both;
}

.clear_left {
    clear:left;
}

.left {
    float: left;
}

.left-text {
    text-align: left;
}

.right {
    float: right;
}

.red {
    color: #f00;
}

.sm_padding {
    padding: 10px;
}

.padding {
    padding: 25px;
}

.space_vert {
    height: 10px;
}

.space_allSides {
    margin: 10px;
}

.space_sides {
    margin: inherit 10px;
}

.space_topBtm {
    margin: 10px inherit;
}

.calendar {
    margin: 0 auto;
    background: #fff;
    width: 720px;
    height: 520px;
    border: 3px solid #000;
}

.center {
    text-align: center;
}

/*** PAGE HEADER ***/
.site_title {
        background: transparent url(site_imgs/titles/tiffanymoments.png) no-repeat scroll 265px 23px;
        height: 71px;
        text-indent: -4444px;
} 
.title {
    text-indent: -4444px;
    height: 38px;
    margin: 10px 0 -25px;
    }
    .hd_index {
        background: transparent url(site_imgs/titles/welcome.png) no-repeat scroll;
    }
    .hd_difference {
        background: transparent url(site_imgs/titles/why.png) no-repeat scroll;
    }
    .hd_gallery {
        background: transparent url(site_imgs/titles/gallery.png) no-repeat scroll;
    }
    .hd_about {
        background: transparent url(site_imgs/titles/about.png) no-repeat scroll;
    }
    .hd_calendar {
        background: transparent url(site_imgs/titles/calendar.png) no-repeat scroll;
        margin-bottom: -15px;
    }
    .hd_bulletin {
        background: transparent url(site_imgs/titles/bulletin.png) no-repeat scroll;
        margin-bottom: -10px;
    }
    .hd_contact {
        background: transparent url(site_imgs/titles/contact.png) no-repeat scroll;
        margin-bottom: -10px;
    }
            
#masthead {
    padding: 0;
    width: 100%;
    height: 120px;
    min-width: 800px;
    position: relative;
}

#masthead h3 {
    background: #333 url(site_imgs/titles/site_tag.png) no-repeat scroll 345px 6px;
    height: 31px;
    text-indent: -4444px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #bbb;
}

/*** NAVIGATION MENU ***/
#nav {
    background: #ccc url(site_imgs/navbar.jpg) repeat-x scroll 0%;
    font-size: 100%;
    height: 35px;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #000;
    position: relative;
    clear: both;
}

#nav ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 667px;
}
.left_link {
    border-left: 1px solid #000;
}

#spacer {
    clear: left;
}

.spacer {
    clear: left;
}

#nav li {
    width: 110px;
    float: left;
    border-right: 1px solid #000;
}

#nav a {
    color: #000;
    display: block;
    float: left;
    font-weight: bold;
    padding: 9px 0px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

#nav a:hover {
    background: #ccc;
    color: #fff;
}

#nav li ul {
    background-color: #ccc;
    position: absolute;
    width: 110px;
    left: -999em;
    margin-top: 0px;
    width: 160px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#nav li ul li {
    width: 160px;
    border: none;
    font-size: 90%;
}

#nav li ul li a {
    background: transparent url(site_imgs/navbar.jpg) repeat-x scroll 100%;
    width: 150px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

#nav li ul li a:hover {
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto; /*position:fixed;*/
}

.tree_logo {
    margin: 0px;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
}

/*** PAGE CONTENT ***/
#main {
    width: 1000px;
    padding-bottom: 1em;
    margin: 1em auto 40px auto;
}

#main table {
    text-align: center;
    margin: 0 auto;
}

#main table tr td {
    margin: 0 auto;
    text-align: center;
    padding: 2em;
}

#main table tr td img {
    border: 3px solid #000;
    padding: 6px;
    background: #fff;
}

/*** INDEX PAGE ***/
.dragonfly {
    outline: none;
    border: 0px;
    float: right;
    margin: auto 40px 50px 30px;
}

.btn_top {
    margin: 4em 0em .5em 4em; 
}

.btn_right {
    margin: .5em 0em 1em 2em;
}

.btn_left {
    margin: .5em .25em 1em 4em;
}

.gallery-list {
    width: 744px;
    margin: 0 auto;
    clear: both;
}

.gallery-list img {
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 225px;
    border: 1px solid #000;
}

.gallery-list ul {
    padding: 0;
    margin: 0;
}
.gallery-list li {
    list-style: none;
}
.gallery-list ul li ul {
    margin: 5px;
    width: 214px;
}
.gallery-list ul li ul li {
    width: 214px;
    height: 164px;
    text-align: center;
}
.gallery-list .label {
    text-align: center;
    padding: 0;
    margin: 0;
}
.gallery-list a {
    color: #fff;
    text-decoration: none;
}
.gallery-list a:hover, .gallery-list a:active {
    text-decoration: underline;
}

.gallery-wrapper {
    margin: 0 auto;
    width: 684px;
    padding: 5px;
    border: 0px solid #000;
}
.gallery-wrapper img {
    height: 150px;
    max-height: 150;
    max-width: 200;
    margin: 6px;
    border: 1px solid transparent;
}
.gallery-wrapper ul {
    padding: 0;
    margin: 0;
}
.gallery-wrapper li {
    list-style: none;
}
.gallery-wrapper ul li ul {
    margin: 5px;
    width: 214px;
}
.gallery-wrapper ul li ul li {
    width: 214px;
    height: 164px;
    text-align: center;
}
.gallery-wrapper .label {
    border: none;
    background: none;
    height: 1em;
    padding: 0;
    margin: 0;
    border: 2px solid transparent;
    color: #fff;
}
.gallery-wrapper a {
    outline: none;
}
/*** Bulletin ***/

.bulletin {
    width: 700px;
    margin: 0 auto;
}
.bulletin .pstdate {
    margin-left: 100px;
    color: #C35617;
}
.bulletin a {
    color: #C35617;
    text-decoration: none;
}
.bulletin a:hover, .bulletin a:active {
    color: #FF8040;
}
.bulletin .pstlink {  
    margin-left: 100px;  
    margin-bottom: .85em;  
}
.bulletin .pstlink a{  
    color: #777;
}
.bulletin .pstlink a:hover {  
    color: #ccc;
}
.bulletin .pstseporator {
    display: block;
    height: 2px;
    width: 110%;
    background: #555;
    margin: 1.2em 0 2em -5%;
}


/*** About Vi***/
#about_para {
    margin: 30px auto 20px;
}

#about_para div {
    float: right;
}

#about_para img {
    margin: 0.5em 3em;
    padding: .4em;
    float: left;
    background-color: #fff;
    border: 2px solid #000;
}

/*** Contact Us ***/
.contact_box {
    width: 600px;
    background: #fff;
    margin: 0 auto;
    border: 2px solid #000;
    color: #000;
    font-variant: small-caps;
    text-align: left;
    padding: 1em;
}

.contact_box p {
    text-align: right;
}

.contact_box div {
    padding: .4em 0;
}

.button_area {
    float: right;
    padding: 0;
}

fieldset {
    padding: 0pt 1em 1em;
}

legend {
    padding: 1em;
    border: #000;
    font-size: 16px;
    font-weight: bold;
}

label {
    clear: left;
    float: left;
    width: 9em;
}

textarea {
    width: 325px;
    background: #eee;
    border: 1px inset #000;
    font-size: 16px;
}

.contact_box input {
    background: #eee;
    border: 1px inset #000;
    font-size: 16px;
}

.wide_input {
    width: 275px;
}

input:focus, textarea:focus {
    background: #fff;
}

.button {
    font-variant: small-caps;
    width: 6em;
    height: 1.6em;
}

.button:hover {
    border: 2px solid #000;
}

.txtPadding {
    padding: .15em;
}

.progress {
    position: absolute;
    z-index: 999;
    margin-left: -50px;
}

.progress img {
    border: 1px solid #000;
}

/*** FOOTER ***/
#footer {
    position: relative;
	margin-top: -40px; /* negative value of footer height */
    height: 40px;
    clear: both;
    background: #333 no-repeat scroll;
    border-top: 1px solid #fff; /*margin-top:1.25em;*/
}

#footer p {
    text-align: right;
    margin-top: 0.1em;
    margin-bottom: 0;
    padding: 0.5em 10% .5em 0;
}

.push {
    height: 4em;
}

.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 */

/*** USER LOGIN ***/
#logout_control {
    margin: 41px 32px 0 0;
    padding: 2px 24px 6px 0;
    background: #111;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    z-index:3;
}
#logout_control ul {
    margin: .2em 0em 0 1.75em;
}
#logout_control li {
    list-style: none;
}
#logout_control a {
    color: #fff;
    text-decoration: none;
}
#logout_control a:hover {
    color: #aaa;
    text-decoration: underline;
}
#login_wrapper {
    position: absolute;
    top: 83px;
    right: 32px;
}
#login_control input {
    border: 0px solid #fff;
    background: transparent;
    outline: none;
}
#login_control .mdl input {
    margin: 3px 0px 0px;
    padding: 2px 0 0;
}
#login_control h6 {
    margin: 0;
    padding: 75px 0 0 1em;
}
#login_control .lgn {
    float: left;
    background: transparent url(site_imgs/login-imgs.png) top left no-repeat;
}
#login_control .lgn_left {
    background-position: -2px -5px;
    height: 25px;
    width: 11px;
}
#login_control .lgn_user {
    background-position: -5px -33px;
    height: 25px;
}
#login_control .lgn_mdl_left {
    background-position: -16px -5px;
    height: 25px;
    width: 15px;
}
#login_control .lgn_mdl_rght {
    background-position: -2px -5px;
    height: 25px;
    width: 11px;
}
#login_control .lgn_pass {
    background-position: -5px -33px;
    height: 25px;
}
#login_control .lgn_btn {
    background-position: -35px -5px;
    height: 25px;
    width: 40px;
}