@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.626%;
	padding-left: 1.1869%;
	padding-right: 1.1869%;
	font: sans-serif;
	font-size:9px
}

#topLine {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#doollee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#search {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:12px
	text-align: center;
}
#header-bottom {
 
 /* border-bottom: 10px solid #b9d2e3;
  height: 1%;*/
}
#header-bottom ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
}
#header-bottom li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom a:hover, #header-bottom a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#header-bottom1 {
 
  border-bottom: 5px solid #b9d2e3;
  height: 1%;
}
#header-bottom1 ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
	text-align: center;
}
#header-bottom1 li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom1 a:link, #header-bottom1 a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom1 a:hover, #header-bottom1 a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#topline1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#menu {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  font-size: 10px;
   text-align: left;
}
ul.nav {
/*list-style: none;*/ /* this removes the list marker */
border-top: 3px solid white; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:#999999;
}
ul.nav li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
border-bottom: 3px solid white;
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #999999;
color: white;
font-weight: bold;
}
ul.nav a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: #999999;
color: red;
font-weight: bold;
}

ul.nav1 {
/*list-style: none;*/ /* this removes the list marker */
/*border-top: 3px solid white;  this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:red;
}
ul.nav1 li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
/*border-bottom: 3px solid white;*/
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav1 a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: red;
color: white;
font-weight: bold;
}
ul.nav1 a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: red;
color: black;
font-weight: bold;
}

.welcome {
	color: #F00;
	font-weight: bold;
	background-color: #FFF;
}

#osborne {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 10px;
	background-color: #FFF;
	text-align: center;
}

#buyPlaysmain {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #CFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	font-size: 10px;
	text-align: center;
}

#topLine2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#listPlaytitles {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
}
#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#LayoutDiv2 {
  clear: none;
  float: left;
  margin-left: 2.6785%;
  width: 100%;
  display: block;
}

#playwrightTable {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#playTable {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 10px;
	font-weight: bolder;
	text-align: center;
}
#LayoutDiv3 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#synopsisTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#synopsisName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	border: thin solid #00F;
}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv13 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 8px;
}

#notesTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#notesName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#producedTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#producedPlace {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#companyTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#companyName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#publishedTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#publishedName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#musicName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#musicTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#buyplayTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#buyplayName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#outletsTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#outletsABE {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#genreTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#genreName {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#partsTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#partsMaletitle {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#refTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 17.8571%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#refname {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 58.9285%;
	display: block;
	border: thin solid #00F;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

#topofPage {
	clear: both;
	float: left;
	margin-left: 20.5357%;
	width: 58.9285%;
	display: block;
	background-color: #CCC;
	border: medium solid #00F;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
}

#LayoutDiv15 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 8px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.footer {
padding: 1px 0;
background: #b9d2e3;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
#footer {
  padding: 1px 0;
  background: #b9d2e3;
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 1px;
  clear: both;
  font-weight: normal;
}
#footer p {
	font-size: 90%;
	color: #256290;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	font-weight: bold;
}
#footer ul {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: normal;
}
#footer li {
  display: inline;
  font-weight: normal;
}
#footer li a:link, #footer li a:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
}
#footer li a:hover, #footer li a:active {
  text-decoration: none;
  color: red;
  font-weight: normal;
}
#footer .top {
  color: red;
}
#alphabeticalOrder {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 91.4836%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
	font: sans-serif;
}
#topLine {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#doollee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 36.464%;
	display: block;
	text-align: center;
}
#search {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 61.8784%;
	display: block;
}
#header-bottom {
 
 /* border-bottom: 10px solid #b9d2e3;
  height: 1%;*/
}
#header-bottom ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
}
#header-bottom li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom a:hover, #header-bottom a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#header-bottom1 {
 
  border-bottom: 5px solid #b9d2e3;
  height: 1%;
}
#header-bottom1 ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
	text-align: center;
}
#header-bottom1 li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom1 a:link, #header-bottom1 a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom1 a:hover, #header-bottom1 a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#topline1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#menu {
  clear: both;
  float: left;
  margin-left: 0;
  width: 23.7569%;
  display: block;
  font-size: 11px;
   text-align: left;
}
ul.nav {
/*list-style: none;*/ /* this removes the list marker */
border-top: 3px solid white; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:#999999;
}
ul.nav li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
border-bottom: 3px solid white;
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #999999;
color: white;
font-weight: bold;
}
ul.nav a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: #999999;
color: red;
font-weight: bold;
}

