html {height:100%}

body {
	
	background: url(bg.png) repeat-x #ffffff;
	margin: 0;
	padding:0px;
	border: none;
	font-family: arial, helvetica, sans-serif;
	text-align:center;
	font-size: 100.1%;
	min-height: 101%;
	}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#ccc;
	text-align: left;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align: left;
	}

h3 {
	color: #CE2929;
	text-align: left;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	}

hr {
margin: 1em 0;
}

p {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	text-align: left;
	line-height: 1.1em;
	}

a {
	color:#0000ff;
	font-family: arial, helvetica, sans-serif;
	text-decoration:none;
	}
a:visited {
color: #CE2929
}

ul { 
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	list-style: none;
	text-align: left;
	min-height: 0;	
	background-color: ##ffffff;
	width: auto;		
}

li { 
	display: block;
	text-align:left;
	min-height: 0;
	padding: 0.1em 0 0.1em 0;
	margin: 0;
	width: auto;
}

.right {text-align:right}

.center {text-align: center}

.bold {font-weight: bold}

.italic {font-style: italic}

.floatleftgeneric {float:left; display:inline}

.floatrightgeneric {float:right; display:inline}

.clearall {clear: both}

.invisible {display: none}

.imageright  {

	float: right;
	display: inline;
	text-align: center;
	padding: 0 8px 0 8px;
	margin: 0;
	vertical-align: middle;
	border: none;
}

.imageleft   {
	float: left;
	display: inline;
	text-align: left;
	padding: 0 8px 0 8px;
	margin: 0;
	vertical-align: middle;
	border: none;
}

.imagemiddle
{
	vertical-align: middle;
	border: none;
	padding: 0;
	margin: 0;
	display: inline;
}

.captiontext   {
	display: block;
	text-align: left;
	padding: 1em 0 0 0;
	vertical-align: middle;
	border: none;
	margin: 0;
	width: auto;
	min-height: 0;
}

.toplevelwrapper

{
	position:relative;
	text-align:left;
	width:97%;
	max-width: 1075px;
  	margin-right:auto;
	margin-left:auto;
	margin-top: 1em;
	margin-bottom: 1em;
	padding:1em 0 1em 0;
	background-color:#ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #0000cc;
			}
.header {
	position:relative;
	width:98%;
	max-width: 1050px;
  	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	background-color: #ffffff;
	border:none;
	z-index:999;
	text-align: center;
	
		}

#logonav
{
position: absolute;
top: 0.1em;
left: 2.5em;
background: url(newsfxblogo.gif);
#ffffff-space: nowrap;
display: block;
width: 168px;
height: 51px;
margin: 0;
padding: 0;
background-color: transparent;
z-index:13;
background-repeat: no-repeat;
}

#logonav a
{
display: block;
width: 168px;
height: 51px;
color: black;
text-decoration: none;
background: url(newsfxblogo.gif);
border: none;
background-repeat: no-repeat;
}


#logonav a:hover
{
background-position: 0px -51px;

}


.shortcutlinks
{
float: right;
display: inline-block;
vertical-align: middle;
text-align: right;
margin: 0 0 0.1em 0.2em;
padding: 0.1em 0.1em 0.1em 0.1em;
border: none;
background-color: #ffffff;
height: 1.5em;
line-height: 1.5em;
width: auto;
font-size: 0.7em;
}

.shortcutlinks a
{
display: block;
text-align: left;
vertical-align: middle;
padding: 0 2px 0 2px;
margin: 0;
border-width: 0 4px 0 4px;
border-style: solid;
border-color: #ffffff;
color: #0000ff;
background-color: #ffffff;
min-height: 0;
width: auto;
overflow:auto; 
}

.shortcutlinks a:hover
{
border-color: #CE2929;
color: #CE2929;
}


.prettywrapper
{
display: block;
position: relative;
text-align: center;
margin: 0;
width: 100%;
height: 1.5em;
background-color: #CE2929;
padding: 0;
border: none;
}


.navmenu
{
width: 43.6em;
position: relative;
padding: 0;
background-color: #CE2929;
text-align: center;
vertical-align: middle;
height: 1.5em;
line-height: 1.5em;
z-index:1000;
border: none;
margin: 0 auto;
}


