/* reset default margins and padding */
div, h1, h2, h3, h4, h5, ul, ol, li, p, a, table, tr, td {
	margin:0;
	padding:0;
	}
/* end reset default margins and padding */

/* ---------- global styles ---------- */

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-left: 2px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
                border-right: 0px solid #e4e4e4;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  background: #000000;
  color: #FFFFFF;
  display: block;
  padding: 0 9px;
  text-transform: lowercase;
  text-decoration: none;
}

.nav li a:hover {
  background: #f90;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #f90;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #565656;
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #f90;
  color: #000;	
}

.nav ul {
  background: #565656;
  border-bottom: 0px solid #000;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 0px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 135px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #f90;
  color: #000;
}


/* Other */

#container {
	border:0px solid #808080;
	}

#left {
float: left;
width: 320px;
height: 100%;
	overflow-x: hidden;
}

#right {
float: right;
width: 403px;
height: 100%;
}

table.musicplay {
	background-color:#000000;
	width:100px;
	height:310px;
	vertical-align:top;
		float: left;
	text-align:center;
	margin:0px;
	}

td.music {
	width:100px;
	height:310px;
			float: left;
	border:2px solid #808080;
	font-family:Georgia, verdana, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#808080;
	}


div.scroll {
	overflow-x: hidden;
	overflow-y: hidden;  
/* 
	width: 708px; */
	width: auto;
	float: right;
	border: 1px solid #9a9a9a;
	background-color: #fff;
	padding: 10px;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	color:#707070;
		vertical-align:top;
}

div.scrollsingle {
	overflow-x: hidden;
	overflow-y:auto;  
	width: 708px;
	float: right;
	border: 1px solid #9a9a9a;
	background-color: #fff;
	padding: 10px;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	color:#707070;
		vertical-align:top;
}

html, body {
	height: 100%;
	}

body {
	margin:0px;
	padding:0px;
	overflow-y:auto;  /* set to hidden to prevent scrolling in main interface */
	font-family: Verdana, helvetica, arial, sans-serif;
			font-size: 60%;
			background: #fff;
			font-color: #fff;
			padding-left: 20px;
	text-align:center;
	background-color:#1d1d1d;
	height: 99%;
	

	}
img {
	border:none;
	}
table.center {
	margin-left:auto; margin-right:auto;
	}
ul {
	list-style-type:none;
	}

#mastercontainer { /* parent container to address IE z-index bug with block level object */
	width:740px;
	min-height:100%;
	margin:auto;
		border:2px solid #000000; 
	text-align:left;	
		background-color: #e4e4e4;
		
}
#maincontainer {
	width:730px;
		height:100%;
			min-height:100%;
	margin:auto;
	text-align:left;
		vertical-align:middle;
	background-color:#e4e4e4;
	padding:5px; /* not sure if this is correct usage */
	}
#metanav {
	width:730px;
	float:right;
	margin-top:5px;
	text-align:right;
	}
#metanav ul li {
	display:inline;
	}
#metanav ul li a {
	font-size:10px;
	font-family:verdana,tahoma;
	color:#999;
	text-decoration:none;
	vertical-align:middle;
	border-left:1px solid #f90;
	padding:5px 5px 5px 10px;
	}
#metanav ul li a:hover {
	text-decoration:underline;
	color:#369;
	}
#metanav ul li.rss a{
	display:inline;
	background-image:url(http://symmetry.cc/images/rss_icon.png);
	background-position:95% 60%;
	background-repeat:no-repeat;
	text-indent:-9000em;
	overflow:hidden;
	padding-right:18px; 
	width:100%;
	height:100%;
	}
#brandingcontainer {
	width:730px;
	clear:both;
	}
#logo {
	width:435px;
	float:left;
	padding-top:0px;
	}
#logo h1 {
	width:724px;
	height:49px;
    background-image:url(./images/et_logo.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:-9000em; overflow:hidden; 
	display:block;
	text-decoration:none;
	}
#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}
#mainnavcontainer {
	width:730px;
	clear:both;
	padding-top:10px; /* padding hack used in place of margin for FF */

	}
#footercontainer {
	width:730px;
	clear:both;
	background:url(http://symmetry.cc/images/horizontal_dotted.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #e4e4e4;
	
	
	/*position: absolute;
    bottom: 0;*/
	
	
	}
#footerlegal {
	float:right;
		margin-top:4px;
			background-color: #e4e4e4;
	}
#footerlegal ul {
	display:inline;
			background-color: #e4e4e4;
	}
#footerlegal ul li {
	display:inline;
	font-size:11px;
	font-family:tahoma;
	vertical-align:middle;
	color:#999;
			background-color: #e4e4e4;
	}
#footerlegal li a {
	text-decoration:none;
	color:#aaa;
	border-left:1px solid #ccc;
	padding:0px 0px 0px 0px;
			background-color: #e4e4e4;
	}
#footerlegal li a:hover {
	text-decoration:underline;
	color:#999;
			background-color: #e4e4e4;
	}
#footerphonenumber {
	float:right;
			background-color: #e4e4e4;
	}
#footerphonenumber ul li {
	display:inline;
	font-size:11px;
	font-family:tahoma;
	vertical-align:middle;
	color:#999;
			background-color: #e4e4e4;
	
	}
#footerphonenumber li a {
	text-decoration:none;
	color:#999;
	border-left:1px solid #ccc;
			background-color: #e4e4e4;

	}
