/*------------ Myanmar Egress ----------*/
/* -------------------------------------
Web Dev/Designer : Htoo Tay Zar
Web : www.htootayzar.com
email : mail@htootayzar.com
Last Modified : 18/3/2009
XHTML, CSS, Mootools, Design, SEO
Template Design is licensed under Creative Common License & Copy Right by HTZ
Mootools Script & Plug Ins are copy righted by Respective Owners & GNU/GPL License
Content & Photos are copy righted by Myanmar Egress 
_______________________________________*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
		background: #000 url(images/starsbg.gif);
		color: #fff;
		font: 14px "Times New Roman", Times, serif;
		text-align: center;
}
#wrapper {
		background: #fff;
		width: 940px;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 50px;
		color: #000;
		text-align: left;
}
#content {
		float: left;
		background: #fff;
		color: #000;
		width: 565px;
		line-height: 24px;
		padding-left: 30px;
		text-align: justify;

}
ol, ol li {	clear: both;
		list-style: none;
		list-style-position: inside;
		margin-left: 0px;
		color: blue;
}

ol ul li {
		margin-left: 20px;
		list-style: circle;
		list-style-position: inside;
		margin-bottom: 8px;
		text-align: left;
		color: #2a2a2a;
}
.hometext ul li {
		margin-left: 20px;
		list-style-position: outside;
}
.btext {
		color:#0A0;
}
#sidebar {
		float: right;
		background: #fff;
		color: #2a2a2a;
		width: 280px;
		padding-right: 30px;
}

#topround {
		background: #000 url(images/topr.gif) no-repeat bottom center;
		height: 18px;}
#bottomround {
		clear: both;
		background: transparent url(images/bottomr.gif) no-repeat center top;
		height: 11px;
}
#logo {
		background: #fff url(images/egresslogo2.jpg) no-repeat center top;
		height: 85px;
		width: 443px;
		padding: 0 0 0 430px;
		text-indent: -9999px;
}
/*ol ul li {
display: none;
}
ol li {
	display: inline;
}
ol li:hover {
		cursor: pointer;
}
ol:hover ul li, ol:visited ul li, ol:active ul li {
display: block;
cursor: pointer;
}*/

#nav {
		background: #2e2e2e;
		font-size: 16px;
		width: 845px;
		height:32px;
		text-align: center;
		margin-left: 45px;
		margin-bottom: 5px;
}
#nav-left {
		background: #fff url(images/menu-left.jpg) no-repeat;
		width: 17px;
		height: 32px;
		float: left;
}
#nav-right {
		background: #fff url(images/menu-right.jpg) no-repeat;
		width: 17px;
		height: 32px;
		float: right;
}
#nav-bg {
		background:url(images/menu-bg.jpg) repeat-x;
		height: 32px;
}
#nav ul {
		list-style: none;
		text-align: center;
		margin-left: 40px;
}
#nav ul li{
	float:left;
	}
