/************************************/
/* Capital Sound and Light			*/
/* Cascasding Style Sheet v1		*/
/************************************/

/*****************************/
/* GLOBAL                    */
/*****************************/
html {
	color: #000000; 
	background-color: darkred;
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 85%;
	line-height: 1.3;
}
body { 
	color: #000000; 
	background-color: darkred;
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 85%;
	line-height: 1.3;
}

/*****************************/
/* BLOCK HTML ELEMENTS       */
/*****************************/
h1, h2, h3, h4, h5, h6 { 
	margin-bottom: 0px; 
	font-weight: bold; 
}
h1, h2, h3, h4, h5, h6 { 
	font-family: "helvetica", "arial", "verdana", sans-serif; 
}
h1, h2 { 
	font-size: 140%;
}
h3, h4 { 
	font-size: 120%; 
}
h5, h6 { 
	font-size: 100%; 
}
h1, h3, h5 { 
	font-style: normal;
}
h2, h4, h6 { 
	font-style: italic;
}
table {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 100%;
	font-weight: normal;	
	background-color:white;
}
caption { 
	font-style: italic; 
}
th { 
	padding: .5em; 
	margin: 0em; 
	border: none; 
	text-align: center; 
	font-weight: bold; 
	border: none; 
}

ul { 
	list-style: square;
}

li { 
	margin-bottom: .6em;
	margin-top: .2em; 
}
/*****************************/
/* INLINE HTML ELEMENTS      */
/*****************************/
a:active, a:visited  { 
	color: #666600; 
	background-color: transparent;
}
a:link { 
	color: #660066; 
	background-color: transparent;
}
a:hover, a:focus { 
	color: #000000; 
	background-color: transparent;
}
img { 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
}

/*****************************/
/* GENERIC CLASSES           */
/*****************************/
.lineabove {
	text-decoration: overline; 
}
.linethrough {
	text-decoration: line-through;
}

.lineunder {
	text-decoration : underline;
}
.smaller {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 90%;
}
.smallest {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 80%;
}
.larger {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 120%;
}
.largest {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 140%;
}

td.highlight, p.highlight {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 100%;
	padding-left: 4px;
	padding-right: 4px;
	width: 132px; 
	color: #000000;
	background-color: #ccccff;
}
.rcell {
	text-align: right; 
}
.ccell {
	text-align: center; 
}
.nav { 
	text-decoration: none; 
}
/* Footer with overline. Use div for best results. */
.footer {
	width: 800px;
	color: #000000;
	background-color: #ffffff; 
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%;
	font-weight: normal; 
	border: 1px solid #660066;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align:center;
}

td.blank {
	padding: 0em; 
	margin: 0em; 
	border: none; 
	color: #000000;
	background-color: #ffffff;
}

/**********************/
/* Aligned Button classes */
/**********************/
td.lbutton, div.lbutton, td.cbutton, td.rbutton {
	color: black;
 	background: #cccccc;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff; 
	border-right: solid 1px #ffffff; 
	padding: 0px 0px 0px 2px;
	font-weight: bold;
}
a.lbutton, a.cbutton, a.rbutton, 
a.cbutton:active, a.lbutton:active, a.rbutton:active, 
a.cbutton:link, a.lbutton:link, a.rbutton:link, 
a.cbutton:visited, a.lbutton:visited, a.rbutton:visited {
	color: black;
 	background: #cccccc;
	text-decoration: none;
	width: 100%;
}
a.cbutton:hover, a.lbutton:hover, a.rbutton:hover	{ 
	color: black; 
	background: #eeeeee;
}
.cbutton {
	text-align: center;
}
.rbutton {
	text-align: right;
}

/**********************/
/* Hierarchical Button classes */
/**********************/

