/*----------------------------------------------------------------------
    General
----------------------------------------------------------------------*/
  body 
  {
    height: 100% !important;
    margin: 0pt;
    padding: 0pt;
    display: block;
    line-height: 1.5em;
    line-height: 15px;
    text-align: left;    
    font-size: 1em;
    font-size: 15px;        
    font-family: arial;
  }
/* Links */
  body a 
  {
    color:/* %siteLinkColor% */ #2B340B;
    color: #006600;
    color: #210d8f;
    color: #1d0379;
		text-decoration: underline;
		font-size: 15px;		
  }
  body a:link
  {
    color: #016703;
    color: #210d8f;
    color: #1d0379;
  	text-decoration:underline;
  	font-size: 15px;
  }
  body a:visited
  {
    color: #4d0ea1;
    font-size: 15px;
  }

  body div
  { /* I only took div from long list */
    line-height: 1em;
    line-height: 15px;
  }

  /* Margins */
  body 
  {
/*    background-color: white; */
/*    background-color: #030541; */
    background-image: url(http://worldtaichiday.org/Elements/wtcqdSchoolBackground_grey.jpg); 
 /*    background-image: url(http://tristar233.webcrossing.com/fimages/skins/Nature/Trees/images/body.png);
    background-image: url(http://worldtaichiday.org/sandbox/Elements/bluesolarflareLargerLighter2.jpg); 
    background-color: #222211;
    background-repeat: repeat;  
    color: #96b451; 
 */

    color: #050f6a;
    color: #030541;
  }

  h2
  {
    font-size:21px;
    line-height: 21px;
  }
  .hdrMenu, .hdrMenu a, .hdrMenu a:link, .hdrMenu a:visited 
  {
    font-size: 10px;
    font-weight: bold;
    color: #030541;    
  }
  .hdrMenu a:hover
  {
    color: #4d0ea1;  
  }
  .small
  {
    font-size: .75em;
    font-size: 10px;
  }
  
  #four_column_list ul li
  {
  	list-style-type: none;
  	float: left;
  	width: 25%;
  }
  
  .error 
  {
    color: red;
    font-weight: bold;
  }
  .green 
  {
    background-color: #3c3;
    text-align: center;
  }
  .red, .red p
  {
    background-color: #F9C;
    text-align: center;
  }  
  .notebox
  {
    color: blue;
    font-weight: bold;
    background: paleGoldenRod;
    width:700px;
    text-align: center;
    /*padding:10px;*/
    margin-left: 100px;
    
  }
  .note
  {
    color: blue;
    font-weight: bold;
  }  
  .alert, .alert p
  {
    color: darkred;
    font-weight: bold;
    text-algin: left;
    font-size: 1em;
    font-size: 15px;
    line-height: 1.1em;
    line-height: 15px;
  }  
  .instructions
  {
    color: black;
    font-size: .75em;
    font-size: 10px;
  }
  .requiredField
  {
    color: red;
    font-weight: normal;
    font-size: .85em;
    font-size: 12px;
    font-style: italic;    
  }
  #list li
  {
    list-style-type: decimal;
    margin-left: 5pt;
  }
  #list_disc li
  {
    list-style-type: disc;
  }
  #list_sub li
  {
    list-style-type: decimal;
    margin-left: 5pt;
  }
  #list_disc_sub li
  {
    list-style-type: disc;
  }  
  
  table#Report 
  { 
    background: #F0EBE5;
    font-size: .90em;
    font-size: 12px; 
  }
  tr#ReportHeader
  { 
    background: grey;
    font-weight: bold; 
  }
  tr#ReportHeader th 
  {     
    text-align: left; 
  }
  tr#ReportHeaderR1 
  { 
    font-weight: 
    bold; 
  }
  tr#ReportHeaderR2  
  { 
    font-weight: 
    bold; 
  }  
/*----------------------------------------------------------------------
    Top-Bar & footer
----------------------------------------------------------------------*/
/* when on <div id="mn_bar"> @p0a*/
  #mn_bar
  {
    clear: both;
    float: left;
    min-width: 780px;
    position: relative;
    width: 100%;
    z-index: 999;
    margin: auto;
    background-image:url(http://worldtaichiday.org/Elements/wtcqdSchoolBackground_grey.jpg);
  }


/* when on <div id=#mn_bar_menu> */
  #mn_bar #mn_bar_menu
  { 
 /*   height: 26px;*/
    padding: 1px 5px 0pt 0pt;
    position: relative;
  }
  #mn_bar *
  {
    border: 0pt none;
    color: #FFFFFF;
    color: #030541;
    
    font-family: Arial,Helvetica,FreeSans,sans-serif;
    font_size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
/*    line-height: 100%; */
    line-heigth: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
/*    margin: 3pt 3pt 3pt 3pt;  */
    padding: 0pt 5pt 2pt 0pt;
    max-height: 15pt; 
  }

  /* mn_bar_menu_greeting */
  #mn_bar_menu_greeting
  {
    padding: 0pt 15pt; 
    float: left;
  }

  #mn_bar_right
  {
    float: right;
  }
  #mn_bar_right a:link, #mn_bar_right a:visited
  {
    text-decoration: none;
    font-weight: bold;
  }
  #mn_bar a:hover, 
  #md_foot a:hover
  {
    color: #eff930;
    
  }

  /* bar & Footer */  
  #mn_bar,
  #md_foot 
  {
    background-image:url(http://worldtaichiday.org/Elements/wtcqdSchoolBackground_grey.jpg);  	
  }
  #md_foot
  {
    text-align: center;
    line-height:1.5em;
    padding-bottom:15px;
    clear:both;
  }
  #md_foot,
  #md_foot a 
  {
    color: #030541;
    font-weight:bold;
  }



/*----------------------------------------------------------------------
    Main Body Div
----------------------------------------------------------------------*/
#md {
    background-color: rgb(160,254,254);
    background-image: url(http://worldtaichiday.org/Elements/wtcqdSchoolBackground.jpg);
    background-repeat: no-repeat; 


/*    background-color:/* %headBgColor% */ #96B451; */
/*    background-color: rgb(92,159,211); */
/*    background-image: url(http://worldtaichiday.org/Elements/bluesolarflareLargerLighterABT.jpg); */


}

#md {
  clear: both;
  margin: auto;
  text-align: left;
  width: 955px;
  width: 995px;
  width: 987px;
}

/*----------------------------------------------------------------------
    Header
----------------------------------------------------------------------*/
  #md_head 
  {
    clear: left;
  }

  #md_mastheadLeft, #md_mastheadMiddle, #md_mastheadRight,
  #md_mastheadLeft a, #md_mastheadMiddle a, #md_mastheadRight a 
  {
    color:/* %pageHeaderTextColor% */ #FFFFFF;
  }

  #md_headTitle_small
  {
    font-size: 18px;
    padding-left: 25px;    
  }
  
  #md_headTitle
  {
    font-size: 25px;
    line-height: 27px;    
    padding-left: 55px;
  }
  
  #md_mastheadLeft, #md_mastheadmiddle, #md_mastheadRight
  {
		padding:0 0 10pt 0;  /* This will push the nav buttons down */

	}
	#md_mastheadLeft a, #md_mastheadMiddle a, #md_mastheadRight a 
  {
		text-decoration:none;
	}
	#md_mastheadLeft p#md_sitename , #md_mastheadMiddle p#md_sitename , #md_mastheadRight p#md_sitename 
  {
		margin:0;
		/*padding:0.2em 0 0 15px;*/
		font-size:3em;
	}
	#md_mastheadLeft p#md_sitedesc , #md_mastheadMiddle p#md_sitedesc , #md_mastheadRight p#md_sitedesc 
  {
		margin:0;
		font-size:1.4em;
		/*padding:0 0 0.5em 15px;*/
	} 
  #md_mastheadLeft
  {
    float: left;
  }
  #md_mastheadMiddle
  {
    float: left;
    width:600px;
    color: ligh-blue;
    font-size: 3em;
    padding-top:25px;
    padding-left:15px;
    padding-bottom:25pt;
  }
  #md_mastheadRight
  {
    float: left;
    color: ligh-blue;
    font-size: 3em;
    padding-top:5px;
    padding-left:15px;
/*    background-color: rgb(0,0,153); */
  }
  
  #contactList
  {
    font-size: .75em;
    font-size: 10px;
  }
  #contactList a
  {
    font-size: 13px;
  }  

/*----------------------------------------------------------------------
    Navigation
----------------------------------------------------------------------*/
  html[xmlns] #md_navigation,
  html[xmlns] #md_body,
  html[xmlns] .md_module,
  html[xmlns] .md_module_edit,
  html[xmlns] .md_colgroup,
  html[xmlns] .md_module_head,
  html[xmlns] .md_module_body,
  html[xmlns] .md_module_foot,
  html[xmlns] dl.vcard,
  html[xmlns] .easyclear 
  {
    /*display: block; removed to fix display on admin center*/
  }
  
  #md_navigation
  {
    clear: both;  
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    float: left;
    width: 100%; 
  }
  #md_navigation,
  #md_body,
  .md_module,
  .md_module_edit,
  .md_colgroup,
  .md_module_head,
  .md_module_body,
  .md_module_foot,
  dl.vcard,
  .easyclear 
  {
  	/*display:inline-block;*/  /* had to delete because in IE, module_head H2 fields were being displayed to the left of the body... */
  	height:1%;  	
  }

/* taken when on <ul> @p0a*/
  #md_navigation ul
  {
    margin: 0pt 1em;
  }
	#md_navigation ul {
		margin:0 1em;
	}
/* taken when on <li> @p0a*/
  #md_navigation ul li 
  {
	  float:left;
		margin:0 0 0 3px;
		font-weight:bold;
  }
  ul li
  {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
  } 
  li, dt, dd
  {
    font-size: 1em;
    font-size: 15px;
    margin-bottom: 0.4em;
  }
  body li
  { /* I only took li from a long list of item listed in firebug @p0a*/
    line-height: 1.5em;
    line-height: 20px;
    padding: 0pt;
  }
/* taken when on <a> @p0a*/
	#md_navigation ul li a,
	#md_navigation ul li span {
		display:block;
		padding:0 0.5em; 
		font-size:1.1em; line-height:2.0em;
		text-decoration:none;
    color: #2b340b;
	}

  #md_navigation ul li a
  {
    background-color: #96B451; /* tab color */
  }

  #md_navigation body a 
  {
    color: #2b340b;
  }

  #md_navigation a:link { 
  	font-weight: bold; 
	  text-decoration: none; 
  	color: #2B340B;  /*.md@p0c*/
	}
  #md_navigation ul li.this a, 
  #md_navigation a:hover, a:active 
  { 
	  color: #DDEEFF;
    background: #2b340b;
  } 


  /* Navigation Submenu toolbar */  
  #md_navigation_submenu
  {
    background-color: transparent !important; 
    border-bottom: 1px solid;
    color: #2b340b;
    clear: both;  
    padding-bottom: 0.3em;
    float: left;
    width: 100%; 
  }
  #md_navigation_submenu ul li 
  {
	  float:left;
		margin:1em 0 .5em .2em;
		font-weight:bold;
  }
  #md_navigation_submenu a, #md_navigation_submenu a:link,

  #md_navigation_submenu ul li a
  {
    background-color: transparent !important;
    font-size: 1.1em;
    text-decoration: none;
    color: #ddeeff;
  }
  #md_navigation_submenu a:hover, #md_navigation_submenu a:active
  {
    color: #EFF930;
  }
  #md_navigation_submenu ul li.left
  {
	  float:left;
		margin:1em 0 .5em 1.5em;
		font-weight:bold;
  }
  #md_navigation_submenu ul li.right
  {
    float: right;
    font-size: 1.5em;
    margin: 1em .5em 0 0;
  }
  #md_navigation_submenu ul li.rightsmall
  {
    float: right;
    font-size: 1em;
    margin: 0em .1em 0 0; 
  }
  #md_navigation_submenu ul li.rightsmall_oneline
  {
    float: right;
    font-size: 1em;
    margin: 1em .1em 0 0; 
  }
  #md_navigation_submenu ul li.right a, 
  #md_navigation_submenu ul li.rightsmall a,
  #md_navigation_submenu ul li.rightsmall_oneline a
  {
    color: orange;
  }
  #md_navigation_submenu ul li.right a:hover, 
  #md_navigation_submenu ul li.rightsmall a:hover,
  #md_navigation_submenu ul li.rightsmall_oneline a:hover
  {
    color: #EFF930;
  }

}

