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



/*========================= Body Section ===================================*/
body {
    background:#0072BC;
    color:#a9c9d5;
    min-width:990px;
    font-family: Georgia, arial, sans-serif;
    text-align:center;
    font-size:12px;
}

/*========================= General Container ================================*/
.mainContainer {
    width:800px;
    margin:0 auto;
    text-align:left;
}

.mainContainerImg{
    width:800px;
    float: left;
    background: #0090D6 url(/img/bgBar.png);
    background-repeat: repeat-y;
    min-height: 400px;
}

.mainContainerImgFooter{
    width:800px;
    float: left;
    background: #0090D6 url(/img/bgBar.png);
    background-repeat: repeat-y;
    padding: 0px 0px 20px 0px;
}

.clear{
    display:inline-block;
}

/*========================= Sub Container ================================*/
.smallRoundedContainer{
    float: left;
    width: 154px;
    background-color: blue;
    margin: 0px 0px 0px 18px;
}
.smallRoundedContainer .top{
    float: left;
    width: 154px;
    height: 28px;
    background: url(/img/top.png);
}
.smallRoundedContainer .content{
    float: left;
    background-color: #448CCB;
    width: 146px;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    padding-left: 4px;
}
.smallRoundedContainer .content p{
    color:#fff;
    font-size: 13px;
    line-height:18px;
    margin:15px 5px 5px 2px;
    min-height: 400px;
}
.smallRoundedContainer .bottom{
    float: left;
    width: 154px;
    height: 36px;
    background: url(/img/bottom.png);
}


/*-- Middle Contaienr --*/
.middlecontainer{
    float: left;
    width: 542px;
    background-color: #fff;
    margin: 10px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    min-height: 400px;
}

/*-- 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#header {
    background-color: #0072BB;
    height:122px;
    width:100%;
}
div#navBar {
    background-color: #0090D6;
    height:48px;
    width:100%;
    /*border-bottom: 1px solid #003663;
    border-top: 1px solid #003663;*/
}
div#navBarImg {
    background: #0090D6 url(/img/menuBg.jpg);
    background-repeat: no-repeat;
    height:60px;
    width:800px;
    margin:0 auto;
}




div#mainSplitter{
    background-color: #0072BC;
    height:15px;
    width:100%;
}
div#mainSplitterImg{
    background: #0072BC url(/img/mainSplitter.png);
    background-repeat: no-repeat;
    height:15px;
    width:800px;
    margin:0 auto;
}

div#rightBorder{
    float:left;
    background: url(/img/rightBorder.png);
    width: 47px;
    height:381px;
    margin: 0px 0px 0px 19px;

}


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

/*======================= Footer Section ===================================*/
div#footer {
    margin:0px 0px 0px 0px;
    float:left;
    width:100%;
}

.footerBox{
    width: 700px;
    background-color: #E0E0E0;
    border-top: 1px dotted #003663;
    border-bottom: 3px solid #003663;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 50px;
}
.footerBox ul{
    list-style-type: disc;
    margin:5px 0px 0px 20px;
    color: #003663;
}
.footerBox ul li{
    font-size: 14px;
    margin:5px 0px 0px 0px;
    line-height: 18px;
}
.footerBox ul li a{
    color: #003663;
    font-weight: bold;
}

.certification{
    float:right;
    width: 128px;
    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 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:15px 0px 0px 0px;
    float:left;
}

.menuFooter ul{ color:#fff; font-size:11px;}
.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;
}
.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;
}


.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:#003663;
    font-size: 14px;
    line-height:18px;
    margin:15px 5px 5px 2px;
}

h1 , h2{
    width:100%;
    margin: 0px 0px 5px 10px;
    color:#0072BC;
    font-size:24px;
    line-height:26pt;
    text-align: left;
}

h3{
    background: url(../img/styleBlueClean/h3Bg.png) no-repeat scroll left center;
    width:440px;
    padding: 16px 0px 10px 50px;
    color:#fff;
    font-size:24px;
    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:#003663;
    font-weight: bold;
}
a:hover{
    color:#049FA7;
}

a img{
    border:none;
}


/********************************  MENU LIST JQUERY ***************************/
#jsddm{
    margin: 0px 0px 0px 20px;
    padding: 4px 0px 0px 0px;
    width: 100%;
    font-family: arial;
    
}

#jsddm li{
    float: left;
    list-style: none;
    font-size: 16px;
    line-height: 34px;
    margin-left: 4px;
    
}

#jsddm li a{
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    color:#fff;
    white-space: nowrap;
    font-weight: bold;
}

#jsddm li a:hover{
    /*border-bottom: 1px solid #fff;*/
    /*border-top: 1px solid #00456F;*/
    color: #003663;

}

#jsddm li ul{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 5px solid #00456F;
}

#jsddm li ul li{
    float: none;
    display: inline;
    line-height: 24px;
    font-size: 14px;
    margin: 0;

}

#jsddm li ul li a{
    width: auto;
    background: #0072BC;
    color:#fff;
    /*border-right: 1px solid white;*/
}

#jsddm li ul li a:hover{
    background: #004A80;
    color:#fff;
}

/************************* AUTHOR SECTION **************************************/
.authorSection{
    float: left;
    width: 700px;
    height: 20px;
    text-align: left;
    margin: 15px 0px 0px 50px;
}
.authorSection .authorLine{ float:left; width: 150px;}
.authorSection p{ margin: 0; padding: 0; color: #00456F; text-decoration: none;}
.authorSection p a{text-decoration: underline; color: #00456F; border: none;}
/*.authorSection p a img{border: none; line-height: 25px;}*/
.authorSection .imgCertifContainer a img{border: none; line-height: 25px;}
.authorSection .imgCertifContainer { float: right; margin: 0px 0px 0px 3px;}