/*   Web design by Jarret Cooper   */
/*   Version 03.31.2010   */
/*   Copyright 2008 TMAI Traditional Martial Arts International   */




/*    TOP ELEMENTS   */

html
 { height: 100%; }

body 
{ margin: auto;  float: center;  height: 100%; 
align: center;  vertical-align: top;  
font-family: arial, helevetica, verdana, tahoma, sans-serif;  
color: #333333;  
font-size: 12px;  
background: url(images/background-goldshaded.jpg);  
background-position: top center;  
background-color: #A57D50;  
margin: 0px;  padding: 0px; border: 0px;  }




/*    TYPOGRAPHY   */

p, ul, ul li, h1, h2, h3 
{ font-family: arial, helevetica, verdana, tahoma, sans-serif;  
color: #333333;  
font-size: 12px;    
letter-spacing:  0.04em; 
line-height: 1.3em;  }

h6
{ color: #990000;
font-size: 1.1em;
font-weight: bold; }

.googleinput 
{ font-size: 12px;  color: #666666;  text-align: left; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC;}


.googlesearch
 { font-size: 9px; color: #666666;
background-color: #CCCCCC; 
border: 1px solid;  }

p.divider
{ width: 100%;  background: url(images/divider.gif);  background-repeat: repeat-x;  }




/*   IMAGES   */

img
{ border:0; }

img.imgBanner
{ margin: 10px;  }

img.imgFeature
{ margin: 15px;  }

img.imgContent
{ background: #FAFAFA;  
width: 180px;  
padding: 2px;  
border: 1px solid;  
border-top: #DADADA;  border-left: #DADADA; 
border-bottom: #D3D3D3;  border-right: #D3D3D3;  }

img.imgFrontdoorBanner
{ background: #FAFAFA;  
padding: 4px;  
border: 2px solid;  
border-top: #DADADA;  border-left: #DADADA; 
border-bottom: #D3D3D3;  border-right: #D3D3D3;  }



/*    LINKS   */

a, a:visited
{ background: inherit;  color: #BF041B;  text-decoration: none;  }

a:hover 
{ background: inherit;  color: #000080;  text-decoration: none;  }




/*   ALL   */

#container
{ width: 900px;  height: 100%;  float: center; align: center; } 
 




/*   HEADER   */

#header
{ width: 900px;  height: 210px;  align: center;  float: center; 
background: url(http://www.tmaimartialarts.com/images/headerbackground.jpg);  
background-repeat: repeat-x;  
background-position: top center;  }

#banner 
{ width: 100%;  height:  186px;  background: inherit; }

#navbar
{ width: 100%;  height:  24px;  background: clear;  text-align: bottom; }

	#navbar p
	{ color: #FFFFFF;  letter-spacing: 0.1em; line-height: 1em; }

	#navbar a
	{ width: 100px;  font-weight: bold;  text-align: center;  }

	#navbar a, a:visited
	{ background: inherit;  color: #F8F8F8;  text-decoration: none;  }

	#navbar a:hover 
	{ background: inherit;  color: #FFD700;  text-decoration: none;  }

	#navbar img
	{ border:0; margin: 0; padding: 0; }





/*   FRONTDOOR   */

#frontdoor
{ width: 900px;  height: auto;  float: center;  vertical-align: top;  text-align: left;  
background: url(images/contentbackground.jpg);  
background-repeat: repeat-x  repeat-y;  
background-position: top left; }

	#frontdoor p
	{ font-family: arial, helevetica, verdana, tahoma, sans-serif;  
	color: #333333;  
	text-align: left;  
	font-size: 12px;    
	letter-spacing:  0em; 
	line-height: 1.3em;  }



/*   TABLE   */

table, tr, td
{ width: 100%; vertical-align: top;  text-align: left;  background-color: #FFFFFF;  
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px 0px 0px 0px; }

td.tdLeft
{ width: 300px; padding: 25px 25px 25px 25px; 
background: url(http://www.tmaimartialarts.com/images/contentbackground.jpg);  
background-repeat: repeat-x  repeat-y;  
background-position: top left; }

td.tdRight
{ width: 600px; background-color: #FFFFFF; }

td.tdBanner
{ width: 50%; vertical-align: top;  text-align: left;  
background-color: #330000;}

td.tdStandardTopic
{ width: 100%; vertical-align: top;  text-align: left;  
background-color: #F6F6F6; padding: 5px 5px 5px 5px; 
border: 1px 1px 1px 1px; border-style:solid; border-color:#CCCCCC; }

td.tdSpecialTopic
{ width: 100%; vertical-align: top;  text-align: left;  
background-color: #FFD700;  padding: 5px 5px 5px 5px; 
border: 1px 1px 1px 1px; border-style:solid; border-color:#660000; }



/*   FOOTER   */

#footer 
{ width: 900px;  height:  60px;  
background-color: #660000;  text-align: center;  
padding-top: 15px; }

#footer p
{ color: #96A0AB;  
font-size: 9px;  letter-spacing:  0.1em;  line-height: 1.2em;  }

#footer a, a:visited
{ background: inherit;  color: #AF9E8B;  text-decoration: none;  }

#footer a:hover 
{ background: inherit;  color: #FFD700;  text-decoration: none;  }