body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana,Tahoma,Arial,sans-serif; 
	font-size: 16px;
	color: #ddd;
	background-color: #212632; 
	text-align:center;
}
image {
	border: 0;
}
a {
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
	text-decoration: underline;
	color: #eee;
}
a:hover {
	text-decoration: none;
}
#wrap {
	background: #546965;
	color: #dedede;
	margin: 0 auto;
	width: 70%;
	text-align:left;
}
#content {
	padding: 0 3em;
}
#content p {
margin: 10px 35px 0 35px; 
}
#content ol, #content ul {
margin: 15px 25px;
}
#content li {
width:100%;
}

/* * * * * * * * *               header div styles */

.sdpAboveBanner { width: 100%; }
.sdpAboveBanner.medium, .sdpAboveBanner.small { display: none; }

#sdpBanner {
	width: 100%;
	margin: -4px 0 0 0;
} 

/* * * * * * * * *               table styles */
#calendarTable {
		width: 98%;
}
td { 
font : 13px arial,helvetica,geneva,verdana; vertical-align:top;
}
th { 
font : 14px bold verdana,helvetica,geneva,arial; 
color: #fff; 
background-color: #444; 
}
#linksTable, #scheduleListing {
	width: 90%; 
	margin-top: 2em;
}
#linksTable th, #linksTable td, #scheduleListing th, #scheduleListing td {
	font-size: 17px;
	padding: 0.5em;
}
.linksCats  {
	text-align: center; 
	background-color: #616672;
}

/* * * *  bordered table styles * links.html and DanceDetail.php */
.bordered { 
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
}
.bordered th {
padding:2px;
width:14%;
}
.bordered td { 
padding:3px;
text-align:left;
}
.bordered, .bordered th, .bordered td { border: 1px solid #94a9a5; } /*  54 69 65*/
.bordered div { 
padding:7px;
}
.bordered span {
	color: #fff;
}
.bordered .monthName {	
	letter-spacing: .15em;
}
.bordered .holiday {color:#D98012;}

/* * * * * * * * *               nav styles */
#nav {
width: 50%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#nav a {
height:17px;	
font-size: 1.2em;
text-decoration: none;
color: #ddd;
display: block;
padding: 2px 0 2px 10px;
background: #414652; 
border-left: 4px solid #cccccc;	
}
#nav a:hover {
background: #616672;
color: #fff;
border-left: 4px solid #286ea0;	
}
#nav td {
margin: 0;
padding: 0;
width:16.67%;
}

#subTitle {
	margin-left- auto;
	text-align: center;
	margin-right: auto;
	margin-top: -3em;
	margin-bottom: 2em;
	width: 95%;
	color:#dfdfdf;
	font-family: cursive, Verdana;
	font-size: 14px;
}

/* * * * * * * * *               content styles */
#content a {
color: #eee;
}	
#content a:hover {
background-color: #444;
text-decoration: none;
}
#content a:hover image {
background-color: #eee;
}

/* * * * * * * * *               content header tag styles */
#content h1 {
color: #f0e8c0;
font: 22px arial,geneva,verdana;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
margin-top: 1em;
text-align: center;
}
  
  
#content h2 {	
color: #f0e8c0;
font: 17px arial,geneva,verdana;
		margin-left: auto;
		margin-right: auto;
}
#content h3 {	
	color: #f5e8c0;
	font: 16px arial,geneva,verdana;
	margin-left: 1.5em;
}

/* * * * * * * * *               footer styles */
#footer { 
	clear: both;
	margin: 0 auto;
	padding: 5px 0 3px 0;
	border-top: 0;/*border-top: 6px solid #00103B;*/
	width: inherit;
	text-align: center;
	color: #808080;
}
#footer a {
	color: #ddd;/*#808080;*/
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
#footer span {
	font-size: 0.8em;
}
#footer span a {
	text-decoration: underline;
}


