
body 
{
	background-color:#000000;
	color:#ffffff;
	font-family:"Lucida Sans", Arial, Helvetica, sans;
	font-size:12px;
	
	scrollbar-face-color:#999999;
	scrollbar-base-color:#999999;
	scrollbar-arrow-color:7B1818;
	scrollbar-track-color:#333333;
	scrollbar-shadow-color:#CECECE;
	scrollbar-highlight-color:#CECECE;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-Color:#333333;

}
/*p { line-height:120%; margin:7px 0px 7px 0px; } */

h1 
{ 
 font-size:medium; 
 margin:25px 5px 5px 0px; 
 padding:0px;
}

h1.pageTop { background-color:#000000; color:#333333; font-size:12px; margin:0px 0px 0px 0px; padding:2px; overflow:hidden; height:15px;  border-bottom:1px solid black; text-align:center; }

a:link, a:visited { color:#ffffff; }
a:visited { color:#999999; }
a:hover { color:#000000; }
a:active { color:#000000; }
a img { border:0px; }

img { display:block; }

div#sound { position:absolute; top: 0px; left:0px; }
div#main
{
	width:824px;
	background-color:#B1282F;
	background-image:url(../img/mainbg.gif);
	background-repeat:repeat-y;
	margin:0px auto;
	margin-top:10px;
}

table
{
	border:0px;
	border-collapse:collapse;
}
table td
{
	margin:0; padding:0;
	vertical-align:top;
	text-align:left;
	background-repeat:repeat;
}

table#headerTable
{
	width:824px;
}

table#menuTable
{
	margin:5px 2px 2px 8px;  /*gutter is 8px throughout */
}

table#menuTable td
{
	width:162px; 
}

a.menuLink, a.menuLinkCurrent  
{
	color:#FFFFFF;
	background-repeat:no-repeat;
	padding:6px 0px 0px 6px;
	height:21px; /* 6 + 21 + 0 = 27 */
	width: 156px; /* 6 + 156 + 0 = 162 */
	text-decoration:none;
	float:left;
	font-weight:normal;
}

a.menuLinkCurrent  
{
	padding-left:20px; 
	width: 142px; /* 20 + 142 + 0 = 162 */
	color:#FFFFFF;
}

a.menuLink:link, a.menuLink:visited  
{
	background-image:url(../img/btnStandard.jpg);
	color:#FFFFFF;
}

a.menuLink:hover 
{
	 background-image:url(../img/btnStandard_f2.jpg); 
	 color:#000000;
}

a.menuLinkCurrent:link, a.menuLinkCurrent:visited  
{
	background-image:url(../img/btnCurrent.jpg);
	color:#FFFFFF;
}

a.menuLinkCurrent:hover 
{
	background-image:url(../img/btnCurrent_f2.jpg);
	color:#000000;
}

/* cache the button bg images using css with offsets */
div.hoverImageCache
{
	background-image: url(../img/btnStandard_f2.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}
div.hoverImageCacheCurrent
{
	background-image: url(../img/btnCurrent_f2.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}
div.ImageCacheCurrent
{
	background-image: url(../img/btnCurrent.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}
div.ImageCache
{
	background-image: url(../img/btnStandard.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}
/* end caching */


table#contentTable
{
	margin:0px 8px 0px 8px;  /*gutter is 8px throughout */
	width:807px; /* 0 + 807 + 0 = 807 */
	border:0px solid white;
}

td.contentArea
{
	background-color:#909090;
	background-image:url(../img/contentArea.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

td.contentArea div.scrollingDiv
{
	padding:0px 20px 10px 20px;
	margin-top:0px;
	overflow:auto; 
	height:419px; /* 429 = 0 + 379 + 10 */
	overflow-x:hidden;
}

td.contentArea div.nonScrollingDiv
{
	padding:0px 20px 0px 20px;
	margin-top:0px;
}

div.twoColContent
{
	float:left;
	width:200px;
	margin-right:10px;
	border:0px solid red;
}

/* home page = text (485) + pic (320px) */ 
table#contentTable td.col1home
{
	width: 486px; 
	padding:0px;
	margin:0px;
	background-color:#333333;
}
td.col2home
{
	width: 320px; 
	background-color:#333333;
	padding:0px;
}

/* media page = pics (162) + content (645) = 807 */
table#contentTable td.col1media
{
	width: 162px; 
}
td.col2media
{
	width: 645px; 
	background-color:#333333;
}

.mediapic 
{ 
	width:160px; 
	height:230px; 
	margin:0px 2px 2px 0px; 
	background-repeat:no-repeat;
}
.lastmediapic { margin:0px 2px 0px 0px; }

/* a hack to get around IE6/IE7 image gaps */
div.clip1 { background-image:url(../img/clips1.jpg); }
div.clip2 { background-image:url(../img/clips2.jpg); }
div.clip3 { background-image:url(../img/clips3.jpg); }
div.clip4 { background-image:url(../img/clips4.jpg); }
div.contact1 { background-image:url(../img/contact1.jpg); }
div.contact2 { background-image:url(../img/contact2.jpg); }

div#footer
{
	width: 808px; /* 8 + 808 + 8 = 824 */
	padding:2px 8px 2px 8px;
	/* height: 31px; 2 + 31 + 16 = 49 */
	background-image:url(../img/bgFooter.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:x-small;
	vertical-align:middle;
}

div#footer table
{
	width:808px;
}

div#footer table td#left  /* the text */
{
	padding:3px 6px 0px 0px;
}

div#footer table td#right /* the image */
{
	padding:1px 0px 3px 0px;
}

div#subFooter
{
	width:824px;
	margin:0px auto;
	margin-top:4px;
}

div#subFooter table
{
	width:820px;
}

div#subFooter table td#left  /* the text */
{
	padding:4px 8px 0px 0px;
	font-size:11px;
	line-height:110%;
}

div#subFooter table td#right /* the image */
{
	text-align:right; 
	font-size:11px;
	padding:3px 0px 0px 0px;
}
div#subFooter a:hover { color:#FFFFFF; }


/* ------- video page -------------*/
table#videoTable
{
	width:540px;
}
table#videoTable td
{
 padding-right:4px;
 padding-bottom:15px;
}



table.twoColContent { width:100%; }
table.twoColContent td { width:50%; vertical-align:top; }