/* GLOBAL SETTINGS */
body {
  background-color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a	{
	color: blue;
	text-decoration:none;
	}

a:visited {
  	color: blue;
}	

a:hover	{
	color: blue;
	text-decoration: underline;	
	background-color:#fffff0;
}

form {
	margin: 0;
	padding-top:10px;
}

ul {
	list-style: url(../_site_graphics/bullet.gif) disc;	
}

.redarrow {
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	/*letter-spacing: -0.2em;*/
}

.hidden	{
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
}

.skiplink {
	display: none;
}

/* Text Formatting */
.motto {
	color: #999;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}

.tiny {
	font-size: x-small;
}

.browsetitle {
	font-weight: bold;
	font-size: small;
	color: #888;
}

.browseitems {
	font-size: small;
}

.mainheading {
	color: #ff0000;
	font-weight: bold;
	font-size: medium;
	/* using px instead of relative size to avoid display bug in IE */
	margin-left: 0px;
	padding-bottom: 1px;
	/*background: url(../_site_graphics/right.gif) top right repeat-y;*/
}

.sectionheading {
	color: #ff0000;
	font-weight: bold;
	font-size: small;
	background-color: #f6f6f6;
	padding: 2% 0% 2% 2%;
	border-top: 1px #666 dotted;
	line-height: 13px;
}

#news {
	line-height: 0.8em;
}

.newsdate {
	color: #888;
	font-size: x-small;
	font-style: italic;
}

.newstitle {
	color: #888;
	font-weight:bold;
	font-size: x-small;
}

.newsitem {
	color: #888;
	font-size: x-small;
}

.newtitle {
	color: #888;
	font-size: x-small;
	text-align: left;
	/* do not allow flow to the right of the image */
	clear: right;
}

.newtitle2 {
	vertical-align: top;
}

.newtitledvd {
	color: #888;
	font-size: x-small;
	text-align: left;
	/* do not allow flow to the right of the image */
	clear: right;
	margin-top: 30%;
}

.footnote {
  font-size: x-small;
  /*font-style: italic;*/
  color: #888;
}

/* defines when the layout CSS is visible */
@media screen, projection, print {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

#wrapper {
  margin: auto;
  min-width: 150px;
  max-width: 800px;
  padding: 0;
  width: 800px
  /* workaround for IE who does not use min-width and max-width \ */
  /*width: expression(document.body.clientWidth > 800? "800px": "auto" );*/
}

/* BANNER */
#banner {
  background-color: #fff; 
  margin: 0;
  padding: 0% 0% 1% 0%;
  border-bottom: 1px #666 dotted;
}

#banner #sitemap{
	margin: 0px;
	float: right;
}

#banner #date {
	margin: 0px;
	float: right;
}

/*TICKER */
#ticker {
	width: 65%; /* reduced from 70%, otherwise it will push the right section to the bottom in IE */
	background-color: #fff;
	text-align: left;
	margin-top: 0px; /* used to be 15px */
	margin-bottom: 0px; /* used to be 18px */
	z-index: 5000;
	/*font-stretch: extra-expanded;
	color: #000033;
	margin-left: 25px;
	margin-right: 25px;
	padding: 2px;*/
}

/* MAIN: MAINLINKS + SIDEBAR + FOOTER */
#main {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;

/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}

#main #mainlinks {
  	width: 65%;         /* width of .main container -reduced from 70%, otherwise it will push the right section to the bottom in IE */
  	float: left;        /* left side of window */
	margin: 0;
	padding: 0;

}

/* Grey Box */
#box {
	width: 70%;
	float: left;
	margin: 0;
	padding: 0;
}

.topleft { 
	background-image: url('../_site_graphics/topleft2.gif');
	height: 17px;
	margin-right: 17px; 
	font-size: 2px;
}
	
.topright { 
	float: right;
	margin-top: -17px;
	/*background-image: url('topright.gif');*/
	height: 17px; 
	width: 20px;
	font-size: 2px; 
}
	
