/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:				aungzay.CSS
Created:		2007-September-13
Author:			Ben Sheppard - <DBS>
Copyright:	© 2005 - 2007 by GLobal ICT Systems Inc. All rights reserved.
Email:			support@GlobalICTSystems.com
URL:				http://www.GlobalICTSystems.com
Version:		1.0.0
Site:				http://www.aungzay.org

Description:
	This is the CSS (style sheet) governing the look and feel of all 
	Static HTML pages based on this site's (Dreamweaver Template) 

NOTES:
	see <DBS> below for any change documentation...

	Any changes to this file will effect only the Static HTML pages on 
	this website based on the Dreamweaver Template that created them.  
	It will NOT effect the rendering of dynamic content generated by the 
	Joomla! CMS. If you wish make avaliable styles defined here for use 
	by the Joomla! CMS you must copy those stiles into the Joomla! related 
	.CSS files: (template_css.css and editor_content.css)

	I M P O R T A N T - If you are responsible for maintaining this site, 
	Please Read On... Whenever any of the styles below are updated or new 
	styles are created, Please take care to insure any style definations 
	that are similar or even duplicated inside the Joomla! CMS CSS file: 
	template_css.css continue to render in a compatable fashion to the 
	corresponding styles defined here.  Additionally, if you wish to see 
	similar or duplicated styles rendered inside the Joomla! JCE On-Line
	Content Editor, do the same comparisons to the editor_content.css file.
	(Joomla! related .css files are locsated in the Joomla! templates 
	directory) - Cheers! - dbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body {
	background-color: #997733;
	color: #444422;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 14px;
	color: #444422;
	font-family: Arial, Helvetica, sans-serif;
}

td, th {
	color: #444422;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1 {
	color: #116611;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 3px;
	font-weight: normal;
}

h2 {
	color: #664411;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 1px;
}

h3 {
	color: #116611;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 3px;
}

h4 {
	color: #664411;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
}

h5 {
	color: #116611;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: normal;
	letter-spacing: 1px;
}

h6 {
	color: #664411;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000ff;
	text-decoration: underline;
	white-space: nowrap;
}

a:hover {
	color: #E0FFE0;
	background-color: #997733;
	text-decoration: none;
	white-space: nowrap;
	display: inline;
}

a.topMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
	color: #200040;
	font-weight: bold;
	font-variant: small-caps;
	white-space: nowrap;
	display: block;
}

a.topMenu:hover {
	background-color: #664411;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: #EEDDCC;
}

a.newsflash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #664411;
	text-decoration: underline;
	white-space: nowrap;
	display: inline;
}

a.newsflash:hover {
	color: #E0FFE0;
	background-color: #997733;
	text-decoration: none;
	white-space: nowrap;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.leftMenu:link, a.leftMenu:visited {
	display: block;
	background: url(Assets/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: #EEDDCC;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
	font-variant: small-caps;
}

a.leftMenu:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #EEDDCC;
}

a.leftMenu#active_menu {
	color:#EEDDCC;
	font-weight: bold;
}

a.leftMenu#active_menu:hover {
	color: #EEDDCC;
}


/* <DBS> BEGIN NEW CONRIBUTE BUTTON STYLE DEFS 2008-May-19 */
.contributeLyr {
	height: 30px;
	width: 844px;
}

.contributeText {
	position: relative;
	float: left;
	width: 400px;
	height: 40px;
	left: -7px;
	top: 8px;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: right;
	overflow: hidden; /* for IE to hide extra height */
}

.contributeButton {
	position:relative;
	float: left;
	width: 157px;
	height: 30px;
	margin: 0; 
	padding: 0;
	background: url(Assets/contribute.button.green.png) no-repeat;
	overflow: hidden; /* for ie to hide extra height*/ 
}

.contributeButton a {
	display: block;
	width: 157px;
	height: 30px;
	float: left;
	color: #99ff99;
	text-decoration: none;
	overflow: hidden; /* for ie to hide extra height*/
}

.contributeButton a:hover {
	color: #660000;
	background-color: transparent;
}

.contributeButton img { 
	width: 157px; 
	height: 30px; 
	border: 0; 
}

* html a:hover { 
	visibility: visible;
}

.contributeButton a:hover img {
	visibility: hidden;
}

.contributeButton span {
	position: absolute;
	left: 5px;
	top: 7px;
	width: 150px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-align: left;
	cursor: pointer; 
}
/* END NEW CONRIBUTE BUTTON STYLE DEFS </DBS> */


/* <DBS> BEGIN NEW CONRIBUTE FORM STYLE DEFS 2008-June-06 */
.contributeFormLyr {
	height: 50px;
/*	width: 844px; */
}

