/*
Project: Copeca Jet Center
Version: 1.0
Author: Y.O.Morales

TABLE OF CONTENTS FOR THIS CSS FILE:
1. GENERAL (Tag redefinition and styles that apply sitewide)
2. CONTAINER (The box that holds all other layout elements)
3. HEADER
4. NAVBARS (All the navigation bars)
5. CONTENT (The area where the main content is)
7. FOOTER
8. SPECIAL EFFECTS (Classes that are used for 'special effects', 
    like aligning, hiding, 'eye candies', etc.)
9. CAKEPHP CORE (Elements generated by CakePHP's core classes)
*/

/*************** 1. GENERAL ***************/
* {
    margin:0;
    padding:0;
}
body {
    color:#333;
	font:9px Arial, Helvetica, sans-serif;
    background:#333 url('../img/layouts/backimg.gif') repeat center top;
}
h1, h2, h3, h4, h5, h6 {
    color:#5C965D;
    font-family:Tahoma;
    font-weight:bold;
    text-transform:lowercase;
    letter-spacing:1px;
    margin:10px 0;
}
h1 {
    font-size:20px;
}
h2 {
    font-size:18px;
}
h3 {
    font-size:16px;
}
h4, h5, h6 {
    font-size:12px;
}
p {
    text-align:justify;
    margin-bottom:10px;
}
small {
    display:block;
    margin-bottom:10px;
}
ul, ol {
    list-style-position:inside;
    margin:0px 0px 10px 10px;
}
table {
    width:100%;
    text-align:center;
    border-collapse:collapse;
}
    th {
        padding:4px;
        background-color:#5C965D;
    }
        th, th a:link, th a:visited {
            color:#FFF;
            text-decoration:none;
        }
    td {
        padding:2px 4px;
    }
    tr.altrow {
        background-color:#DDD;
    }
a:link {
    color:#51DD14;
}
a:visited {
    color:#333;
}
a:hover {
    color:#999;
    text-decoration:none;
}
a img {
    border:none;
}
acronym, abbr {
    border-bottom:1px dashed #666;
    cursor:help;
}

/*********** 2. CONTAINER ***********/
#container_page {
    width:850px;
    margin:0px auto 40px auto;
    background:#CCC;
}

/*********** 3. HEADER ***********/
#header {
    height:423px;
    background:#333;
}
    #header_top {
        height:118px;
        background:#5F9267 url('../img/layouts/bkg_header_top.jpg') repeat-x left top;
    }
        #header_top #logo {
            float:left;
        }
        #header_top #gas_prices {
            width:300px;
            height:104px;
            float:right;
        }
            #header_top #gas_prices th {
                height:34px;
                font-size:16px;
                text-transform:uppercase;
				padding:0;
                background:transparent url('../img/layouts/fuel_title.jpg') no-repeat center center;
            }
            #header_top #gas_prices td {
            	height:70px !important;
            	height:64px;
                color:#FFF;
                font-size:28px;
                font-weight:bold;
                width:147px;
                background:transparent url('../img/layouts/fuel_price_tab.jpg') no-repeat center center;
            }
    #header_bottom {
        height:305px;
        text-align:center;
        background:#666;
    }
        #header_bottom #container_flash {
            width:821px;
            margin:0 12px;
            border-left:2px solid #353535;
            border-right:3px solid #353535;
        }


/*********** 4. NAVBARS ***********/
#navbar_page {
    clear:both;
    height:25px;
    list-style:none;
    margin:0;
    background:#79C378 url('../img/layouts/bkg_navbar_site.jpg') repeat-x center top;
}
    #navbar_page li {
        float:left;
        display:inline-block;
        height:25px;
        margin-right:-3px;
        background:#C3C3C3 url('../img/layouts/bkg_tabs_site.jpg') repeat-x center top;
    }
        #navbar_page #tab_first {
            width:12px;
			margin:0;
            background:transparent url('../img/layouts/bkg_tab_first.jpg') no-repeat left top;
        }
        #navbar_page #tab_last {
            float:right;
            width:12px;
            margin:0;
            background:transparent url('../img/layouts/bkg_tab_last.jpg') no-repeat right top;
        }
        #navbar_page li a {
            display:inline-block;
            height:19px;
            color:#444;
            font:11px Verdana;
            font-weight:bold;
            font-variant:small-caps;
            letter-spacing:1px;
            text-decoration:none;
            padding:6px 17px 0px 17px; /*The top padding, plus the height, amounts to the 25px of ul and li*/
            border-left:1px solid #B8B8B8;
            border-right:1px solid #939393;
        }
        #navbar_page li a:hover {
            border-left:1px solid #54AD2D;
            border-right:1px solid #479426;
            background:#5DC331 url('../img/layouts/bkg_tabs_hover.jpg') repeat-x center top;
        }
