/* CSS Document */

html, body {
margin : 0;
padding : 0;
}
body {
font : 73% Arial,  Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
background : #ffffff; 
color : #555;
}
#wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#masthead {
height:120px;
padding: 5px 0 5px 0;
margin-bottom: 10px;
background: #00467F url(http://drinkthai.com/images/leaflogov2.png) center no-repeat;
}
#container {
width: 800px;
border: 0px solid #aaa;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1.8em;
}
a:link, a:visited {
color : #006699;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #666;
background : inherit;
text-decoration : none;
}


#content {
padding: 1em;
margin: 0 0px 0 0;
background: #00467F;
color : #e7cc2b;}

#sidebar {
float: right;
width: 280px;
margin: 15px 15px 15px 15px;
padding: 0 1em 0 1em;
background:#EBEBEB;
}

#navcontainer {
width : 280px;
margin : 0 0 20px 0;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {text-decoration : none;
display : block;
padding : 3px;
width : 280px;
border-bottom : 1px solid #eee;
background : #D5DBE1;
color : #666;
}
#navcontainer a:link, #navlist a:visited {
color : #666;
background : #D5DBE1;
}
#navcontainer a:hover {text-decoration : none;
background : #C9D2DF;
color : #fff;
}
#footer {
clear: both;
height: 20px;
padding: 0;
margin-top: 20px;
text-align: center;
color: #333;
font-size: 75%;
background: #ffffff url(images/none.jpg) top center no-repeat;
}
h1 {
margin: 0;
padding: 0px 0 5px 5px;
font-size: 160%;
letter-spacing: 1px;
color: #006699;
}
h2 {
margin: 0;
font-size: 160%;
letter-spacing: 3px;
color: #e7cc2b;
}
.right {
float: right;
border: 0px solid #656C4A;
margin: 5px 0 10px 0;
padding: 10px;
}	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #00467F; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

</style>