/*
Document   : styleFdu
Created on : 06/03/2010
Author     : viraksun
Description:
This is the CSS style sheet for the project Food Down Under
*/



/*========================= Body Section ===================================*/
body {
    background:#fff;
    color:#000;
    min-width:990px;
    font-family: Arial, sans-serif;
    text-align:center;
    font-size:12px;
}

/*========================= General Container ================================*/
div.container {
    height:100%;
    width:900px;
    margin:0 auto;
    text-align: left;
}

.clear{
    display:inline-block;
}

/*============================= FLAG SECTION ===============================*/
.flagContainer{
    float: left;
    width: 100%;
    height: 110px;
    background: url('../img/styleFooddownunder/flagBg.png') repeat-x;
    margin: 15px 0px 15px 0px;
    padding: 36px 0px 0px 0px;
}
.flagLineContainer{
    float: left;
    width: 80%;
    height: 19px;
    margin:6px 0px 0px 96px;
}


.mainInfoContainer{
    float: left;
    width: 70%;
    border-right: 1px gray dotted;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 15px 0px;
    min-height: 320px;
}
.sideInfoContainer{
    float: left;
    width: 25%;
    padding:10px 15px 0px 15px;
}
.sideListContainer{
    float: left;
    width: 100%;
    border-bottom: 1px gray dotted;
    padding:0px 5px 30px 5px;
    margin: 0px 0px 30px 0px;
}

/*========== ul description for the latest recipes =============*/
.sideInfoContainer ul{
    list-style: disc;
    display: block;
    margin: 0px 0px 0px 25px;
    color:#003663;
    font-size: 14px;
}
.sideInfoContainer ul li{
    margin: 6px 0px 4px 0px;
}
.sideInfoContainer ul li a{
    text-decoration: none;
    color:#003663;
}
.sideInfoContainer ul li a:hover{
    text-decoration: underline;
    color:#003663;
}


/*-- Middle Contaienr --*/
.middlecontainer{
    float: left;
    width: 100%;
    /*background-color: #ff0000;*/
}

/*-- Middle Contaienr --*/
.newsContainer{
    float: left;
    width: 100%;
    background-color: #fff;
    margin:15px 0px 0px 0px;
}
.newsContainer .content{
    float: left;
    width: 100%;
    background-color: #E0E0E0;
    border-top: 1px dotted #003663;
    border-bottom: 3px solid #003663;
    padding: 0px 0px 20px 0px;
}
.newsContainer .content ul{
    list-style-type: disc;
    margin:5px 0px 0px 20px;
    color: #003663;
}
.newsContainer .content ul li{
    font-size: 14px;
    margin:5px 0px 0px 0px;
    line-height: 18px;
}
.newsContainer .content ul li a{
    color: #003663;
    font-weight: bold;
}


/*======================= Header Section ===================================*/
div#headerTop {
    background-color: #8FB93D;
    height:81px;
    width:100%;
}
div#headerBottom {
    background-color: #3E5B07;
    height:50px;
    width:100%;
    border-top: 1px solid #6B8140;
    border-bottom: 1px solid #6B8140;
}
div#navBar {
    background-color: #0090D6;
    height:40px;
    width:100%;
}

.logoContainer{
    float:left;
    width:185px;
    height:109px;
}

/*======================= Footer Section ===================================*/
div#footerTop {
    float:left;
    width:100%;
    height: 48px;
    background-color:#90B83D;
}
div#footerBottom {
    float:left;
    width:100%;
    height: 48px;
    background-color:#fff;
}

.footerTopLogoContainer{
    float: right;
    width: 268px;
    height: 48px;
}


.authorSection{
    float:left;
    width: 400px;
    height: 40px;
    text-align:left;
}

.authorLine{
    width: 160px;
    float: left;
}

.imgCertifContainer{
    width: 90px;
    float: left;
    margin-top: 17px;
}


.certification img{
    float:left;
    margin:0px 0px 5px 6px;
}