/*----------------------------------------------------------------------
    Main Body Page Display
----------------------------------------------------------------------*/

  #md_body
  {
   *background-color: transparent; 
  }

  #md_body 
  {
    clear: both;
	  min-height:500px;
    height:100%;
    /*padding: 15px 15px 15px 15px; */
    padding-left: 15px;
    padding-bottom: 15px;
	}



  /* Page Title */
  #md_body h1,
  #md_body ul.navigation a,

  /* line divider */
  .trDivide
  {
    border-bottom: 2px solid grey;
  }
  #md_body h1
  {
    line-height: 1em;
  }

/*----------------------------------------------------------------------
	Page specific
----------------------------------------------------------------------*/
  .pageText, .pageText div, .pageText span
  {
    font-size: 1em;
    font-size: 15px;
    line-height: 1.3em;
    line-height: 18px;
  }
  
  .pageText_comment, .pageText_comment div, .pageText_comment span
  {
    font-size: 1.1em;
    font-size: 16px;
    line-height: 1.3em;
    line-height: 18px;
  }  
/*----------------------------------------------------------------------
	Column Constructs
----------------------------------------------------------------------*/
.md_colgroup {
	height:1%;
	clear:left;
	margin-left:0;
  margin-bottom:15px;
}
  .md_2colgroup
  {
    width: 785px;
    float: left;
  }
  .md_3colgroup
  {
    width: 100%;
    float: left;
    padding-bottom: 10px;
  }

