@media only screen and (max-width: 999px) {
  /* rules that only apply for canvases narrower than 1000px */
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
}

.container { height:700; border:0px solid #eeeeee; margin-left:auto; margin-right:auto; width:device-width }

.main	{ width:device-width; height: 100%; border:0px solid #000000; font: 14pt arial, helvetica, san serif; text-decoration: none; color: #000000 }

.banner	{ font: 30pt times; color: #000000; text-align: center } 

.head	{ font: 10pt arial; color: #ffffff; text-align: center }
.head a:link	{ font: 10pt arial; color: #ffffff; text-align: center; text-decoration: none }
.head a:visited	{ font: 10pt arial; color: #ffffff; text-align: center; text-decoration: none }
.head a:hover	{ font: 10pt arial; color: #ffffff; text-align: center; text-decoration: underline }

.order	{ font: 10pt arial; color: #ffffff; text-align: center }
.order a:link	{ font: 10pt arial; color: #ffffff; text-align: center; text-decoration: none }
.order a:visited{ font: 10pt arial; color: #ffffff; text-align: center; text-decoration: none }
.order a:hover	{ font: 10pt arial; color: #000000; text-align: center; text-decoration: none }

.order2	{ font: 10pt arial; color: #000000; text-align: center }
.order2 a:link		{ font: 10pt arial; color: #000000; text-align: center; text-decoration: none }
.order2 a:visited	{ font: 10pt arial; color: #000000; text-align: center; text-decoration: none }
.order2 a:hover		{ font: 10pt arial; color: #000000; text-align: center; text-decoration: none }


.head2	{ font: 10pt arial; font-weight: bold; color: #990000; text-align: center }
.head2 a:link	{ font: 10pt arial; font-weight: bold; color: #990000; text-align: center; text-decoration: none }
.head2 a:visited{ font: 10pt arial; font-weight: bold; color: #990000; text-align: center; text-decoration: none }
.head2 a:hover	{ font: 10pt arial; font-weight: bold; color: #000000; text-align: center; text-decoration: none }

.head3	{ font: 14pt Lucida Handwriting, times; font-weight: bold; color: #f6ceA5; } 
.head3 a:link		{ font: 14pt Lucida Handwriting, times; color: #ffffff; text-decoration: none }
.head3 a:visited 	{ font: 14pt Lucida Handwriting, times; color: #ffffff; text-decoration: none }
.head3 a:hover 	{ font: 14pt Lucida Handwriting, times; color: #000000; text-decoration: none }


.bio	{ font: 12pt arial; color: #f6ceA5; }
.bio a:link		{ font: 12pt arial; color: #ffffff; text-decoration: none }
.bio a:visited 	{ font: color: #ffffff; text-decoration: none }
.bio a:hover 	{ font: color: #ffffff; text-decoration: underline }

.photo	{ font: 9pt arial; color: #000000; text-align: left }
.photo a:link	{ font: 9pt arial; color: #ffffff; text-decoration: none; text-align: center }
.photo a:visited{ font: 9pt arial; color: #ffffff; text-decoration: none; text-align: center }
.photo a:hover 	{ font: 9pt arial; color: #990000; text-decoration: none; text-align: center }

.welcome	{ font: 14pt Lucida Handwriting, times; color: #990000; text-align: center }
.welcome a:link	{ font: 14pt Lucida Handwriting, times; color: #990000; text-align: center; text-decoration: none }
.welcome a:visited	{ font: 14pt Lucida Handwriting, times; color: #990000; text-align: center; text-decoration: none }
.welcome a:hover	{ font: 14pt Lucida Handwriting, times; color: #000000; text-align: center; text-decoration: none }

.news	{ font: 9pt verdana, arial; color: #990000; text-align: center }
.news a:link	{ font: 9pt verdana, arial; color: #990000; text-align: center; text-decoration: none }
.news a:visited	{ font: 9pt verdana, arial; color: #990000; text-align: center; text-decoration: none }
.news a:hover	{ font: 9pt verdana, arial; color: #000000; text-align: center; text-decoration: none }


.comp_large	{ font: 11pt verdana, arial; color: #000000 }
.comp_large a:link	{ font: 11pt verdana, arial; color: #000000; text-decoration: none }
.comp_large a:visited	{ font: 11pt verdana, arial; color: #000000; text-decoration: none }
.comp_large a:hover 	{ font: 11pt verdana, arial; color: #990000; text-decoration: underline }

.comp	{ font: 9pt verdana, arial; color: #000000; border-top:1px #cccccc solid }
.comp a:link	{ font: 9pt verdana, arial; color: #000000; text-decoration: none }
.comp a:visited	{ font: 9pt verdana, arial; color: #000000; text-decoration: none }
.comp a:hover 	{ font: 9pt verdana, arial; color: #990000; text-decoration: underline }

.review	{ font: 9pt verdana, arial; color: #000000 }
.review a:link	{ font: 9pt verdana, arial; color: #000000; text-decoration: underline }
.review a:visited	{ font: 9pt verdana, arial; color: #000000; text-decoration: underline }
.review a:hover 	{ font: 9pt verdana, arial; color: #990000; text-decoration: underline }



.bullet	{ font: 10pt arial; color: #000000 }

.pub	{ font: 10pt verdana, arial; font-weight: bold; color: #000000; text-align: center }
.pub a:link	{ font: 10pt verdana, arial; font-weight: bold; color: #000000; text-decoration: none; text-align: center }
.pub a:visited	{ font: 10pt verdana, arial; font-weight: bold; color: #000000; text-decoration: none; text-align: center }
.pub a:hover 	{ font: 10pt verdana, arial; font-weight: bold; color: #990000; text-decoration: underline; text-align: center }

.info	{ font: 8pt verdana, arial; color: #000000; text-align: center }
.info a:link	{ font: 8pt verdana, arial; color: #000000; text-decoration: none; text-align: center }
.info a:visited	{ font: 8pt verdana, arial; color: #000000; text-decoration: none; text-align: center }
.info a:hover 	{ font: 8pt verdana, arial; color: #990000; text-decoration: underline; text-align: center }

.footer	{ font: 7pt arial; font-weight: bold; color: #000000; text-align: center }
.footer a:link		{ font: 7pt arial; color: #777777; text-decoration: none; text-align: center }
.footer a:visited	{ font: 7pt arial; color: #777777; text-decoration: none; text-align: center }
.footer a:hover 	{ font: 7pt arial; color: #990000; text-decoration: none; text-align: center }






.news2	{ font: 16pt Lucida Handwriting, times; font-weight: bold; color: #990000; text-align: center }

.news2sub		{ font: 9pt Lucida Handwriting, times; font-weight: bold; color: #990000; text-align: center }






.publish_h		{ font: 26pt arial; color: #996633; text-align: center }

.publish_sub	{ font: 12pt arial; color: #996633; text-align: center }

.publish_main	{ font-family: arial; color: #996633; text-align: center }
.publish_main a:link	{ font-family: arial; color: #996633; text-align: center }
.publish_main a:visited	{ font-family: arial; color: #996633; text-align: center }
.publish_main a:hover	{ font-family: arial; color: #996633; text-align: center }


.listen a:link		{ text-decoration: none; color: #255525; font-family: arial, helvetica, impact, sans-serif }
.listen a:visited		{ text-decoration: none; color: #254525; font-family: arial, helvetica, impact, sans-serif }
.listen a:hover		{ text-decoration: underline; color: #CC0000; font-family: arial, helvetica, impact, sans-serif }

.listentop a:link			{ text-decoration: none; color: #666666; font-family: times; font-weight: bold; font-size: 12pt}
.listentop a:visited			{ text-decoration: none; color: #666666; font-family: times; font-weight: bold; font-size: 12pt}
.listentop a:hover			{ text-decoration: none; color: #006666; font-family: times; font-weight: bold; font-size: 12pt}

.lanier a:link 	{ font:9pt arial; text-decoration: none; color: #808080;}
.lanier a:visited 	{ font:9pt arial; text-decoration: none; color: #808080;}
.lanier a:hover 	{ font: 9pt arial; text-decoration: none; color: #009f00;}

.composer a:link		{ text-decoration: none; color: #000000; font-family: times}
.composer a:visited	{ text-decoration: none; color: #000000; font-family: times}
.composer a:hover		{ text-decoration: none; color: #006622; font-family: times}