div.inside {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f6f6f6;
	padding-left: 10px;
	padding-right: 10px;
}
	
.bottomleft {
	background-image: url('../_site_graphics/bottomleft2.gif');
	height: 17px;
	margin-left: -11px;
	/*margin-right: 17px;*/
	font-size: 2px;
	/*float: left;
	background-position: 100% 0;*/
}

.bottomright {
	/*background-image: url('bottomright.gif');*/
	float: right;
	margin-top: -17px;
	margin-right: -11px;
	/*background-repeat: no-repeat;*/
	height: 17px;
	width: 20px;
	font-size: 2px;
}

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

#main #mainlinkstop {
	/*background: url(../_site_graphics/topleft.gif) top left no-repeat;*/
}

div.topright {
 	/*background: url(../_site_graphics/topright.gif) top right no-repeat;*/
	height: 32px;
}

div.search {
	/* using px instead of relative size to avoid display bug in IE */
	text-align: left;
	/*background: url(../_site_graphics/right.gif) top right repeat-y;*/
	/* using px instead of relative size to avoid display bug in IE */
	padding-bottom: 20px;
	padding-left: 16px;
}

div.browse {
	width: 100%;
	/*background: url(../_site_graphics/right.gif) top right repeat-y;*/
	/* using px instead of relative size to avoid display bug in IE */
	padding-top: 10px;
	padding-bottom: 5px;
}

.browseleft {
	width: 46%;
	/* using px instead of relative size to avoid display bug in IE */
	margin-left: 16px;
	float: left;
	background-color: #f6f6f6;
}

div.browseright {
	width: 46%;
	padding-right: 1%;
	float: right;
	/*background: url(../_site_graphics/right.gif) top right repeat-y;*/
	background-color: #f6f6f6;
}

#main #mainlinksbottom {
 	 /*background: url(../_site_graphics/bottomleft.gif) bottom left no-repeat;*/
} 
div.bottomright {
 	 /*background: url(../_site_graphics/bottomright.gif) bottom right no-repeat;*/
	 height: 32px;
} 
#main #otherlinks {
	padding: 10px;
}

/* special features: staff recommendations, special notices etc. */

#spacercolumn {
	width: 4%;
	float: left;
	height: auto;
}

#rightcolumn {
	width: 26%;
	height: auto;
	float: right;
}

#specialfeature {
	font-size: x-small;
	font-weight: bold;
}

/* sidebar */
#val {
	/*text-align: center;*/
	padding: 6% 0% 6% 22%;
}

#sidebar {
  margin-left: 72%;   /* past content */
  padding: 2%;
}
#sidebar #val {
	text-align: left;
	padding-top: 2%;
	padding-bottom: 2%;
}
#sidebar #newstuff {
  padding: 2%;
}

#secondarylinks {
	width: 100%;
	float: left;
}

.seclinksleft {
	width: 40%;
	float: left;
	font-size: small;
	margin-left: 5%;
}
.seclinksright {
	width: 40%;
	float: left;
	font-size: small;
	margin-left: 8%;
}

.dvdimg {
	float: left;
	padding: 1% 5% 0% 0%;
}

.bookcover {
	float: left;
	width: 62px;
	margin-right: 10px;
}

.space {
	height: 7px;
}

.space2 {
	height: 12px;
}

.new {
	font-weight: normal;
	font-size: small;
	color: #ff0000;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 0px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#footer {
  width: 100%;
  background-color: #fff;  /* same bg color as h1 */
  border-top: 1px #666 dotted;
  margin: 0;
  margin-top: 8px;
  padding-top: 1%;
  font-size: x-small;
  color: #888;
}

.footer1 {
  width: 20%;
  text-align: left;
  float: left;
}

.footer2 {
  width: 80%;
  text-align: right;
  float: right; 
}
} /* end @media rules */



/* Below CSS styles for printing pages */

@media print {
.topright {
  display: none;
}

.bottomright {
  display: none;
}

div.inside {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	/*background-color: #fff;*/
	padding-left: 10px;
	padding-right: 10px;
}
}