.md_1col, .md_2col, .md_3col, .md_4col {
	display:inline;
}

  .md_1col
  {
    width: 450px;
    float: left;
  }  
  .md_2col 
  {
/*    width: 320px; */
    float: left;
    margin-left:30px;
  }
  .md_3col 
  {
  }
  .md_1col_member
  {
    width: 180px;
    float: left;
    font-size: 12px;
    margin-right: 15pt;
  }  
  .md_2col_member
  {
    width: 585px;
    float: left;
    font-size: 15px;
  }      
  .md_1col_admin
  {
    width: 585px;
    float: left;
    font-size: 15px;
  }    
  .md_2col_admin
  {
    width: 225px;
    float: left;
    font-size: 15px;
  }      
  .md_1col_gallery
  {
    width: 330px;
    float: left;
    font-size: 12px;
    margin-right: 15pt;
  }  
  .md_2col_gallery
  {
    float: left;
    font-size: 15px;
  }    
  .md_indexCol
  {
    float:right;
    border: 3px solid gray;
  }
  .md_videoCol, .md_photoCol
  {
    /*width: 385px; */
    width: 49%;
  }
  table#wtcqdIndex td
  {
    height:3.2em;
    height:45px;
    line-height:1.1em;
    line-height:17px;
    text-align: center;
    vertical-align: middle;
  }