#aboutshowpage #nav a#aboutshowindex, #multimediapage #nav a#multimediaindex, #genesispage #nav a#genesisindex, #eightiespage #nav a#eightiesindex, #aboutsfxbpage #nav a#aboutsfxbindex
{
background-color: #0000ff;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5em;
	text-align: center;
	min-height: 0;	
	background-color: #CE2929;		
}

#nav a 
{
	font-weight: bold;
	display: block;
	text-align: left;
	vertical-align: middle;
	padding: 0 1em 0 1em;
	color: #ffffff;
	background-color: #CE2929;
	height: 1.5em;
	line-height: 1.5em;
	min-height: 0;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: transparent #ffeeee #202020 #ffeeee;
	}

#nav li ul a
{
font-weight: normal;
color: blue;
background-color: #ffffff;
border-color: transparent #CE2929 #CE2929 #CE2929;
}

#nav a:hover 
{
	color: yellow;
	
}

#nav li ul a:hover
{
color: yellow;
background-color: #CE2929;
font-weight: bold;
}


#nav li { /* all list items */
	float: left;
	text-align:left;
	min-height: 0;
	padding: 0;
	margin: 0;

}


#nav li ul { /* second-level lists */
	
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height: 1.5em;
	text-align: left;
		
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover, #nav li.sfhover {
    position: static;
}


#nav #aboutshow a, #nav #aboutshow ul
{
width: 7.5em;
}

#nav #multimedia a, #nav #multimedia ul
{
width: 6.5em;
}

#nav #genesis a 
{
width: 5.25em;
}

#nav #genesis ul li a, #nav #genesis ul
{
width: 7.5em;
}

#nav #eighties a, #nav #eighties ul
{
width: 7em;
}

#nav #aboutsfxb a
{
width: 6em;
}

#nav #aboutsfxb ul li a, #nav #aboutsfxb ul
{
width: 7em;
}

#nav a#aboutshowindex {
border-width: 0px 1px 0px 2px;
}

#nav a#aboutsfxbindex {
border-width: 0px 2px 0px 1px;
}

#nav .endoflist
{
border-width: 0px 1px 1px 1px;
}


.inlineform
{
float: right;
display: inline;
margin: 0.1em 0 0.4em 0;
padding: 0 4px 0 0;
border: none;
background-color: #ffffff;
min-height: 32px;
line-height: 1.5em;
font-size: 0.7em;
text-align: right;
width: auto;
}

.inlineform *
{
vertical-align: middle;
}

.inlineform #SearchBox, .inlineform #Button
{
border-width: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff;
width: 9em;
}

.inlineform input
{
font-family: arial, helvetica, sans-serif;
border: none;
vertical-align: middle;
}


.googlemiddle
{
vertical-align: middle;
display: inline;
margin: 0;
padding: 0;
border: none;
}

.prev {
float: left;
display: inline;
margin: 8px 0 0 0;
padding: 0;
text-align: left;
width: 17%;
background-color: #ffffff;
line-height: 1.3em;
height: 1.3em;
}

.prev a:hover {text-decoration: underline }

.prev *
{
vertical-align: middle;
}

.next {
float: right;
display: inline;
margin: 8px 0 0 0;
padding: 0;
text-align: right;
width: auto;
background-color: #ffffff;
line-height: 1.3em;
height: 1.3em;
}

.next a:hover {text-decoration: underline }

.next *
{
vertical-align: middle;
}

.locationcenter
{
float: left;
display: inline;
margin: 8px 0 0 0;
padding: 0;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
line-height: 1.3em;
height: 1.3em;
width: 66%;
}

.locationcenter a:hover {text-decoration: underline }

.container {
	position:relative;
	text-align:left;
	width:98%;
	max-width: 1050px;
  	margin-right:auto;
	margin-left:auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding:0;
	background-color: transparent;
	border:0;
			}

.content {
	font-size: 0.9em;
	position:relative; 
	width:66%;
	min-width:480px;
	margin:0px 17% 5px 17%;
	border:none;
	background-color: #ffffff;
	padding: 0.5em 1% 0 1%;
	z-index:6;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:64%;
	}

body>.content {width:64%;}

.content a:hover {
text-decoration: underline;
}

#navigation {
	font-size: 0.8em;
	position:absolute;
	width:16%;
	top:0px;
	left:0px;
	border: 1px;
	border-color: #CE2929;
	border-style: solid;
	padding: 0.5em 0 0.5em 0;
	text-align: left;
	z-index:5;
}