/*  containers/boxes */
.sidebox { 
	float:right; 
	background-color: #616672; 
	color: #dff; 
	margin: .8em;
	padding: 1.2em 1.2em 0.2em 1.2em; 
	width: 32em;
}
.sidebox h3 {  color: #ffffff; font-size 0.25em; text-align: center;}
.sidebox a, .sidebox b { color: inherit; }
#content .sidebox p { 
	margin: .5em;
	padding: .5em; 
}
.keyDiv {
	border: 1px solid goldenrod;
	padding-bottom: 1.2em;	
}
.keyDiv li {
	margin-bottom: 1em;	
}

.danceIcons {
	margin-left: 5px; 
	height: 22px; 
	vertical-align: middle;	
}

.tamina {
	float:right; 
	border: 3px solid #212632; 
	height: 25em;
	margin: 0 1.4em;
}	

.rounded {
	box-shadow: inset 0px 0px 1px 0px #142925;
	border-radius: .6em;		
}
.DanceMap {
	width:95%;
	height: 41em;
	margin: 10px 0;
} 

.screenSmall { display: none  !important; }	
.altBG {background-color: #101B37;} 
.highlight {background-color:#900;color:#eee;}
.arrow {color:#FFA801;font-size:21px;}

.floatLeft {margin:8px;float:left;}
.floatRight {margin:8px;float:right;}
.currentMo {
		background-color: #142925;
}
.notCurrentMo {
		background-color: #212632;
}
.past {
		background-color: #444;
}

@media print {
    BODY, #content td { font-size: .8em; }
	#content p {padding-right:20px; }
	.floatLeft {margin:9px 25px 9px 0;float:left;}
	.floatRight {margin:9px 0 9px 25px;float:right;}
  }
  
/* For devices with a max width of 980px (tablets and phones) */
@media screen and (max-width: 980px) {
	#wrap {  
		width: 90%; 
	}
	#content {
		padding: 0 2em;
	}
	#linksTable {
		width: 95%;
	}
	#linksTable th, #linksTable td {
		font-size: 16px;
		padding: 0.4em;
	}	
}
  
/* For devices with a max width of 768px (tablets and phones) */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
        padding: 10px;
    }
	#nav {
		width: 100%;
	}
	#nav a {
		height:15px;	
		font-size: 1em;
		padding: 1px 0 1px 5px;
		border-left: 2px solid #cccccc;	
}
	h1 {
		font-size: 14.5px;
		margin-left: auto;
		margin-right: auto;
	}
	#wrap {  
		width: 93%; 
	}
	.sdpAboveBanner.large { display: none; }
	.sdpAboveBanner.medium { display: inline-block; }
	#content {
		padding: 0 1.5em;
	}
	#content p {
		margin: 1em 2em 0 2em;
	}	
	#linksTable {
		width: 95%;
	}
	#linksTable th, #linksTable td {
		font-size: 16px;
		padding: 0.3em;
	}
	.danceIcons {
		height: 19px;
	}
	#footer { font-size: 1.1em; }
	#footer .screenLarge { display: none  !important; }
	#footer .screenSmall { display: inline  !important; }
}

@media screen and (max-width: 736px) {
	.screenLarge { display: none  !important; }
	.screenSmall { display: block  !important; }
}

@media screen and (max-width: 600px) {
	#content .keyDiv ul { margin: 13px 5px 13px -18px;}	
	.DanceMap { height: 30em; }
}

/* For phones with a max width of 480px */
@media screen and (max-width: 480px) {
	body {
		font-size: 12px;
		padding: 5px;
	}
	h1 {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto;
	}
	#wrap {  width: 100%; }
	.sdpAboveBanner.medium { display: none; }
	.sdpAboveBanner.small { display: inline-block; }
	#content {
		padding: 0 0.5em;
	}
	#content p {
		margin: 0.5em 1em 0 1em;
	}
	
	#linksTable {
		width: 100%;
	}
	#linksTable th, #linksTable td {
		font-size: 15px;
		padding: 0.2em;
	}	
	#tam_animation { 
		display: none;
	}
	#scheduleListing {
		width: 100%; 
	}
	#scheduleListing th, #scheduleListing td {
		font-size: inherit;
	}
	.danceIcons {
		margin-left: 4px; 
		height: 17px;
	}
}