#navbar_admin {
    clear:both;
    list-style:none;
    margin:0;
    padding:6px 30px;
    background:#666;
}
    #navbar_admin li {
        display:inline;
        margin-right:10px;
    }
    #navbar_admin li a {
        color:#000;
        font:11px Verdana;
        font-weight:bold;
        font-variant:small-caps;
        letter-spacing:1px;
    }

/*********** 5. CONTENT ***********/
#content_page {
    min-height:440px;
    font-size:12px;
    line-height:16px;
    padding:40px 30px;
    background:#CCC url('../img/layouts/bkg_content.jpg') repeat-x center top;
}
    #leftColumn {
    	float:left;
    	width:240px;
    }
        #leftColumn img {
            margin-bottom:40px;
        }
    #rightColumn {
        float:right;
        width:520px;
    }
        #rightColumn #googleMap {
            margin-top:20px;
            border:2px solid #333;
        }
    #content_page a:link {
    	color:#026127;
	}
	#content_page a:visited {
	    color:#333;
	}
	#content_page a:hover {
	    color:#999;
	    text-decoration:none;
	}
	
    /* News Section */
    #news {
        float:left;
        width:440px;
        margin-right:20px;
    }
    #gallery_news, #documents_news {
        float:right;
        width:330px;
        margin-bottom:20px;
    }
        #gallery_news img {
            padding:4px;
            border:2px solid #333;
            -moz-border-radius:10px;
            background:#FFF;
        }
    /* Gallery Section */
    #gallery {
        float:left;
        width:98%;
        margin-bottom:20px;
    }
        #gallery .image {
            float:left;
            margin:0 20px 20px 0;
        }
        #gallery img {
            padding:4px;
            border:2px solid #333;
            -moz-border-radius:10px;
            background:#FFF;
        }

    /* Reservations and Contact Sections */
	div.reservations, div.contacts {
		width:700px;
		margin:0 auto;
	}
	#contact_info {
		float:left;
	}
	#ContactAddForm {
		float:right;
		width:425px;
	}
	#ReservationAddForm fieldset, #ContactAddForm fieldset {
	   font-size:11px;
	   text-align:right;
	   width:300px;
	   margin-right:10px;
	}
	#ContactAddForm fieldset {
		width:180px;
	}
		#ReservationAddForm fieldset label, #ContactAddForm fieldset label {
			line-height:0;
			height:10px;
			vertical-align:text-top;
			display:inline;
			margin:0 10px;
		}
		#ReservationAddForm fieldset .input input, #ContactAddForm fieldset .input input {
			width:140px;
		}
		#ReservationAddForm fieldset textarea, #ContactAddForm fieldset textarea {
			width:99%;
		}

/*********** 7. FOOTER ***********/
#footer {
    clear:both;
    height:17px;
    font-size:11px;
    text-align:center;
    padding-top:3px;
    background:#666;
}

/*********** 8. SPECIAL EFFECTS ***********/
.floatLeft {
    float:left;
}
.clearLeft {
    clear:left;
}
.message, div.error div.error-message {
    color:#900;
    font-weight:bold;
    margin-bottom:10px;
    padding:4px;
    border:1px solid #963;
    background:#FFC;
}
div.required {
    color:#5C965D;
    font-weight:bold;
}
/*********** 9. CAKEPHP CORE ***********/
.cake-sql-log {
    width:80%;
    font-size:11px;
    margin:40px auto;
}
.paging {
    width:96%;
	height:20px;
    margin:10px 0;
    padding:4px;
    border:1px solid #5C965D;
    background-color:#DFFFDF;
}
	.paging p {
        float:left;
    }
	.paging a {
        text-decoration:none;
    }
	.paging #numbers {
        float:right;
    }
	    .paging #numbers div {
	        display:inline;
	    }
.form fieldset {
    margin-bottom:10px;
    padding:10px;
    border:1px dotted #5C965D;
}
    .form fieldset fieldset {
        margin-bottom:0px;
        padding:0px;
        border:none;
    }
    .form fieldset legend {
        color:#5C965D;
        font-weight:bold;
        padding:0 4px;
    }
    .form fieldset label {
        display:block;
    }
    .form fieldset input, .form fieldset textarea, .form fieldset select {
        font-size:12px;
        margin-bottom:10px;
        border:1px solid #5C965D;
    }
        .form fieldset input, .form fieldset textarea {
            padding:2px;
        }
        .form fieldset textarea {
            font-family:Tahoma, Arial, sans-serif;
        }
        .form fieldset fieldset input {
            float:left;
            margin-right:10px;
        }