#footerphonenumber li a:hover {
	text-decoration:underline;
	color:#999;
			background-color: #e4e4e4;

	}
.clear {
	clear:both;
	}
/* ---------- end global styles ---------- */


/* ---------- homepage styles ---------- */

#footerimage {
	width:93px;
	height:28px;
	float:right;
	padding-top:8px; /* padding hack used in place of margin for FF */
		background-color:#e4e4e4;
		
	}

#footerimage2 {
	width:93px;
	height:20px;
	float:left;
	padding-top:0px; /* padding hack used in place of margin for FF */
		background-color:#e4e4e4;
	margin-bottom:0px; /* for FF */
	}

#homeimageareacontainer {
	width:730px;
	clear:both;
	height:120px;
	border:0px solid #000000;
		background-color:#e4e4e4;
	}
#homeimage {
	width:730px;
	height:120px;
	float:left;
	padding-top:2px; /* padding hack used in place of margin for FF */
		background-color:#e4e4e4;
	}
#homecontentcontainer {
	width:730px;
	clear:both;
	background-color:#fff;
	padding-top:0px; /* used in place of margin */
		background-color:#e4e4e4;
	}
#homenewscontent {
	width:730px;
	clear:both;
	margin-bottom:0px;
		padding-top:8px; 
		background-color:#e4e4e4;
		
	}
#homenewscontent ul {
	width:730px;
		background-color:#e4e4e4;
	}
#homenewscontent li {
	width:730px;
	font-size:10px;
	font-family:tahoma, arial, sans-serif;
	color:#000;
	padding:0px 0px 0 0px;
	background-color:#e4e4e4;
	}
#homenewscontent span.newslabel {
	font-weight:bold;
	color:#000;
	}
#homeleftcontent {
	width:515px;
	float:left;
	background-color:#fff;
	}
#homeleftcontent h1 {
	font-size:12px;
	font-family:tahoma;
	font-weight:bold;
	color:#091A6B;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:10px 3px 3px 7px;
	}
table#tombsarea {
	width:515px;
	margin-bottom:7px;
	padding:3px 0px 0px 5px;
	}
img.crown {
	width:231px;
	border:none;
	padding:0 0 6px 0;
	}
img.tomb {
	width:225px;
	border:3px double gray;
}

#homerightcontent {
	width:274px;
	height:355px;
/*	height:330px; */
	float:right;
	background-color:#fff;

/*	text-indent:-9000em; overflow:hidden; */
	}
#homerightcontent a {
	width:100%;
	height:100%;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#c60;
	text-decoration:none;
	background-color:#fff;
	display:block;
	outline:none;
	}
#whatwedo {
	width:268px;
	height:65px;
	float:right;
	clear:both;
	background-color:#fff;
	}
#whatwedo h1 {
	font-size:12px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	color:#091A6B;
	background-color:#fff;
	padding:10px 3px 0px 6px;
	text-decoration:normal;
	}

#dolist ul {
	float:left
	width:268px;
	margin:0px;
	background-color:#fff;
	padding:0;
	list-style:none;
	}	
#dolist li {
	float:left;
	width:260px;
	margin:0;
	padding:12px 0 0 7px;
	font-size:12px;
	font-family:tahoma, arial, sans-serif;
	color:#000
	}
#dolist li.more {
	padding:20px 20px 0 0;
	text-align:right;
	}
#dolist li.more a {
	color:#091A6B;
	}
#headerimageareacontainer {
	width:730px;
	clear:both;
	height:175px;
	}
#headerimage {
	width:730px;
	height:175px;
	float:left;
	padding-top:8px; /* padding hack used in place of margin for FF, adjusted for UL padding in rotating script */
	}
/* ---------- end homepage styles ---------- */


/* ---------- about page styles ---------- */
#aboutcontentcontainer {
	width:730px;
	clear:both;
	background-color:#fff;
	padding-top:8px; /* used in place of margin */
	}
#aboutleftcontent {
	width:260px;
	float:left;
	background-color:#fff;
	}
#aboutleftcontent h1 {
	font-size:12px;
	font-family:tahoma;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:10px 20px 3px 7px;
	}
#aboutleftcontent h2 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:#c60;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 20px 3px 7px;
	}
#aboutleftcontent h3 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:black;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 20px 3px 7px;
	}

#aboutmiddlecontent {
	width:260px;
	float:left;
	background-color:#fff;
	}
#aboutmiddlecontent h1 {
	font-size:12px;
	font-family:tahoma;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:10px 10px 3px 24px;
	}
#aboutmiddlecontent h2 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:#c60;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 10px 3px 24px;
	}
#aboutmiddlecontent h3 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:black;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 10px 3px 24px;
	}

#aboutrightcontent {
	width:260px;
	float:right;
	background-color:#fff;
	}
#aboutrightcontent h1 {
	font-size:12px;
	font-family:tahoma;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:10px 7px 3px 20px;
	}
#aboutrightcontent h2 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:#c60;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 7px 3px 20px;
	}
#aboutrightcontent h3 {
	font-size:12px;
	font-family:tahoma;
	font-weight:normal;
	color:black;
	text-align:justify;
	background-color:#fff;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	padding:9px 7px 3px 20px;
	}
/* ---------- end about page styles ---------- */

/* ---------- team page styles ---------- */
#teamheaderimage {
	width:730px;
	height:285px;
	float:left;
	padding-top:8px; /* padding hack used in place of margin for FF, adjusted for UL padding in rotating script */
	}
/* ---------- end team page styles ---------- */