﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html, body
{
   height: 100%;
   margin: 0;
   padding: 0;
}

body
{
    background-color: #F9F9EF;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    height: 100%;
}



h1
{
    color:#333333;
    font-size:14pt;
    padding:0px;
    margin:0px;
}

.left
{
    float:left;
}

.bodyhead
{
    background-color:#970007;
    height:25px;
}

.container
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
}

.push {
     height: 140px;
     width:800px;
     margin:0px auto;
     background-color:White;
}

.headcontent
{
    height:80px;
    background: #EDEECF url(img/bgHeader.jpg) repeat-x;
}

    .headcontent .content .logo {
        width: 200px ;
        height: 135px ;
        color: #f4f2bd ;
        font-size: 14px ;
        font-family:  Times New Roman;
        background-color:#970007;
        text-align: center ;
        position: absolute ;
        margin-left: -30px ;
        
    }

    .headcontent .content
    {       
        width:800px;
        margin:0px auto;
    }
    
    .headcontent .content .stars
    {
        float:right;
    }

.headribbon
{
    background-color:#F4F2BD;
}

.headribbon .content
{
    height:55px;
    width:780px;
    padding-top: 0px ;
    margin-top: 0px ;
    margin-left: auto ;
    margin-right: auto ;
}

.menu
{
    float:right;
    list-style:none;
    padding-top: 12px ;
    margin-top: 0px ;
}

.menu li
{
    float:left;
    padding: 5px 10px 5px 10px ;
}

.menu .selected
{
    background-color:#FCFCB6;
}

.menu li a
{
    font-size:13pt;
    color:#AA2228;
    text-decoration:none;
    font-weight:bold;
}

.menu li:hover
{
    background-color:#F7EC9A;
}

.page
{
    margin:0px auto;
    width:800px;
    background-color:White;
}

.page .main
{
    padding:20px 10px;
}

.page .main .textcontent
{
    font-size:0.9em;
    color:#595959;
    width: 820px ;
}

.page .main .textcontent img
{
    display:inline;
    float:left;
    padding-right:7px;
    padding-bottom:5px;
}

.page .main .col
{
    width:30%;
    padding:0px 6px;
    border-right:1px dotted #F8E390;
    height:300px;
}

.page .main .panelheader
{
    background-color: #F7EEA3; padding: 10px; border-bottom: 1px solid #E9C662;
}

.page .main .panelcontent
{
    background:#F7EEA3 url(img/panelbg.png) repeat-x;
    height:200px;
}

.page .main a
{
    color:#970007;
}

.page .main a:visited
{
    color:#970007;
}

.page .main .panelcontent .subtext
{
    float:right;width:170px;color:#333333;padding:5px 5px;
}

.footer
{
    background-color:#F4F2BD;
    color:#710106;
    height:210px;
    text-align:center;
    font-size:0.9em;
}

.footermiddle
{
    margin:0px auto;
    width:800px;
    background-color:#F7F5CF;
    height:200px;
    padding-top:10px;
    line-height:20px;
}

.footermiddle a
{
    color:#BE7800;
    border:0px solid white;
}

.footermiddle img
{
    border:0px solid white;
}



/***********************************************/
/* IMAGE GALLERY
/***********************************************/
.galleria{list-style:none;width:400px;padding-top:20px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#photoviewer img
{
    border:0px solid white;
}


/*************************************
  SERVICES
**************************************/
.cater
{
    margin:0px;
    text-align:center;
}

.cater li
{
    list-style:none;
    padding:5px 0px;
    margin:0px;
    border-bottom:1px dotted #970007;
}

/*************************************/
/* CONTACT US
/************************************/
.heading
{
    padding:0.5em 0em 0.5em 1em;
    background-color:#F9F2BB;
    display:block;
    font-weight:bold;
    width:97%;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}



/* -------------------------------------- */
/* FORM ELEMENTS */
/* -------------------------------------- */
fieldset.form
{
    font-size:1.1em;
    margin-right:2em;
    padding-bottom:2.0em;
    border-style:none;
}

fieldset.form legend
{
    padding:0.5em 0em 0.5em 1em;
    background-color:#F9F2BB;
    display:block;
    font-weight:bold;
    width:100%;
}

fieldset.noborder
{
    border-style:none;
}

fieldset.form ol
{
    float:left;
    clear:left;
    margin: 1em 0em 0em 0em;  
    padding: 0em 0em 0em 2em;
    list-style:none;
}

fieldset.form ol li
{
    float: left;  
    clear: left;  
    width: 100%;  
    padding:0em 0em 0.5em 0em;
    margin:0em;
}

fieldset.form ol li input
{
    padding:5px;
    margin:0px;
    width:auto;
    float:none;
            border: solid 1px #cfcc88 ;
    background-color: #f7f5cf ;
    font-weight: bold ;
    font-family: Arial ;
    color: #970007;
	font-size:14px ;
}



fieldset.form ol li  textarea {
    border: solid 1px #cfcc88 ;
    background-color: #f7f5cf ;
    font-weight: bold ;
    font-family: Arial ;
    color: #970007;
	font-size:14px ;
}

fieldset.form ol li span
{
    display:block;
    float:left;
    padding:0.33em 0em 0em 11em;
    width:100%;
}

fieldset.form ol li label
{
    float: left;  
    width: 10em;  
    margin: 0em 1em 0em 0em;
    font-size:1.0em;
}

fieldset.submit
{
    float: none;  
    width: auto;
    border-style:none;
    padding:0em 0em 0em 13.0em;
    margin:0em;
    font-size: 1.1em;
    background-color: transparent; 
}

fieldset.submit input
{
    width:auto;
    float:none;
    padding:0px;
    margin:0px;
    color:White;
    background-color:#970007;
    border:1px solid #900007;
    font-size:14px;
    padding:3px;
}

/* ------------------------------------
 VALIDATION
--------------------------------------*/


.LV_validation_message{
    font-weight:bold;
    margin:0px;
    padding:0px;
}

.LV_valid {
    color:#00CC00;
    background-color:Red;
    padding:0px;
    margin:0px;
    
}
	
.LV_invalid {
    color:#CC0000;
}
    
fieldset.form ol li .LV_valid_field,
fieldset.form ol li input.LV_valid_field:hover, 
fieldset.form ol li input.LV_valid_field:active,
fieldset.form ol li textarea.LV_valid_field:hover, 
fieldset.form ol li textarea.LV_valid_field:active {

}
    
fieldset.form ol li .LV_invalid_field, 
fieldset.form ol li input.LV_invalid_field:hover, 
fieldset.form ol li input.LV_invalid_field:active,
fieldset.form ol li textarea.LV_invalid_field:hover, 
fieldset.form ol li textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
    padding:0px;
    margin:0px;
    width:auto;
    float:none;
}