/* start of:  scheme for Saxophonics*/
/*

*/


body {
	background-color: white;
	margin: 0;
	padding: 0}
body, form, input, table, textarea, pre{
	font-family: Arial, Helvetica, sans-serif}
/* start of main page structure */
	/* +++++ page layout +++++ */
#area_1 {
	clear: both;
	position: relative;
	width: 100%}
#area_2, #area_3 {
	clear: both;
	position: relative;
	left: 2%; 
	width: 100%}	/* +++++ area 1 layout +++++ */
#box_1a {}
	/* +++++ area 2 layout +++++ */
#box_2a {
	float: left;
	top: 68px;
	left: 2%;
	position: relative;
	width: 15%}
#box_2a_quote {
	background-color: #999999;
	float: left;
	width: 50%;
	position: relative;
	padding: 2% 10% 2% 10%;
	border: 20px solid #FFFFFF;
	color: #000000}
#box_2b {
	float: left;
	position: relative;
	padding: 0 0 0 1.5%;
	width: 61.5%}/* important: add these %s (width, left and right only) and that of #box_2a.  must =100% */
#box_2ba {
	float: left;
	left: 5%;
	position: relative;
	padding-right: 5%;
	width: 51.5%}/* important: add these %s (width, left and right only) and that of #box_2a.  must =100% */
#box_2bb {
	float: left;
	position: relative;
	top: 150px;
	padding-left: 1.5%;
	width: 20%}/* important: add these %s (width, left and right only) and that of #box_2a.  must =100% */
#box_2bb_blocka, #box_2bb_blockb, #box_2bb_blockc {
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	width: 200px}
	/* +++++ area 3 layout +++++ */
#box_3a {
	float: left;
	position: relative;
	width: 17%}
#box_3b {
	float: right;
	left: 5%;	
	padding: 0 1.5% 0 1.5%;
	width: 79%}/* important: add these %s (width, left and right only) up and add to ie_additions.css */

#area_4 {
	color: gray;
	position: absolute;
	left: 80%;
	width: 20%;
	top: 140px;
	float: right;
	font-size: 100%}
#box_4a, #box_4b {
	width: 100%;
	background-color: #DDDDDD;
	padding: 3% 5% 3% 10%;
	border: solid 2px #0000FF}
#box_4a a {
	padding: 0 1% 0 1%}
	

/* end of main page structure */
/* start of key structural styling */
	/* +++++ area 1 styling +++++ */
#header {
	background-color: white;
	background-image: url(/site/images/logo.png);
	background-repeat: no-repeat;
	background-position: 60px 0px;
	height: 210px;
	margin-bottom: 2px}
#header_logo {
	float: left;
	margin: 0;
	padding: 0}
#header_img {
	float: right}
#nav_main {
	background: #BA122B;
	clear: both;
	display: block;
	list-style: none;
	margin: 0;
	text-align: center}
#nav_main li {
	display: inline;
	margin: 0 -2px 0 -2px;
	padding: 0}
#nav_main a:link, #nav_main a:visited, #nav_main a:hover, #nav_main a:active {
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2em;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration: none}
#nav_main a:hover, #nav_main a:active {
	color: #FFFFFF !important;
	text-decoration: underline}
	/* +++++ area 2 styling +++++ */
#box_2a {
	padding-bottom: 3em}
#nav_home, #nav_players, #nav_about, #nav_consult, #nav_missing {
	font-family: broadway, cursive, serif;
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden}
#xxx #nav_missing {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#home #nav_home {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#players #nav_players {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}
#about #nav_about {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important}

#nav_2 a:link, #nav_2 a:visited, #nav_2 a:hover, #nav_2 a:active {
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	color: #0000FF;
	display: block;
	line-height: 2em;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	width: 95%}
#nav_2 a:hover, #nav_2 a:active {
	background-color: gray}
#nav_2 {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0 0 3em 0}
#nav_2 ul {
	font-weight: normal;
	margin: 0;
	padding-bottom: 1px}
#box_2a p {
	color: gray;
	font-size: 90%}
#box_2b {
	padding-bottom: 3em}
	/* +++++ area 3 styling +++++ */
#area_3 {
	border-top: dashed 1px #0000FF}
#area_3 {
	color: gray;
	font-size: 90%}
#box_3a, #box_3b {
	padding-bottom: 1em;
	padding-top: 1em}
#box_3a a {
	padding: 0 1% 0 1%}
	


/* start of key structural styling */
/* start of generic mark-up styling */
      /* +++++ simple text elements +++++ */
p {color: black;
	font-size: 100%}
h1 {border-bottom: solid 1px #0000FF;
	font-family: broadway, cursive, serif;
	color: #0000FF;
	padding-bottom: 0.5em;
	font-size: 180%}
h2 {color: #0000FF;
	font-family: broadway, cursive, serif;
	font-size: 165%}
h3 {color: #0000FF;
	font-family: broadway, cursive, serif;
	font-size: 160%}
h4 {color: #0000FF;
	font-family: broadway, cursive, serif;
	font-size: 155%}
h5 {color: #0000FF;
	font-family: broadway, cursive, serif;
	font-size: 145%}
h6 {color: #0000FF;
	font-family: broadway, cursive, serif;
	font-size: 130%}
pre {
    font-size: 120%;
	font-style: normal;
}
cite {
	font-style: italic;
	font-weight: bold}