.copyrightSection{
    float:left;
    width:210px;
    height:50px;
    margin:15px 155px 0px 0px;
}
.copyrightSection p{ margin:0px 0px 0px 0px; font-size:11px;}
.copyrightSection p a{ color:#fff; text-decoration:underline; }
.copyrightSection p a:hover{ color:#03bfc2; text-decoration:underline; }

.menuFooter{
    /*width:400px;*/
    height:50px;
    margin:19px 0px 0px 0px;
    float:left;
    
}

.menuFooter ul{ color:#fff; font-size:12px;}
.menuFooter ul li{ display:inline; padding-right: 12px;}
.menuFooter ul li a{ text-decoration:none; color:#fff;}
.menuFooter ul li a:hover{ text-decoration:underline;}


/*==========================  Navigation Menu ==============================*/
.menuTop{
    float:right;
    margin:0;
    padding:12px 0px 0px 0px;
    list-style-type:none;
    display:block;
    height:36px;
    font-size:16px;
    line-height: 28px;
    
}

.menuTop li{
    display:block;
    float:left;
    padding:0px 0px 0px 16px;
    font-weight:bold;
    line-height: 28px;
    color: #d0d0d0;
}
.menuTop li .current{
    display:block;
    float:left;
    color: #3E5B07;
    font-weight:bold;
}
.menuTop li a{
    display:block;
    float:left;
    color:#CEFF89;
    text-decoration:none;
    height:26px;
    font-weight:bold;
}
.menuTop li a:hover{
    /*background:#E8E409;*/
    color: #d0d0d0;
    text-decoration: none;
}
.menuTop li a.current,.menuTop li a.current:hover{
    color:#fff;
    /*background:#01222e;*/
}



/*============================= Tool Bar ===================================*/
#toolBar{
    width:940px;
    height:40px;
    padding:8px 0px 10px 0px;
}
.dayTool{
    float:left;
    height:20px;
    background: transparent url(../img/styleBlueClean/dayIcon.png) no-repeat scroll left center;
}

.languageTool{
    width:200px; float:left;
}
.languageTool img{
    margin:0px 0px 0px 3px;
}

.searchTool{
    float:right;
    margin: 10px 0px 0px 0px;
    text-decoration: none;
}
.searchTool .text{
    border-color:#3E5B07;
    border-style:solid none;
    border-width:1px medium;
    color:#8FB93D;
    float:left;
    height:21px;
    font-size:14px;
    padding:4px 0px 0px 5px;
    width:175px;
    text-decoration: none;
}
#searchInputText{ text-decoration: none;}
.searchTool ins { text-decoration: none;}


.searchButton{
     border:none;
     color:#fff;
     background: transparent url('../img/styleFooddownunder/searchLoop.png') no-repeat top left;
     width:31px;
     height:27px;
     text-decoration: none;
}

/*============================= info Section ================================*/
#infoSection{
    width:940px;
    float:left;
    min-height:400px;
}

.halfContainer{
    width:455px;
    float:left;
    margin:0px 15px 20px 0px;

}

.halfContainer img{
    float:left;
    text-align:center;
    border:1px solid #35788d;
    margin:20px 0px 0px 25px;
}

/*========================== Font Writing ===================================*/
.readMore{
    color:#049fa7;
    text-decoration:none;
}
.readMore:hover{
    color:#049fa7;
    text-decoration:underline;
}


p{
    color:#003663;
    font-size: 14px;
    line-height:18px;
    margin:15px 5px 5px 2px;
}

h1{
    width:100%;
    margin: 0px 0px 5px 10px;
    color:#90B83D;
    font-size:24px;
    line-height:26pt;
    text-align: left;
}
h2{
    width:100%;
    margin: 0px 0px 5px 10px;
    color:#90B83D;
    font-size:20px;
    line-height:26pt;
    text-align: left;
}
h3{
    width:100%;
    margin: 20px 0px 5px 0px;
    color:#90B83D;
    font-size:16px;
    line-height:20pt;
    text-align: left;
}


h4{
    font-size:16px;
    color:#fff;
    text-decoration:underline;
    margin:20px 0px 0px 0px;
}

h5{
    margin:3px 7px 0px 22px;
    color:#fff;
    line-height:16px;
    font-size:11px;
}

a{
    color:#90B83D;
}
a:hover{
    color:#049FA7;
}

a img{
    border:none;
}


/*************************   FORM CLASS   ***************************/
.leftFormContainer{
    float: left;
    width: 30%;
}

.rightFormContainer{
    float: left;
    width: 70%;
}
.leftFormContainerContact{
    float: left;
    width: 25%;
}

.rightFormContainerContact{
    float: left;
    width: 75%;
}



.errorMessage p{
    width:80%;
    background: url(../img/styleBlackClean/cancel.png) #e7caca no-repeat scroll left center;
    padding: 3px 0px 3px 40px;
    margin: 10px 0px 0px 10px;
    color:#c53020;
    font-size:12px;
    border:1px solid #6c0b0b;
    line-height:26px;
    float: right;
}