#navigation p {padding : 0.5em 0.3em 0.5em 0.3em}

#navigation ul { 
	padding : 0 0.3em 0 0.3em;
	margin: 0;
	list-style: none;
	line-height: 1.1em;
	text-align: left;
	min-height: 0;	
	background-color: ##ffffff;
	width: auto;		
}

#navigation h3
{
border-width: 0 6px 0 6px;
border-style: solid;
border-color: #ffffff;
padding : 0 0.3em 0 0.3em;
}

#navigation li { 
	
	display: block;
	text-align:left;
	min-height: 0;
	padding: 2px 0 2px 0;
	margin: 0;
	width: auto;
}

#navigation a:hover  {text-decoration: underline}


#navigation ul li a:hover
{
border-color: #CE2929;
color: #CE2929;
text-decoration: none;
display: block;
}

#navigation ul li a 
{
	display: block;
	text-align: left;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
	margin: 0.1em;
	border-width: 0 4px 0 4px;
	border-style: solid;
	border-color: #ffffff;
	color: #0000ff;
	background-color: #ffffff;
	line-height: 1em;
	min-height: 0;
	width: auto;
	overflow:auto;
	text-decoration: none; 
	}
		
#ads {
	position:absolute;
	width:16%;
	top:0px;
	right:0px;
	text-align:center;
	border-style: solid;
	border-color: #CE2929;
	border-width: 1px;
	background-color: #ffffff;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	z-index:1;
	font-size: 0.8em;
	}

#ads h3
{
border-width: 0 6px 0 6px;
border-style: solid;
border-color: #ffffff;
padding : 0 0.3em 0 0.3em;
}

#ads p {padding : 0.5em 0.3em 0.5em 0.3em}

#footer {
	background-color: #ffffff;
	font-size: 0.8em;
	text-align: center;
	border: none;
	padding: 1em 0;
}


.greenbackwrapper
{
width: 90%;
margin: 0 auto;
padding: 0;
}

.greenback
{
float: right;
text-align: left;
display: block;
background-color: #ccffcc;
vertical-align: middle;
padding: 0 3% 0 3%;
margin: 0.5em 0em 0.5em 0;
width: 55%;
line-height: 1.1em;
}

.pregreenback
{
float: right;
text-align: left;
display: block;
width: 35%;
vertical-align: middle;
padding: 0 0 0 2%;
margin: 0.5em 0 0 0;
line-height: 1.1em;
}

.sublist {
	float: left;
	text-align: left;
	position: relative;
	left: 100%;
	top: -1.3em;
	background-color: #ccffcc;
	width: 110%;
	padding: 0;
	margin: 0.1em 0 0.1em 0;
	}

.fullindex {
	float: left;
	clear: both;
	padding: 0;
	margin: 0.1em 0 0.1em 0;
	list-style: none;
	text-align: left;
	min-height: 0;	
	background-color: #ffffff;
	width: 48%;
}

.fullindex a
 
{
	text-align: left;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	background-color: transparent;
	min-height: 0;
	border: none;
	}


.fullindex li {
	
	text-align:left;
	min-height: 0;
	padding: 0.1em 2% 0.1em 3%;
	margin: 0;
	line-height: 1.1em;
	background-color: transparent;
	
	}


.sublist li {
	position: relative;
	display: block;
	text-align:left;
	min-height: 0;
	padding: 0.1em 1em 0.1em 1em;
	margin: 0;
	line-height: 1.1em;
	background-color: transparent;
		
}

.mediaclipthumb
{
float: left;
text-align: center;
display: block;
width: 25%;
vertical-align: middle;
padding: 0.3em 0 0 0;
margin: 0.5em 0 0 0;
line-height: 1.1em;
height: 100px;

}
.mediaclipdetails
{
float: left;
text-align: left;
display: block;
width: 25%;
vertical-align: middle;
padding: 0.3em 0 0 0;
margin: 0.5em 0 0 0;
line-height: 1.1em;
min-height: 100px;
}


.mediaclipcomments
{
float: left;
text-align: left;
display: block;
width: 40%;
vertical-align: middle;
padding: 0.3em;
margin: 0.5em 1em 0 0;
line-height: 1.1em;
min-height: 0;
background-color: #F7F3C3;
}