.contributeFormText {
	position: relative;
	float: left;
	width: 350px;
	height: 40px;
	left: -7px;
	top: 8px;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: right;
	overflow: hidden; /* for IE to hide extra height */
}

.contributeFormButton {
	position:relative;
	float: left;
	width: 170px;
	height: 40px;
	margin: 0; 
	padding: 0;
	overflow: hidden; /* for ie to hide extra height*/ 
}
/* END NEW CONRIBUTE FORM STYLE DEFS </DBS> */


a.junkMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
	color: #664411;
	white-space: nowrap;
	display: block;
}

a.junkMenu:hover {
	background-color: #664411;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: #E0FFE0;
}

a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #200040;
	font-weight: normal;
	font-variant: small-caps;
	text-decoration: underline;
}

a.footer:hover {
	color: #E0FFE0;
	background-color: #200040;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: normal;
	display: inline;
	text-decoration: underline;
	font-weight: normal;
	font-variant: small-caps;
}

/* Invisible Links for testing new things on a site without notifying or alarming users */
a.invisible {
	color: #FFF4CC;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	filter: Chroma(Color=003366);
	vertical-align: -6%;
	list-style-image: url(Assets/green_bullet_15x15.gif);
	margin-top: 2px;
	margin-bottom: 14px;
}

/*
.ulListLabel {
	font-variant: small-caps;
	color: #229922;
	letter-spacing: 1pt;
	font-size: 10pt;
	font-weight: 600;
	width: 300px;
}
*/

address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: small-caps;
}

.orangeText {
	color: #FF6633;
	font-weight: bold;
}

.superscript {
	color: #990000;
	vertical-align: super;
}

.bulletHeading {
	font-variant: small-caps;
	color: #664411;
	letter-spacing: 1pt;
	font-size: 14px;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bulletHeading02 {
	font-variant: small-caps;
	color: #226622;
	letter-spacing: 1pt;
	font-size: 16px;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.emphasizedText01 {
	font-variant: normal;
	color: #664411;
	letter-spacing: 1pt;
	font-size: 13px;
	font-weight: 500;
	font-style: oblique;
}

.emphasizedText02 {
	font-variant: small-caps;
	color: #116611;
	letter-spacing: 1pt;
	font-size: 14px;
	font-weight: normal;
}

.newsFlashHeadline {
	color: #664411;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
}

.darkRedThinlineBorder {
	border: thin ridge #990000;
}

.darkRedThinlineBox {
	background-color: #FFF4CC;
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 13px;
}

.darkRedThinlineHeadlineBox {
	background-color: #F0B002;
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 13px;
}

.iframeBody {
	background-color: #E0FFE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

.jpgRotatorContainer {
	text-align: center;
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #E0FFE0;
}

.outsidePageContainer {
	width: 850px;
	background-color: #997733;
}

.insidePageContainer {
	width: 93%;
	vertical-align: middle;
	position: static;
	background-color: #997733;
}

.headerBox {
	border: 1px outset #660000;
	text-align: center;
	width: 100%;
	background-color: #E0FFE0;
}

.topNavBar {
	border: 1px outset #660000;
	text-align: center;
	width: 100%;
	background-color: #44AA44;
}

.topMenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF99;
	text-align: center;
	border: 1px outset #990000;
	width: 9%;
	height: 20px;
}

.leftNavBarContainer {
	width: 10%;
	vertical-align: text-top;
	height: auto;
}

.leftNavBar {
	border: 1px outset #660000;
	text-align: center;
	width: 100%;
	background-color: #E0FFE0;
	vertical-align: top;
	height: auto;
}

.leftNavBarContentBox {
	border: none;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
	background-position: center top;
}

.leftMenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF99;
	text-align: center;
	border: 1px outset #990000;
	width: 15%;
}

.mainBodyContainer {
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
	width: 100%;
	background-color: #E0FFE0;
}

.centerPanelContainer {
	border: none;
	width: 60%;
	font-family: Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
}

.centerContentBox {
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #110033;
	font-size: 13px;
	background-color: #E0FFE0;
}

.rightPanelContainer {
	border: none;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
	background-position: center top;
}

.rightContentBox {
	vertical-align: top;
	width: 100%;
	background-position: left top;
	border: 1px outset #660000;
	text-align: left;
	height: 100%;
}

.bottomPanelContainer {
	border: none;
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
}

.bottomContentBox {
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #110033;
	font-size: 14px;
	background-color: #E0FFE0;
}

.footerContainer {
	border: 1px outset #660000;
	text-align: center;
	width: 100%;
	background-color: #44AA44;
	font-size: 8px;
}

.footerBox {
	text-align: center;
	width: 100%;
	font-size: 8px;
	color: 200040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}