#nav ul li a {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		display: block;
		height: 32px;
		padding: 0 8px 0 8px;
		font: 15px/32px Verdana, Arial, Helvetica, sans-serif;
		text-shadow: 0px 1px 1px #5b5b5b;
}
.thumb {
		float: left;
		margin-right: 5px;
}
i {
		color: red;
}
#invisible {
		display: none;
}
#nav ul li a:hover {
		background: url(images/h4.gif) repeat-x;
		color: #fcff00;
		height: 32px;
}
#banner {
		clear: both;
		background: #fff url(images/banner.jpg) center no-repeat;
		width: 844px;
		height: 224px;
		margin-top: -20px;
		margin-left: 45px;
		margin-bottom: 40px;
}
.heading {
	clear: both;
		background: #fff;
		border-bottom: 1px solid #2cd36d;
		width: 100%;
		height: 24px;
		margin-bottom: 10px;
}
.thumbnail {
		float: left;
		width: 180px;
		height: 136px;
		margin-right: 10px;
}
#content p {
		text-align: justify;
		font: 14px/20px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		text-indent: 50px;
}
#content .hometext ul li{
		list-style: none;
}
#content h2 {
		clear: both;
		font: 18px "Courier New", Courier, monospace;
		color: blue;
		margin: 8px 0 5px 0;
}
#footer {
		clear: both;
		padding: 40px 30px 0 30px;
		width: 880px;
		height: 250px;
		background: #fff;
}
#footer-left, #footer-mid, #footer-right {
		background: #fff;
		margin: 5px 5px 0 0;
		width: 285px;
		color: orange:
}
#footer-left {
		float: left;
}
#footer-mid {
		float: left;
}
#footer-right {
		float: left;
}
.contact {
		margin-left: 40px;
}
.structure {
		color: #0A0;
		font: 16px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
		margin-left: 45px;
		margin-top: 20px;
}
#content ul li {
		list-style: square;
		margin-left: 10px;
}
.name {
		color: #01bded;
		font: 16px/22px Arial, Helvetica, sans-serif;
}
.stext {
		color: #888888;
		font: 15px/20px "Times New Roman", Times, serif;
		margin-left: 65px;
		padding-bottom: 30px;
}
.pad {
		margin-left: 65px;
}
.greytext {
		color: #777;
		font: 14.5px/24px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.blacktext {
		color: #222;
		font: 14.5px/24px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.blacktext b {
		color: #f00;
}
.hometext {
		color: #222;
		text-align: justify;
		font: 13px/22px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
		
.blacktextsmall {
		color: #444;
		font: 11px/18px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.greytext strong {
		font: 15.5 century gothic, Arial, Helvetica, sans-serif;
}
#content .cen {

        margin-left: 80px;
}
h4 {
        margin-top: 20px;
        margin-bottom: 10px;
		color: #555;
		font: 17px/18px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        border-bottom: 1px solid #2cd36d;
        padding-bottom: 3px;
}
#content a {
        color: #1672fd;
		font: 13px/18px "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


#sidebar div {
		margin-bottom: 40px;
		margin-left: 15px;
}

.app {
		margin-left: 15px;
		margin-top: 5px;
}
	/* jQuery lightBox plugin - Gallery style */
	#gallery ul a img{
		border: 1px solid #fff;
}
	#gallery ul a:hover img {
		border: 1px solid #d6d6d6;
}
.full {
		padding: 15px 60px 0 550px;
}
td {
        padding: 5px;
}

/*-----twitter-------*/
#twitter_div {
margin: 0;
padding: 0;
font:italic 24px/22px Georgia, 'Times New Roman', Zawgyi-one, Zawgyi, Times, serif bold; 
font-size: 14px;
background: #fff; 
margin-bottom: 3px;	
}
ul#twitter_update_list {
vertical-align: middle;
list-style: none;
}
ul#twitter_update_list li {	
color: #000000;	
border-bottom: #aaafb2 solid thin;
padding-bottom: 4px;
}
ul#twitter_update_list li a { color: #0000ff;}
#followme {
font:italic 24px/22px Georgia, 'Times New Roman', Times, serif bold; 
font-size: 14px;
list-style: none;
}
#followme a {
margin-top: 5px;
color: #00f;
text-decoration: none;
}
#followme a:hover {
text-decoration: underline;
}
#twitter-link {
text-decoration: none;
}
#twitter-link:hover {
text-decoration: underline;
}
h3.toggler {

	cursor: pointer;

	border: 1px solid #f3f3f3;

	font-family: 'Helvetica', sans-serif;

	font-size: 15px;

	line-height: 25px;

	background: #eee;

	color: #00f;

	margin: 0 0 3px -15px;

	padding: 3px 5px 1px 20px;

}
h3.toggler:hover {
	background: #d2d2d2;
}
#sidebar div .element{
		margin-left: 0;
		margin-bottom: 3px;
}