/*Universal*/
body 		{ margin: 0 auto 0 auto; background-image: url(../images/BGMain.gif); background-repeat: repeat-x; background-color: #960001; }

/*Template*/
#Template			{ position: relative; width: 754px; margin: 0 auto 0 auto; font: 12px Arial; color: #333333; }
#MiddleContent		{ position: relative; width: 730px; height: 1100px; background-color: #FFFFFF; padding: 12px; }
#MiddleContentSub	{ position: relative; width: 730px; background-color: #FFFFFF; padding: 12px; }
#Header				{ position: relative; width: 754px; height: 51px; background-color: #000000; }
#Logo				{ position: absolute; width: 345px; height: 26px; background: url(../images/HeaderLogo.gif) no-repeat 0px 0px; margin-left: 17px; margin-top: 11px; }
#Picture			{ position: relative; width: 727px; height: 214px; background-image: url(../images/PictureMain2.jpg); margin-top: 7px; }
.ContentArea		{ position: relative; width: 697px; padding: 15px; }

.PanelContainer		{ position: relative; float: left; margin-top: 0px; }
.PanelIntro			{ position: relative; width: 468px; float: left; margin-top: 0px; padding: 15px; }
.PanelProjects		{ position: relative; width: 200px; float: left; margin-top: 0px; padding: 10px; }

#TitleContainer		{ position: relative; width: 727px; height: 65px; margin-top: 7px; }

.TableHeader 		{ font: bold 12px Arial; color: #CCCCCC; background-color: #000000; border: 1px #222222 solid; }
.TableBodyDark 		{ font: 12px Arial; color: #FFFFFF; background-color: #222222; border: 1px #333333 solid; } 
.TableBodyDarkOver 	{ font: 12px Arial; color: #C60001; background-color: #111111; border: 1px #111111 solid; } 
.TableBodyLight 	{ font: 12px Arial; color: #333333; background-color: #E1E1E1; border: 1px #CCCCCC solid; } 
.TableBodyLightOver { font: 12px Arial; color: #111111; background-color: #CCCCCC; border: 1px #CCCCCC solid; } 
.BorderRight		{ border-right: 1px #CCCCCC dotted; padding:3px; }


/* Top Nav */
#Navigation 		{ width: 754; position: relative; z-index: 3; margin-top: 8px; background-color: #FFFFFF; }

#TopNav					{ position:relative; top: 0; width: 754px; height: 24px; margin: 0; padding: 0; /* white-space: nowrap; */ }
#TopNav ul,#TopNav li	{ list-style: none; float: left; margin: 0; padding: 0; }
#TopNav span			{ display: none; }


li#Home a				{ display: block; background: url(../images/NavHome.gif) no-repeat 0px 0px; width: 82px; height: 24px; }
li#Home a:hover 		{ display: block; background: url(../images/NavHome.gif) no-repeat 0px -24px; width: 82px; height: 24px; }
li#Home a:active 		{ display: block; background: url(../images/NavHome.gif) no-repeat 0px -24px; width: 82px; height: 24px; }

li#Bio a				{ display: block; background: url(../images/NavBio.gif) no-repeat 0px 0px; width: 75px; height: 24px; }
li#Bio a:hover			{ display: block; background: url(../images/NavBio.gif) no-repeat 0px -24px; width: 75px; height: 24px; }
li#Bio a:active			{ display: block; background: url(../images/NavBio.gif) no-repeat 0px -24px; width: 75px; height: 24px; }

li#Works a				{ display: block; background: url(../images/NavWorks.gif) no-repeat 0px 0px; width: 84px; height: 24px; }
li#Works a:hover		{ display: block; background: url(../images/NavWorks.gif) no-repeat 0px -24px; width: 84px; height: 24px; }

li#Photos a				{ display: block; background: url(../images/NavPhotos.gif) no-repeat 0px 0px; width: 80px; height: 24px; }
li#Photos a:hover		{ display: block; background: url(../images/NavPhotos.gif) no-repeat 0px -24px; width: 80px; height: 24px; }

li#Videos a				{ display: block; background: url(../images/NavVideos.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Videos a:hover		{ display: block; background: url(../images/NavVideos.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#News a				{ display: block; background: url(../images/NavNews.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#News a:hover			{ display: block; background: url(../images/NavNews.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#Stage13 a			{ display: block; background: url(../images/NavStage13.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Stage13 a:hover		{ display: block; background: url(../images/NavStage13.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#Events a				{ display: block; background: url(../images/NavEvents.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Events a:hover		{ display: block; background: url(../images/NavEvents.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#Multimedia a			{ display: block; background: url(../images/NavMultimedia.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Multimedia a:hover	{ display: block; background: url(../images/NavMultimedia.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#Ensemble a			{ display: block; background: url(../images/NavEnsemble.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Ensemble a:hover		{ display: block; background: url(../images/NavEnsemble.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#Donations a			{ display: block; background: url(../images/NavDonations.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#Donations a:hover	{ display: block; background: url(../images/NavDonations.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

li#DanFogler a			{ display: block; background: url(../images/NavDanFogler.gif) no-repeat 0px 0px; width: 83px; height: 24px; }
li#DanFogler a:hover	{ display: block; background: url(../images/NavDanFogler.gif) no-repeat 0px -24px; width: 83px; height: 24px; }

/* Sub Nav */
#SubNav		{ position: absolute; width: 78px; right: 15px; top: 20px; font: 10px Helvetica; color: #555555; z-index: 2; text-align; right; }

/* Links */
a:link				{ font: 12px Arial; color: #C60001; text-decoration: underline; }
a:hover				{ font: 12px Arial; color: #FF0000; text-decoration: underline; }
a:visited			{ font: 12px Arial; color: #C60001; text-decoration: underline; }

a.News:link			{ font: 12px Arial; color: #333333; text-decoration: none; }
a.News:hover		{ font: 12px Arial; color: #C60001; text-decoration: underline; }
a.News:visited		{ font: 12px Arial; color: #333333; text-decoration: none; }

a.SubNav:link		{ font: 10px Helvetica; color: #AAAAAA; text-decoration: none; }
a.SubNav:hover		{ font: 10px Helvetica; color: #FFFFFF; text-decoration: none; }
a.SubNav:visited	{ font: 10px Helvetica; color: #AAAAAA; text-decoration: none; }

a.Footer:link		{ font: bold 10px Helvetica; color: #777777; text-decoration: none; }
a.Footer:hover		{ font: bold 10px Helvetica; color: #C82F3C; text-decoration: none; }
a.Footer:visited	{ font: bold 10px Helvetica; color: #777777; text-decoration: none; }


/* Copy Nav */
.CopyGray	{ font: 12px Arial; color: #333333; }
h1 			{ font: bold 20px Arial; color: #9C0000; margin:0; text-transform:uppercase; }
h2 			{ font: normal 12px Arial; color: #666666; margin:0;}
h3			{ font: bold 30px Arial; color: #CCCCCC; margin:0; text-transform:uppercase; }
h4			{ font: bold 14px Arial; color: #A30000; margin:0; text-transform:uppercase; }
.CopyMargin	{ display: block; font: 12px Arial; color: #333333; margin-left:15px; margin-top:-15px;  }
#DropDown	{ font: 11px Arial; color: #A30000; margin:0; }

/* Buttons */
#ButtonClickHere			{ position: absolute; padding: 0; float: left; display: inline; z-index: 5; margin-top: 125px; margin-left: 32px; }
#ButtonClickHere a			{ display: block; background: url(../images/ButtonTestDrive.gif) no-repeat 0px 0px; width: 76px; height: 21px; }
#ButtonClickHere a:hover 	{ display: block; background: url(../images/ButtonTestDrive.gif) no-repeat 0px -21px; width: 76px; height: 21px; }

#ButtonViewDemo				{ padding: 0; display: inline; }
#ButtonViewDemo a			{ display: block; background: url(../images/ButtonViewDemo.gif) no-repeat 0px 0px; width: 98px; height: 19px; }
#ButtonViewDemo a:hover 	{ display: block; background: url(../images/ButtonViewDemo.gif) no-repeat 0px -19px; width: 98px; height: 19px; }

#ButtonLearnMore			{ padding: 0; float: left; display: inline; margin-top: 5px; }
#ButtonLearnMore a			{ display: block; background: url(../images/ButtonLearnMore.gif) no-repeat 0px 0px; width: 76px; height: 21px; }
#ButtonLearnMore a:hover 	{ display: block; background: url(../images/ButtonLearnMore.gif) no-repeat 0px -21px; width: 76px; height: 21px; }


#Footer				{ position: relative; width: 754px; height: 37px; margin-top: 10px; background-color: #000000; }
#FooterContentRight	{ position: relative; float: right; margin-right: 15px; margin-top: 12px; font: 10px Helvetica; color: #555555; }
#FooterContentLeft	{ position: relative; float: left; margin-left: 15px; margin-top: 12px; font: 10px Helvetica; color: #555555; }