/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:				mya.CSS
Created:		2007-April-01
Author:			Ben Sheppard
Copyright:	© 2005 - 2008 by GLobal ICT Systems Inc. All rights reserved.
Email:			support@GlobalICTSystems.com
URL:				http://www.GlobalICTSystems.com
Version:		1.0.0
Site:				http://www.MyanmarYouthAssociation.org/cms/

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. 

	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.
	Cheers! - dbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body {
	background-color: #005500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

td, th {
	color: #550000;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	<dbs date="2008-May-11" file="mya.CSS" comment="New Class Defs"> 
	The class defs in this section have been duplicated in the Joomla 
	template_css.css file so that the display on the Joomla! CMS side of the 
	website has a uniform look and feel identical to the static pages..  
	These same class defs have also been copied (duplicated) in the 
	editor_content.css file for an identical display during a web content 
	editing session.
	
	If you wish to change any of the style definitions within this 
	section differently than they are defined within the Joomla 
	template_css.css style sheet, then move them out of this section
	within all three style sheets into one of the sections below it on
	all thress style sheets, to indicate that they are no longer in sync.

	Then make your changes to your moved styles within this file only.
	Your new style definitions will no longer be used to render content 
	on the Joomla! dynamic pages.
	
	NOTE:  Keep the common definitions within this section on all three
	style sheets in sync with each other.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 14px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 5px;
}

h2 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 23px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 11px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 5px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005500;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #550000;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

h6 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: 1px;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
}

a:hover {
	color: #FFFFDD;
	background-color: #005500;
}

.pageHeading {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #550000;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	line-height: normal;
	vertical-align: top;
}

.title {
	color: #005500;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
	text-align: center;
}

.subTitle {
	color: #005500;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
	text-align: center;
}

.paragraphTitle {
	color: #005500;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.newsFlashHeadline {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #550000;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.bulletHeading {
	color: #550000;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.bulletHeading2 {
	color: #005500;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

.ulListLabel {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #005500;
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.emphasizedText01 {
	color: #005500;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
}

.emphasizedText02 {
	color: #550000;
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 2px;
}

.redText {
	color: #CC0033;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.greenText {
	color: #009900;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.orangeText {
	color: #FF6633;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
}

.superscript {
	vertical-align: super;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFEEDD;
	font-size: 7px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
}

.darkRedThinlineBox {
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
}

.darkRedThinlineHeadlineBox {
	background-color: #EEDD88;
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
}

/* BEGIN CONRIBUTE BUTTON STYLE DEFS */
.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 */
}

.contributeButon {
	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*/ 
}

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

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

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

* html a:hover { 
	visibility: visible;
}

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

.contributeButon 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 CONRIBUTE BUTTON STYLE DEFS */

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 </dbs> 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(Assets/LotusBud_bullet-15x15.jpg);
	margin-top: 2px;
	margin-bottom: 14px;
}

li {
	line-height: 15px;
	padding-bottom: 8px;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
	color: 005500;
	white-space: nowrap;
	border: thin none #990000;
}

a.menu:hover {
	background-color: #005500;
	letter-spacing: normal;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: #FFFFDD;
}

a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #005500;
	text-align: center;
}

a.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFDD;
	background-color: #005500;
}

a.button {
	text-decoration: none;
  color: #ff6600;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
	background: url(./Assets/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

a.bannerButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ff3300;
	text-align: center;
	border: 3px double #cccccc;
	width: auto;
	background: url(./Assets/button_bg.png) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
	text-decoration: none;
	letter-spacing: 3px;
	text-transform: none;
	font-variant: small-caps;
}

.menuItem {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
}

.navBar {
	border: 1px outset #990000;
	text-align: center;
	width: 20%;
	background-color: #EEDD88;
	height: 100%;
	vertical-align: top;
}

.headerBox {
	border: 1px outset #990000;
	text-align: center;
	width: 100%;
	color: #005500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.footerBox {
	border: 1px outset #990000;
	text-align: center;
	width: 100%;
	font-size: 9px;
	height: 100%;
	color: #005500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.darkRedThinlineBorder {
	border: thin ridge #990000;
}

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

.outsidePageContainer {
	width: 850px;
}

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

.mainContentContainer {
	border: none;
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005500;
	font-size: 14px;
	height: 100%;
	vertical-align: top;
}

.mainContentBox {
	width: 100%;
	vertical-align: top;
}

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

.rightContentBox {
	border: 1px outset #990000;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-position: center;
}

.wideContentContainer {
	border: none;
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005500;
	font-size: 14px;
}

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

.centerContentBox {
	width: 100%;
	vertical-align: top;
}

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

.bottomContentBox {
	border: 1px outset #990000;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-position: center;
}

td.menu {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
}

td.menu:hover {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
}

td.menu:active {
	text-align: center;
	border: 1px inset #990000;
	height: 20px;
	width: 15%;
}

a.menu:active {
	letter-spacing: normal;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: 005500;
}

.iframeBody {
	background-color: #FFFFDD;
}

.imageContainer {
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.flowerBorder {
	border: thin ridge #990000;
}