ul.nav1 {
/*list-style: none;*/ /* this removes the list marker */
/*border-top: 3px solid white;  this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:red;
}
ul.nav1 li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
/*border-bottom: 3px solid white;*/
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav1 a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: red;
color: white;
font-weight: bold;
}
ul.nav1 a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: red;
color: black;
font-weight: bold;
}

.welcome {
	color: #F00;
	font-weight: bold;
	background-color: #FFF;
}

#osborne {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 74.5856%;
	display: block;
	font-size: 11px;
	background-color: #FFF;
	text-align: center;
}

#buyPlaysmain {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #CFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	font-size: 13px;
	text-align: center;
}

#topLine2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#listPlaytitles {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	text-align: center;
}
#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#LayoutDiv2 {
  clear: none;
  float: left;
  margin-left: 1.6574%;
  width: 100%;
  display: block;
}

#playwrightTable {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#playTable {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
}
#LayoutDiv3 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#synopsisTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#synopsisName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv13 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 8px;
}

#notesTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border: thin solid #00F;
}

#notesName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#producedTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border: thin solid #00F;
}

#producedPlace {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#companyTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#companyName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#publishedTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#publishedName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#musicName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#musicTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#buyplayTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#buyplayName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#outletsTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#outletsABE {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#genreTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#genreName {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#partsTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#partsMaletitle {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#refTitle {
	clear: both;
	float: left;
	margin-left: 12.7071%;
	width: 23.7569%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#refname {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
	border: thin solid #00F;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#topofPage {
	clear: both;
	float: left;
	margin-left: 25.4143%;
	width: 49.1712%;
	display: block;
	background-color: #CCC;
	border: medium solid #00F;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}

#LayoutDiv15 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 8px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.footer {
padding: 1px 0;
background: #b9d2e3;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
#footer {
  padding: 1px 0;
  background: #b9d2e3;
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 1px;
  clear: both;
  font-weight: normal;
}
#footer p {
	font-size: 90%;
	color: #256290;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	font-weight: bold;
}
#footer ul {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: normal;
}
#footer li {
  display: inline;
  font-weight: normal;
}
#footer li a:link, #footer li a:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
}
#footer li a:hover, #footer li a:active {
  text-decoration: none;
  color: red;
  font-weight: normal;
}
#footer .top {
  color: red;
}
#alphabeticalOrder {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

}












/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.826%;
	max-width: 1232px;
	padding-left: 0.5869%;
	padding-right: 0.5869%;
	margin: auto;
	font: sans-serif;
	font-size:12px;
}
#topLine {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#doollee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 29.0748%;
	display: block;
	text-align: center;
}
#search {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 69.6035%;
	display: block;
	font-size:14px
	text-align: center;
}
#header-bottom {
 
 /* border-bottom: 10px solid #b9d2e3;
  height: 1%;*/
}
#header-bottom ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
}
#header-bottom li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom a:hover, #header-bottom a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#header-bottom1 {
 
  border-bottom: 5px solid #b9d2e3;
  height: 1%;
}
#header-bottom1 ul {
	margin: 0;
	padding: 0;
	padding: 0 30px 0 0;
	font-size: 100%;
	text-align: center;
}
#header-bottom1 li {
  display: inline;
  background-color: white;
  color: black;
}
#header-bottom1 a:link, #header-bottom1 a:visited {
  text-decoration: none;
  background-color: white;
  color: black;
}

#header-bottom1 a:hover, #header-bottom1 a:active {
  text-decoration: none;
  background-color: white;
  color: Red;
}