q {	font-style: italic}
blockquote {
	margin-left: 2em}
	/* +++++ list elemnets +++++ */
ul {
	list-style: square;
	margin-left: 2.5em;
	padding-left: 0}
li.contents, li.contents a:link, li.contents a:visited {
	color: #0000FF;
	font-size: 130%}
ol {margin-left: 2.5em;
	padding-left: 0}
dl {margin: 0;
	padding: 0}
dt {font-weight: bold;
	color: #0000FF}
dd {margin-left: 25px}
	/* +++++ link elements +++++ */
a:link, a:visited, a:hover, a:active {
	color: #0000FF;
	text-decoration: none}
a:hover, a:active {
	text-decoration: underline}
sup a {
	background-color: #0000FF;
	color: #DDDDDD !important;
	margin-left: 0.5em;
	padding: 0 2px 0 2px}
	/* +++++ table elements +++++ */
table {
	background: #DDDDDD;
	font-size: 100%;
	border-collapse: collapse;
	width: 100%}
table.width75 {
	background: #DDDDDD;
	font-size: 100%;
	width: 75%}
table.events {
	background: #DDDDDD;
	width: 100%}
table h2 {color: #0000FF;
	font-weight: bold;
	font-size: 140%}
	
caption {
	font-weight: bold;
	padding: 1em}
th {background: #0000FF;
	color: white;
	border: 1px solid #0000FF;
	padding: 0.5em;
	vertical-align: top}
th a:link, a:visited, a:hover, a:active {
	color: #DDDDDD;
	text-decoration: none}
th a:hover, a:active {
	text-decoration: underline}

td {background: #DDDDDD;
	padding: 0.5em;
	border: 1px solid #0000FF;
	vertical-align: top}
td a:link, a:visited, a:hover, a:active {
	color: #000000;
	text-decoration: none}
td a:hover, a:active {
	text-decoration: underline}

table ol, table ul {
	font-size: 100%;
	margin: 0.5em 0 0.5em 1.5em;
	padding: 0}
td.wide75 {
    width: 75px;}
td.wide400 {
    width: 400px;}
.transparent {
	background: #FFFFFF;
	font-size: 100%;
	border: 0;
	width: 100%}
	/* +++++ form elements +++++ */
form {
	border: solid 2px #0000FF;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em 1em}
form dd {
	margin-top: 0.25em;
	margin-bottom: 0.75em}
input, textarea {
	background-color: #FFFFBB !important;
	border: solid 1px #0000FF;
	font-size: 100%;
	padding: 0 0.25em 0 0.25em;
	}
.submit {
	color: #0000FF}
.submit h3 {
	display: inline}
.submit input {
	background-color: #gray !important;
	border: outset 2px !important;
	color: #0000FF !important;
	margin-left: 0.5em;
	width: auto !important}
	/* +++++ other elements +++++ */
hr {color: gray;
	height: 1px}
img {
	border: 0}
img.right {
	padding: 5px 0 5px 5px;
	float: right}
/* end of generic mark-up styling */
/* start of specific mark-up styling */
.two_cols {
	background-color: #0000FF;
	height: 1px	}
.col_1 {
	float: left;
	margin-right: 1%;
	width: 49%}
.col_2 {
	float: left;
	margin-left: 1%;
	width: 49%}
.box {
	border: none;
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0 1em 0 1em}
.boxleft {
    float: left;
    width: 30%;
	border: none;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 1em}
.boxright {
    float: right;
	width: 45%;
	border: none;
	margin: 1em 0 1em 0;
	padding: 0 1em 0 1em}
.clear {
	clear: both}
#contents {
	border: solid 2px #0000FF;
	margin: 1em 0 1em 0;
	padding: 1em 1em 1em 2em}
.footnotes  {
	border-top: 2px solid #0000FF;
	font-size: 90%;
	margin: 2em 0 0 0;
	padding: 1em 0 0 2.5em}
.hidden {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden}
.img_links {
	color: #FFFFFF;
	margin: 1em 0 1em 0}
.img_links img, .img_links input {
	margin: 0 1.5em 0 0}
.photo {
	border: solid 2px #0000FF;
	display: block;
	float: left;
	font-weight: bold;
	margin: 1em;
	padding: 1em}
.photo img {
	display: block}
.photoleft {
	float: left;
	margin-right: 25px;}
/* end of specific mark-up styling */
/* start of section-specific mark-up styling */
	/* user/reviews/reviews_users.htm */
dl.product {
	border-bottom: dashed 1px #0000FF;
	margin-bottom: 1em;
	padding-bottom: 1em}
dd.product {
	font-weight: bold}
.error {
    color: red;
}
.bold {
    font-weight: bold;
}
.invalid {
	background-color: #0000FF;
    color: white;
}
.full {
	background-color: red;
    color: white;
}
.quote {
color:black; 
text-align:center ;
font-family:cursive,sans-serif;
font-style: italic}
td.available, td.available a:link, td.available a:visited, td.available a:active, td.available a:hover  {
	background-color: #0000FF;
    color: white;
}
td.limited, td.limited a:link, td.limited a:visited, td.limited a:active, td.limited a:hover  {
	background-color: yellow;
    color: black;
}
/* end of section-specific mark-up styling */
/* start of temporary classes for development only */
.alert {
	background: yellow;
	font-weight: bold;
	padding: 1em;
	text-align: center}
.centre {
	text-align: center}