/*----------------------------------------------------------------------
	Column Image/Content Protection
----------------------------------------------------------------------*/

/*--------------------------------------------------------------
 Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.md_column {
  float: left;
  margin-right: 5px;
}

  /* The last column in a row needs this class. */
  .md_last, .last-child 
  { 
    margin-right: 0; 
    padding-right: 15px;
  } 

/*----------------------------------------------------------------------
	Module Structure
----------------------------------------------------------------------*/
  .md_module
  {
	  clear:left;
	  margin-bottom:15px;
	  position:relative;
    font-size: 1em;
    font-size: 15px;
    
    display:inline;
  }
	.md_module form {
		clear:left;
	}
  .md_module div
  {
    line-height: 1.2em;
    line-height: 18px; 
  }
  .md_module_head
  {
	/*height:1%;*/

  	height:1.4em;
    height:22px;
  	font-size: 1em;
  	font-size: 15px;
	  position:relative;
	  margin: 0;
	  margin-bottom:25px;
    padding: 0;	
  }
  .notitle 
  {
	padding:3px;
	margin-bottom:1px;
	font-size:0; line-height:0;
  }
  .md_module_head h2, .md_module h2 
  {
    font-size:1.5em;
    font-size:21px;
    line-height: 1.1em;
    line-height: 21px;
    margin: 0;
    padding: 0;
  }
  .md_module_head h3, .md_module h3
  {  
    font-size:18px;
    line-height: 18px;
    margin: 0;
    padding: 0;
  }
  .md_module_body
  {
	  clear:left;
    padding-top:0px; 
	  height:1%;
	  
	  /*display: inline; */
  }
  .md_module_body_fill
  {
    background:#f2f7f0; 
    border: 3px solid gray;
  }

	}

