/* GoTMA.net - Tactical Martial Arts Academy */
/* HTML ENTITIES */
body {
	height:100%;
	padding:20px;
	background:#000 url("images/chainlinkBkgd.jpg") top left repeat;
	font-family: Arial; 
	font-size:12px;
	}
p {
	margin:0;
	padding:0 0 10px 0;
	}
	
h3 {

	}
h4 {
	margin:0 0 10px 0;
	padding:0;
	}	
	
.contactform label {
	font-weight: bold;
	padding:0 4px 0 0;
	}	
.contactform input, .contactform select, .contactform textarea {
	display:block;
	padding:0 0 4px 0;
	}
a img {
	border:0;
	}	

/* MAIN */
#primaryContainer {
	background:#FFF; 
	margin:0 auto 0 auto;
	width: 850px;
	border:3px solid #333;
	}
#header {
	background:#000 url("images/headerBkgd_01.gif") top left no-repeat;
	height:220px;
	}
	#TMALogo {
		position:relative;
		top:15px; left:370px;
		}
	#subscribe {
		float:left;
		position:relative;
		top:145px;
		left:35px;
		}
	#header a img {
		border:0;
		}
#mainMenu {
	background: #FFF url("images/mainMenuBkgd_01.gif") center repeat-x;
	border-top:2px solid #333;
	border-bottom:2px solid #666;
	height:32px;
	}
	#mainMenu ul {
	  margin: 0; padding: 0;
	  list-style: none;
	  text-align: center;
	  }
	#mainMenu li {
	  float: left;
	  position: relative;
	  border-left:1px solid #333;
	  vertical-align: middle;
	  }
	  #mainMenu li.last {
	  	border-right:1px solid #333;
	  	}
	#mainMenu li ul {
	  display: none;
	  position: absolute; 
	  top: 1em;
	  left: 0;
	  /* STYLING */
	  border:1px solid #999;
	  background:#CCC;
	  width:155px;
	  text-align: center;
	  }
		#mainMenu li > ul { /* FIX IE Alignment */
			top: auto;
			left: auto;
			}
		#mainMenu li ul li a {
			display:block;
			padding:4px 4px 4px 10px; 
			border:0;
			}
	
	#mainMenu li:hover ul, #mainMenu li.over ul{ display: block; }  /* HOVER */
	
	#mainMenu ul li a {
		display:block;
		text-decoration: none;
		color:#333;
		padding:8px 20px 9px 20px;
		}
	#mainMenu ul li a:hover {
		background: url("images/mainMenuBkgd_01_hover2.gif") center repeat-x;
		}
	#mainMenu ul li a.currentPage {
		background: url("images/mainMenuBkgd_01_hover.gif") center repeat-x;
		font-weight: bold;
		}
			
#bodyContainer {
	height:100%;
	background:#FFF url("images/mainMenuDropShadow.gif") top left repeat-x;
	padding:30px 50px 30px 50px;
	}
	#contentColumn1 {
		display:relative;
		width:370px;
		}
	div.contentGrouping {
		overflow:auto;
		border:2px solid #999;
		margin:0 50px 20px 0;
		padding:10px;
		}
		div.contentGrouping img {
			float:right;
			position:relative; 
			margin:0 0 25px 25px;
			padding:0;
			}

#calloutArea { /* VIDEO, PHOTO, OR CALLOUT AREA ON PAGE RIGHT */
	float:right;
	top:0; right:0px;
	width:350px;
	height:300px;
	}
	.videoembed {} /* NOT CURRENTLY IN USE */
    .objectskin {
    	color:#000;
    	background-color:#333;
    	width:330px;
    	height:410px;
    	padding:0;
    	margin:0;
    	border:2px solid #666;
    	text-align:center;
    	}
    .objectskin2 {
    	color:#000;
    	background-color:#FFF;
    	width:350px;
    	height:250px;
    	padding-top:0;
    	margin-top:0;
    	border:2px solid #FFF;
    	}
	
	div.calloutContainer {
		width:250px;
		height:220px;
		border:1px solid #666;
		background:#FFF;
		margin:50px auto 10px auto;
		padding:7px;
		text-align:center;
		background: #FFF;
		}
		div.calloutContainer ul {
			list-style:none;
			margin:0; padding:0;
			}
			div.calloutContainer ul li {
				margin-bottom:20px;
				}

#footer {
	background: #FFF url("images/mainMenuBkgd_01.gif") center repeat-x;
	border-top:2px solid #666;
	height:32px;
	clear:both;
	}
	#footer p {
		margin:8px 0 0 50px;
		}


/* PAGE SPECIFIC */
/* home.htm */
div.promotion {
	border:2px solid #666;
	width:290px;
	background:#FFF;
	margin:15px auto 0 auto;
	padding:10px;
	text-align:left;
	background: #EFEFEF;
	}
	div.promotion img {
		float:right;
		margin-left:15px;
		}
/* schedule.htm */
table.schedule {
	border:2px solid #333;
	padding:0; margin:0;
	width:775px;
	text-align:center;
	}
	table.schedule th {
		border:1px solid #666;
		padding:1px;
		background:#CCC;
		}
	table.schedule td {
		border:1px solid #666;
		padding:1px 1px 4px 1px;
		width:110px;
		}
	table.schedule h3 {
		margin:1px;
		padding:1px;
		font-size: .95em;
		}
/* general */
img.floatLeft {
	border:1px solid #666;
	margin:0 20px 10px 0;
	padding:4px;
	position:relative;
	float:left;
	}
img.alignCenter {
	border:1px solid #666;
	margin:10px 20px 0px 20px;
	padding:4px;
	position:relative;
	}
div.separator {
	/* border-top:1px solid #666;
	background:#FFF url("/images/lightShadow_bg.gif") top repeat-x;
	*/
	}
p.whitespacer {
	margin-top:20px;
	}	
	
	}