td.button, div.button, td.sbutton, div.sbutton {
	color: black;
 	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	border: solid;
	border-width: 1px 1px 1px 1px; 
	border-color: #cccccc; 	
}
td.sbutton, div.sbutton, td.sibutton, div.sibutton, td.siibutton, div.siibutton, td.siiibutton, div.siiibutton {
	font-weight: bold;
}
a.button, a.button:link, a.button:active, a.button:visited  {
	text-decoration: none; 
	color: black; 
	background: white;
	width: 100%;
}
a.button:focus, a.button:hover  {
	color: #666666; 
	background: #ffffff; 
	text-decoration: underline; 
}
a.sbutton, a.sbutton:link, a.sbutton:visited, a.sbutton:hover { 
	font-weight: bold; 
	text-decoration: none; 
	width: 100%;
	color: black; 
	background: white; 
}
td.ibutton, div.ibutton, td.sibutton, div.sibutton {
	color: black;
 	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	border: solid;
	border-width: 1px 1px 1px 5px; 
	border-color: #cccccc; 
}
a.ibutton, a.ibutton:link, a.ibutton:active, a.ibutton:visited  {
	text-decoration: none; 
	color: black; 
	background: white; 
	width: 100%;
}
a.ibutton:focus, a.ibutton:hover  {
	color: #666666; 
	background: #ffffff; 
	text-decoration: underline; 
}
a.sibutton, a.sibutton:link, a.sibutton:visited {
	font-weight: bold; 
	text-decoration: none; 
	width: 100%;
	color: black; 
	background: white; 
}
td.iibutton, div.iibutton, td.siibutton, div.siibutton	{
	color: black;
 	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	border: solid;
	border-width: 1px 1px 1px 10px; 
	border-color: #cccccc; 
}
a.iibutton, a.iibutton:link, a.iibutton:active, a.iibutton:visited  {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%;
	color: black; 
	background: white; 
	text-decoration: none; 
	width: 100%;
}
a.iibutton:focus, a.iibutton:hover  {
	color: #666666; 
	background: #ffffff; 
	text-decoration: underline; 
}
a.siibutton, a.siibutton:link, a.siibutton:visited {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%;
	font-weight: bold; 
	text-decoration: none; 
	width: 100%;
	color: black; 
	background: white; 
}
td.iiibutton, div.iiibutton, td.siiibutton, div.siiibutton	{
	color: black;
 	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	border: solid;
	border-width: 1px 1px 1px 15px; 
	border-color: #cccccc; 
}
a.siiibutton:link, a.siiibutton:visited {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%;
	font-weight: bold; 
	text-decoration: none; 
	width: 100%;
	color: black; 
	background: white; 
}
a.iiibutton, a.iiibutton:link, a.iiibutton:active, a.iiibutton:visited {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%; 
	color: black; 
	background: white; 
	text-decoration: none;
	width: 100%; 
}
a.siiibutton  {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 85%; 
	color: black; 
	background: white; 
	font-weight: bold;
	text-decoration: none; 
}
a.iiibutton:focus, a.iiibutton:hover  {
	color: #666666; 
	background: #ffffff; 
	text-decoration: underline; 
}
div.download, td.download {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 95%; 
	text-align: center; 
	width: 132px; 
	color: #ffffff;
	background-color: #660066; 
}


/*****************************/
/* SERVICE CLASSES           */
/* 2nd level                 */
/* top of left margin        */
/*****************************/
a.service {
	font-family: "helvetica", "arial", "verdana", sans-serif;
	font-size: 100%;
	width: 100%; 
	color: #ffffff;
	background-color: #660066; 
	text-decoration: none; 
	font-weight: bold; 
}
a.service:link, a.service:visited { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #660066; 
}
a.service:hover, a.service:focus { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #990099;
}
a.service:active { 
	color: #ffffff;
	text-decoration: none; 
	background-color: #660066;
}
td.service, div.service, h1.service { 
	text-align: center; 
	width: 132px; 
	color: #ffffff;
	background-color: #660066; 
	border: 1px solid #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	padding: 2px 2px 2px 2px;
}

/***********************************/
/* New CSL Classes                */
/***********************************/

td.body
{
	width:650px;
	vertical-align:top;
}

div.sidebutton
{
	border-bottom:2px solid white;
	background-color:darkred;
	color:white;
	width:140px;
	height:15px;
	font-weight:bold;
}

a.sidebutton, a.sidebutton:hover, a.sidebutton:visited
{
	border-bottom:2px solid white;
	background-color:darkred;
	color:white;
	width:140px;
	height:15px;
	font-weight:bold;
	text-decoration: none;
	padding-left:5px;
}

span.bannersubtext {
	font-size:8pt;
}

span.csltitle {
	font-size:20pt;
	font-weight:bold;
	color:darkred;
	text-decoration:none;
}

.listbgc1 {
	background-color: white;
}
.listbgc2 {
	background-color: wheat;
}

.price {
	font-size:150%;
	font-weight:bold;
}