/* .md_module_foot */
.md_module_foot {
	height:1%;
	padding:7px 5px;
	}

/*----------------------------------------------------------------------
    Modules
----------------------------------------------------------------------*/
/* Titlebars: Background & Text */
  .md_module_head,
  .md_module_head a,
  table thead th,
  ul.navigation,
  ul.pagination li.this span 
  {
/*    background-color: #2B340B;
    background-color: #050f6a;
    border-color: #2B340B;
    color: #FFFFFF;
    */
    color: #050f6a;
    color: #030541;
  }
/* Module Body: Background & Text */
.md_module_body,
/*.md_module_body legend,
.md_module_body legend.toggle a,*/
.md_module_foot,
ul.page_tabs li.this {
/*    background-color: #DDEEFF; */
    background-image:/* %moduleBgImage% */  none;
    background-repeat:/* %moduleBgImage_repeat% */  no-repeat;
    color: #333322;
    color: #050f6A;
    color: #030541;
}
/*
table tbody td,
table tbody th {
    border:1px solid /* %moduleBodyBgColor% */ #DDEEFF;
}
*/

/* Module Body: Headings */
.md_module_body h3,
.md_module_body caption {
    color:/* %moduleHeadingColor% */ #333322;
}



/*----------------------------------------------------------------------
    Marquee
----------------------------------------------------------------------*/
  #md_marquee
  {
/*    background-color: #ddeeee;*/
/*    background:#f2f7f0; */
    color: #333322;
    line-height: 1em; 
    line-height: 18px;
    clear: both;
  }
  div#displayMini, displayMini div, div#displayMini a
  {
    font-size: .75em;
    font-size: 10px;
  }
  .listMiniSchools
  {
    /*height: 8em;*/
    line-height: 0em;
  }
  .listMiniSchools img
  {
    vertical-align: middle;
  }

  table#dms, div#dms
  {    
    line-height: 1.25em;
    vertical-align: middle;
    float:left;    
  }
  td#dmsLeftMedium, div#dmsLeftMedium
  {
    border-spacing-left: 10px;
  }
  td#dmsMiddleMedium, div#dmsMiddleMedium
  {
    padding-left: 10px;
    padding-right: 10px;
  }
  span#dmsMiddleSmall
  {
    font-size: .75em;
    font-size: 10px;
  }  
  td#dmsRightMedium, div#dmsRightMedium
  {
    padding-right: 45px;
  }