#topline1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#menu {
  clear: both;
  float: left;
  margin-left: 0;
  width: 18.9427%;
  display: block;
  font-size: 13px;
  text-align: left;
}

ul.nav {
/*list-style: none;*/ /* this removes the list marker */
border-top: 3px solid white; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:#999999;
}
ul.nav li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
border-bottom: 3px solid white;
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #999999;
color: white;
font-weight: bold;
}
ul.nav a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: #999999;
color: red;
font-weight: bold;
}

ul.nav1 {
/*list-style: none;*/ /* this removes the list marker */
/*border-top: 3px solid white;  this creates the top border for the links - all others are placed using a bottom border on the LI */
/*margin-bottom: 15px;*/ /* this creates the space between the navigation on the content below */
list-style: none;
  margin: 0;
  padding: 0;
  background-color:red;
}
ul.nav1 li {
/*border-bottom: 1px solid #666;*/ /* this creates the button separation */
/*border-bottom: 3px solid white;*/
  padding: 0 0 0 0.2em;
  font-size:  100%;
}
ul.nav1 a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 0px 0px 0px 0px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: red;
color: white;
font-weight: bold;
}
ul.nav1 a:hover { /* this changes the background and text color for both mouse and keyboard navigators */
background: red;
color: black;
font-weight: bold;
}

.welcome {
	color: #F00;
	font-weight: bold;
	background-color: #FFF;
}

#osborne {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	font-size: 12px;
	background-color: #FFF;
	text-align: center;
}

#buyPlaysmain {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 18.9427%;
	display: block;
	background-color: #CFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	font-size: 12px;
	text-align: center;
}

#topLine2 {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 79.7356%;
	display: block;
}

#listPlaytitles {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: center;
	font-weight: bolder;
	text-decoration: none;
}
#listPlaytitles a:link, #listPlaytitles a:visited {
  text-decoration: none;
  color: blue;
  font-weight: normal;
}
#listPlaytitles a:hover, listPlaytitles a:active {
  text-decoration: none;
  color: red;
  font-weight: normal;
}
listPlaytitles .top {
  color: red;
}
#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  line-height: 4px;
}
#LayoutDiv2 {
  clear: none;
  float: left;
  margin-left: 1.3215%;
  width: 100%;
  display: block;
}

#playwrightTable {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 7px;
	font-weight: bolder;
	text-align: center;
}

#TT {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#playTable {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	background-color: #CFF;
	border: thin solid #00F;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
}
#LayoutDiv3 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#synopsisTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#synopsisName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	font-weight: normal;
	text-align: center;
}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv13 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 4px;
}

#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 16px;
}

#notesTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#notesName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#producedTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#producedPlace {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#companyTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#companyName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#publishedTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#publishedName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#musicName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#musicTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#buyplayTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#buyplayName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#outletsTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#outletsABE {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#genreTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#genreName {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#partsTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#partsMaletitle {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#refTitle {
	clear: both;
	float: left;
	margin-left: 10.1321%;
	width: 18.9427%;
	display: block;
	border: thin solid #00F;
	
	font-weight: bold;
	text-align: left;
}

#refname {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 59.4713%;
	display: block;
	border: thin solid #00F;
	
	font-weight: normal;
	text-align: center;
}

#topofPage {
	clear: both;
	float: left;
	margin-left: 20.2643%;
	width: 59.4713%;
	display: block;
	background-color: #CCC;
	border: medium solid #00F;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#LayoutDiv15 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 16px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.footer {
padding: 1px 0;
background: #b9d2e3;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
#footer {
  padding: 1px 0;
  background: #b9d2e3;
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 1px;
  clear: both;
  font-weight: normal;
}
#footer p {
	font-size: 90%;
	color: #256290;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	font-weight: normal;
}
#footer ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
#footer li {
  display: inline;
  font-weight: normal;
}
#footer li a:link, #footer li a:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
}
#footer li a:hover, #footer li a:active {
  text-decoration: none;
  color: red;
  font-weight: normal;
}
#footer .top {
  color: red;
}
#alphabeticalOrder {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}


}