/* 
Document   : modelStyle
Created on : Apr 2, 2009, 5:27:26 PM
Author     : viraksun
Description:
this is the style for my portal and it will be a model for coming
works under web technologies
*/


html {  background: #07475d; }

/*========================= Body Section ===================================*/
body {
    background:#07475d;
    color:#a9c9d5;
    min-width:990px;
    font-family:"arial","tahoma","lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;
    text-align:center;
    font-size:12px;
}

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

.clear{
    display:inline-block;
}

/*======================= Header Section ===================================*/
div#header {
    background:url(../img/styleBlueClean/bg_header.png) repeat-x;
    border-bottom:1px solid #035779;
    margin-bottom:6px;
    height:109px;
    width:100%;
}

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

/*======================= Footer Section ===================================*/
div#footer {
    background:#013749;
    border-top:1px solid #035779;
    margin:10px 0px 0px 0px;
    height:260px;
    float:left;
    width:100%;
}

.certification{
    float:right;
    width: 200px;
    height: 40px;
    text-align:right;
    margin:15px 0px 0px 0px;
}
.certification img{
    float:left;
    margin:0px 0px 5px 6px;
}

.copyrightSection{
    float:left;
    width:210px;
    height:50px;
    margin:15px 50px 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:15px 0px 0px 0px;
    float:left;
}

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


/*==========================  Navigation Menu ==============================*/
.nav{
    float:right;
    height:36px;
    line-height:16px;
    padding:72px 0px 0px 0px;
}

ul#saturday{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:36px;
    font-size:14px;
    font-weight:bold;
    border-top:1px solid #025a78;
    border-left:1px solid #025a78;
}
ul#saturday li{
    display:block;
    float:left;
    margin:0;
    padding:0px 0px 0px 0px;
}
ul#saturday li a{
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    padding:10px 20px 0 20px;
    height:26px;
    background:#1e4756;
    border-right:1px solid #025a78;
}
ul#saturday li a:hover{
    background:#80a5b1;
    color:#02232e;

}
ul#saturday li a.current,ul#saturday li a.current:hover{
    color:#03b7bb;
    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;
    text-decoration: none;
}
.searchTool .text{
    border-color:#35788d;
    border-style:solid none;
    border-width:1px medium;
    color:#35788d;
    float:left;
    height:18px;
    font-size:12px;
    padding:4px 0px 0px 5px;
    width:175px;
    text-decoration: none;
}


.searchButton{
    border:none;
    color:#fff;
    background: transparent url('../img/styleBlueClean/loopIcon.png') no-repeat top left;
    width:25px;
    height:25px;
}

/*============================= 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:#fff;
    font-size: 15px;
    line-height:18px;
    margin:15px 5px 5px 2px;
}

h1{
    background: url(../img/styleBlueClean/h1Bg.png) no-repeat scroll left center;
    width:945px;
    padding: 20px 0px 10px 50px;
    color:#fff;
    font-size:28px;
    line-height:28px;
}

h2{
    background: url(../img/styleBlueClean/h2Bg.png) no-repeat scroll left center;
    width:100%;
    padding: 16px 0px 10px 50px;
    color:#fff;
    font-size:23px;
    line-height:26px;
    margin:20px 0px 0px 0px;
}

h2 a{
    text-decoration: none;
}

h3{
    background: url(../img/styleBlueClean/h3Bg.png) no-repeat scroll left center;
    width:440px;
    padding: 16px 0px 10px 50px;
    color:#fff;
    font-size:23px;
    line-height:26px;
    margin:20px 0px 0px 0px;

}

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:#fff;
}
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%;
}

.leftFormContainerContact p{
    color: #303030;
}

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

.rightFormContainerContact p{
    color: #303030;
}



.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;
}


.code{
    background-color:#F9F9F9;
    border:1px solid #D0D0D0;
    color:#002166;
    display:block;
    font-family:Monaco,Verdana,Sans-serif;
    font-size:12px;
    margin:14px 0;
    padding:12px 10px;
}
.code p{ color:#002166; font-size: 100%}