/*----------------------------------------------------------------------
    Schools
----------------------------------------------------------------------*/

  table#itemSF.searchForm
  {
    width: 100%;
/*    border-spacing:10px; internet explorer didn't recognize this, so used line-height instead*/
    line-height:2.6em;
  }

  .dispSchool
  {
    width: 100%;
    border-spacing:2px;
    line-height:1.2em;
    font-size:.95em;
    clear: left;
  }
  
  .dispEventSchool
  {
    width: 100%;
    border-spacing:2px;
    line-height:15px;
    font-size:12px;
    border-bottom:6px;
  }
  .dispEventSchool a, .dispEventSchool a:link, .dispEventSchool a:visited
  {
    font-size:12px;
  }    
  table#dispSchoolPlatinum, table#dispEventPlatinum
  {
    border: 6px double silver;
    background: #f2f7f0; 
  }
  table#dispSchoolGold
  {
    border: 4px solid gold;
    background: #ffffff;
  }
  table#dispSchoolSilver, table#dispEventBasic
  {
    border: 2px solid silver;
    background: #ffffff;
  }
  table#dispSchoolBasic
  {
    border-bottom: 3px solid silver;
  }

  #schoolDetailsLink ul, #schoolDetailsLink ul li
  {
    list-style-type: none;
  }
  #schoolDetailsLink ul li
  {
    float: left;
  }
  #schoolDetailsLink ul.four-column-list li
  {
    width: 25%;
  }
  #schoolDetailsLink ul li a img
  {
    border: medium none;
    padding-right: 7px;
    vertical-align: middle;  
  }
  
/*----------------------------------------------------------------------
     User Login System
----------------------------------------------------------------------*/
label {
  width: 8em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}
fieldset {
    position : relative;    /* TO help fix IE fieldset background color bleed bug */
    padding-top : 20px;     /* TO help fix IE fieldset background color bleed bug */
    padding-bottom : 15px;  /* TO help fix IE fieldset background color bleed bug */
    display : block;	      /* TO help fix IE fieldset background color bleed bug */
	
  margin: 0 0 1em 0;
  clear: left;
  float: left;
  border: 1px solid #276D0A;
  width: 90%;
  padding: 0.5em 0em 0.5em 0.5em;
  background:#f2f7f0;
}
legend {
    position : absolute;  /* TO help fix IE fieldset background color bleed bug */
    top : -18px;	        /* TO help fix IE fieldset background color bleed bug */

  border: 1px solid #276D0A;
  background-color: #FFF;
  background-image: url(../images/topnav_bg_blue.gif);
  padding: 0px 6px;
  height: 18px;
  margin-top: 0.5em;
}

/*----------------------------------------------------------------------
    Premium Membership Signup/Modify
----------------------------------------------------------------------*/
  #premMemForm
  {
    background: #e1e1e1; 
    padding-left: 20pt;
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-right: 3pt;
    width: 100%; 
    border: 1px solid #2b340b;
  }
  #premMemForm label
  {
    text-align: left;
    width: 100%;
    font-size: .95em;
    font-size: 15px;
  }
  #premMemFormSpecial p
  {
    text-align: center; 
    color: red;
    font-weight: bold;
    padding-bottom: 3pt;
    font-size: 1.1em;
    font-size:16px;

  }
  #premMemFormHeader p
  {
    text-align: left; 
    padding-bottom: 3pt;
    padding-left: 0pt;
    font-size: 1em;
    font-size: 15px;
  }


/*----------------------------------------------------------------------
      Subscriptions
----------------------------------------------------------------------*/
  #txSubscriptionsA_T1, #txSubscriptionsA_T2
  {
   background: #e1e1e1; /* @p0a*/
  }

  .slAccountInfo p
  {
    padding-left: 20pt;
  }
  
/*----------------------------------------------------------------------
      Help Page
----------------------------------------------------------------------*/
  #helpTable
  {
    
  }
  #helpTable tr
  {
    vertical-align: top;
  }  
  .QA, .QA a
  {
    font-size:15pt;
    font-weight:bold;
    text-decoration: none;
  } 
  
/*----------------------------------------------------------------------  
  Paypal Donate
----------------------------------------------------------------------*/  
  .paypalDonate div, .paypalDonate form
  {
    background #ddeeff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding-bottom:3px;
  }  
  
  div.wtcqdContainer 
  { 
    padding:2px; 
    margin: 0px; 
    background: #F2F7F0; 
    border: 1px solid #E4EBF0;    
  }  
  
/*----------------------------------------------------------------------
  Item Thumbnail List @L5A  
----------------------------------------------------------------------*/
#thumbnaillist
{	
	float:left;
	width:100%;	
}
#thumbnaillist td
{ 
  float: left;
  width: 23%;
  text-align:top;
  padding-left:10px;
}
#thumbnaillist td .tl_firstcol
{ 
  padding-left:0px;
}