/* ****************************************************** */
	/* *** STYLESHEET: STATE COLLEGE GUITAR LESSONS ********* */
	/* *** ©2007 J.SABARESE STATECOLLEGEGUITARLESSONS.COM *** */
	/* ****************************************************** */

html {
	font-family: "trebuchet ms", tahoma, arial, geneva, sans-serif;
	color: silver;
	background-color: #036;
}

body {
	background: #036;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: silver;
	padding: 0;
	/*   background: #ccc url(../images/bg_blue-black-test.jpg) repeat-y 50% 0;   */
}
img {
	border: none;
}
div {
	font-size: 95%;
}
h2, h3, h4, h5, h6 {
	font-family: "georgia", "Georgia", "Times New Roman", Times, serif;
	margin-left: 3%;
	color: #337;
	background-color: #fff;
	margin-right: 3em;
	text-shadow: rgb(90,90,90) 0.02em 0.02em;
}

h1 {
	display: block;
	font-family: "georgia", "Georgia";
}
p, div#giftcert {
	margin-left: 2em;
	margin-right: 3em;
}
input, textarea {
	background-color: transparent;
	color: black;
	font-weight: bolder;
}
dl {
	background-color: #CCC;
}
dt {
	font-size: 110%;
	background-color: #AAA;
	border-bottom: 1px solid blue;
	color: rgb(0, 0, 0);
}


#maincol ul, li {
	margin-right: 40px;
}
div.resourceSub {
	margin:1em 4em;
	outline:0.1em solid #777;
	padding:0.4em 0em;
	top: 2em;
}

a.ghost { text-decoration:none; }

div#bassDllPlayers {
	text-align:center;
	margin:0;
	font-variant:small-caps;
	color:#666;
/*	background-color:#efefef; */
}

/* JAVASCRIPT EFFECTS DEPENDENCIES
-------------------------------------- */
.displaynone,
.displayNone {
	display:none;
}
dl#aboutLearning {
	margin-left:2em;
	background-color:#fff;
	margin-right:2em;
}
dl#aboutLearning dt {
	background-color: #fff; /* #BBDDFF; */
	font-weight:800;
	margin-top:1em;
	border:none;
	text-decoration:underline;
}
dl#aboutLearning dd {
	padding:1em 0em;
	margin-left:-1em;
	border:0.1em solid #999;
}
iframe {
	z-index:99;
	float:right;
	position:relative;
	display:block;
	margin:0.5em;
	clear:both;
}

/* ------------------------------------------- NAVIGATION ------------------- */

#navcontainer { width: 100px;
margin-top: 5em;
color: #000;
padding: 6px; }
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: "georgia", "Georgia", "Times New Roman", Times, serif;
	font-variant: small-caps;
	text-indent: 1em;
}
#navcontainer a {
	display: block;
	padding: 3px;
	width: 125px;
	color: black;
	background-color: #003366;
	border-bottom: 1px solid rgb(100, 100, 240);
}
#navcontainer a:link, #navlist a:visited {
	color: rgb(0, 0, 0);
	background-color: #fff;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: rgb(100, 150, 200);
	color: #fff;
}
a#cwd-inner-a {
	display: block;
	width: inherit;
	height: inherit;
	background:transparent;
	text-decoration:none;
}

/* ---------------------------------------- END NAVIGATION ------------------ */
/*  ***************************************************** GENERATED CONTENT   */
/*
ul a:before {
	content: ".: ";
	color: rgb(100, 100, 240);
	font-weight: bold;
	font-size: 130%;
}
*/
/*
* html ul a:before {
 content: ".: ";
 color: rgb(100,100,240);
 font-weight:bold;
 font-size:130%;
}
*/
li.nav a img {
	display:inline;
}
h1:before {
	content: ".: ";
	color: rgb(130, 150, 255);
	font-weight: bold;
	font-size: 130%;
}
h2:before {
	content: ".: ";
	color: maroon;
	font-weight: bold;
	font-size: 110%;
}
/* ****************************************************** PAGE ID SPECIFIC ***** */
/* CATA-MAP */

#cataMap { /* SEE EMBEDDED STYLES */ }


/* SCHEDULE */


#schedule iframe {
	background-color:transparent;
	margin-bottom:2em;
/*	outline:0.5em solid #c24; */
}

ul#studentRoster {
	list-style-type:none;
}
#schedule li.mon {
	list-style-image:url('monday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.tue {
	list-style-image:url('tuesday.png');
	line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.wed {
	list-style-image:url('wednesday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.thu {
	list-style-image:url('thursday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.fri {
	list-style-image:url('friday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.sat {
	list-style-image:url('saturday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
#schedule li.sun {
	list-style-image:url('sunday.png');
		line-height:200%;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}
/* RESOURCES */
#resources .resourceSub h4 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.2em;
}
#resources dl {
	background-color:#fff;
	border:0.1em solid #999;
}
#resources dl a {
	background-color:inherit;
}
#resources dl dd ol {
	list-style-type:upper-roman;
	font-family: Impact, Charcoal, sans-serif;
}
#resources dl dd li {
	margin:1em 0.8em;
}
#resources dl dt {
	padding:0.3em;
	background-color:#bbddff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight:700;
}
#resources dl dd {
	padding:1em 0.8em;
}
#resources dl dd dl  {
	background-color:#eee;
	}
body#resources span.hoverImage {
	font-family:arial, helvetica, sans-serif;
	font-variant: small-caps;
}
#contact form input:focus {
	background-color:#FFA;
}
#contact form textarea:focus {
	background-color:#FFD;
}
#contact form #submitContact:focus {
	background-color:#393;
}

#location h2:before {
	content: '';
}

#location h4 {
 	background-color:#E8EEF7;
 	padding:0.3em 0 0.2em 1em;
}

#location .basicNumbers li {
	list-style-position: inside;
	list-style-type: none;
	margin:0.5em 4em 1.5em 0;
	padding-left:0;
	content: counter(section);
}

#location .dirIntro {
	font-style: oblique;
	font-style: italic;
	counter-reset: section;
}

#location .dirSteps:before {
	list-style-type:none;
	list-style-position:inside;
	counter-increment: section;
	content: "Step \000023 " counter(section) " \00000D\00000A";
	color:#F00;
}

/*
#location .resetDirSteps:before {
	list-style-type:none;
	list-style-position:outside;
	content: "Step \000023 " counter(section) " \00000D\00000A";
	counter-reset: section;
	color:#F00;
}
*/

/* ------------------------------------------------------------------- <BODY#ID> */
body#resources h3 {
	border-bottom:1px solid #7A47AD;
}
/*  ---------------------------------------------------------------------- < p > */
p#eggLink {
	float:left;
	margin:0 auto;
	text-align:center;
	color: #330099;
	font-family: "georgia", "Georgia", "Times New Roman", Times, serif;
	font-variant: small-caps;
}
/* ---------------------------------------------------------------------- <SPAN> */
img.clown {
	display:inline;
	vertical-align: text-bottom;
}
/* ------------------------------------------------------------------------ <HR> */
hr {
	background-image: url('hr-separator500.gif');
	border:none;
	outline: none;
	width:500px;
	height:6px;
	background-repeat:no-repeat;
}
/* --------------------------------- LISTS LISTS LISTS LISTS LISTS -------------- */
/* ----------------------------------------------------------------------- < UL > */
div#schedContainer {
	background-color:#fff;
/* 	background-image:url('studentroster-bg.png'); */
	background-position:top left;
	background-repeat:repeat-y;
}
ul#studentRoster {
	background-color:transparent;
	margin:0 2em;
	color:#005;
}
ul#studentRoster li {
	margin-left:2.5em;
	background-color:transparent;
	border-bottom:0.1em solid #0000A0;
}
ul#studentRoster li.scheditems {
	list-style-type:none;
	border-bottom:none;
}
ul#studentRoster li.guitarbull {
	list-style-image:url(guitar-bullet-flip-n30px2.gif);
	text-decoration: underline;
	margin-bottom:1.6em;
}
/* ------------------------------------------------------------------------ < IMG > */
img#starIcon {
	display:inline;
	vertical-align: text-bottom;
}
img.floatLt {
	display:block;
	float:left;
	position:relative;
	border:0.1em outset #88b;
	margin:0.5em;
}
img.floatRt {
	display:block;
	float:right;
	position:relative;
	border:0.1em outset #88b;
	margin:1em;
}
#theEgg {
	border:none;
	height:125px;
	width:125px;
	display: block;
	background-image: url('../images/egg-radio-crossing.gif');
	text-decoration:none;
	margin:0 0 0 0.7em;
	text-align:center;
}
#theEgg:hover {
	background-image: url('../images/egg-radio-hover.gif');
}
/* ****************************** */
/* -------SPECIAL BULLETS -------------------------------------------------------- */
/* ****************************** */
ul.gbull {
	list-style-image: url(guitar-bullet.gif);
}
ul.gbullbig {
	list-style-image: url(guitar-bullet-flip-n30px.gif);
}
ul.gbullbig li {
list-style-image:url(guitar-bullet-flip-n30px2.gif);
text-decoration: underline;
}
ul.gbullbig li.nodeco, .nodeco, li.nodeco, *.nodeco {
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
.cursive {
	font-family: "Comic Sans", "Comic Sans MS", "comic sans", script, cursive;
}
dl#defined {
	font-size:0.90em;
	margin:0.8em;
	width:95%;
	margin-top:4em;
}
dl#defined dt {
	background-color: #f8f8f8;
	font-weight:bold;
}
dl#defined dd {
	font-family:arial,helvetica,sans-serif;
}
#giftcert {
	background-color: rgb(221, 221, 221);
	border: 2px dashed #aaa;
	padding: 1em;
	margin-right: 1em;
}
#giftcert h3 {
	text-align: left;
	text-decoration: underline;
}
#free-DLM {
	float: left;
	margin-left: 1em;
	width: 88px;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF3399;
}
#free-DLM a {
	font-style: italic;
}
#h1top {
	margin-top: 2em;
}
div#h1top {
    display:block;
    margin-top:3em;
    padding:1em;
}
#h2top {
	margin-top: 1em;
}
#gads {
	margin-bottom: 60px;
	text-align: center;
}
#dllt {
	float: right;
	margin: 30px 525px 10px 0px;
	width: 200px;
	font-size: 12px;
	border: 1px solid #454545;
	z-index: 3;
}
#dlmid {
	float: right;
	margin: -6em 297px 10px 0px;
	width: 200px;
	font-size: 12px;
	border: 1px solid #454545;
	z-index: 4;
}
#dlrt {
	float: right;
	margin: -24.6em 70px 10px 0px;
	width: 200px;
	font-size: 12px;
	border: 1px solid #454545;
	z-index: 5;
}
.indent {
	padding-left: 1em;
}
/*  DYNAMIC PSEUDO CLASSES  */
a:link {
	color: blue;
	background-color: #fff;
}
a:visited {
	color: blue;
	background-color: #fff;
}
a:hover {
	color: darkblue;
	background-color: #ffd;
}

a:focus {
	background-color:#fff;
	color:teal;
}

a:active {
	color: red;
	background-color:#fff;
}
/*  LAYOUT IDs  */
#efree {
	display: block;
	float: right;
	position: relative;
}
#headshrink {
	width: 100%;
}
#footimgcomp {
	padding-bottom: 5em;
}
#footimg {
	position: absolute;
	top: auto;
	width: 100%;
	left: 8.5%;
	margin-right: 8em;
	height: 110px;
	margin-top: -120px;
	z-index: 7;
}
#headpic {
	margin-top: 5px;
	max-width: 100%;
	border-left: 10px double #222;
	padding-left: 5px;
}
/*  BEGIN CLASSES  */
.guitarbutton {
	background-color: rgb(1, 50, 153);
	color: white;
}
.yel {
	color: yellow;
	background-color: #000;
}
.blu {
	color: rgb(100, 150, 200);
	background-color: #000;
}
.xsmall {
	font-size: 13px;
	text-align: justify;
}
.portstic {
	color: rgb(100, 100, 100);
	background-color: #fff;
	float: right;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid rgb(150, 150, 200);
	margin-top: -2em;
}
.portitem {
	padding-top: 3em;
	padding-bottom: 3em;
}
.smallfont {
	font-size: 90%;
}
.portpic {
	float: right;
	position: relative;
}
.portcap {
	font-size: 12px;
	text-align: justify;
	margin-right: 200px;
	font-family: helvetica, arial, sans-serif;
}
.portpiccap {
	font-family: "trebuchet ms", tahoma, arial, geneva, sans-serif;
	font-size: 90%;
	color: #6A9AC9;
	display: block;
	float: right;
	position: relative;
	margin-top: -90px;
	padding-right: 3.5em;
}
.bigem {
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
}
.name {
	font-family: Georgia, "georgia", "Georgia", "times new roman", times, serif;
	font-weight: bold;
	font-size: 105%;
}
.stickout2 {
	color: rgb(100, 100, 100);
	background-color: #fff;
	border-bottom: 2px solid rgb(100, 255, 100);
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: 15%;
	margin-right: 3%;
}
.stickout3 {
	color: rgb(100, 100, 100);
	background-color: #fff;
	border-bottom: 2px solid #C22; /* maroon */
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: 3%;
	margin-right: 3%;
}
.stickouth1 {
	color: rgb(100, 100, 100);
	background-color: #fff;
	border-bottom: 2px solid blue;
	margin-right: 3%;
}
.stickout {
	color: rgb(100, 100, 100);
	background-color: #fff;
	border-bottom: 2px solid blue;
	/* margin-right: 3%; */
}
/* .dropcap {
	float: left;
	font: normal 60pt/ 0.8em Helvetica, Verdana, Arial, sans-serif;
	color: inherit;
	background-color: inherit;
	margin-right: 3px;
} */
.dropcap {
	float: left;
	font-size: 50px;
	font-family: Georgia, georgia, serif;
	font-weight:900;
	color: #000;
	margin-right: 3px;
	line-height: 45px;
}
.myDropCap {
	float: left;
	font-size: 50px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #F00;
	margin-right: 3px;
	line-height: 45px;
}
.antihead {
	margin-top: -1em;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
	margin-right: 10%;
}
.signed {
	margin-left: 65%;
}
.signed2 {
	text-align: right;
	margin-top: -13px;
	letter-spacing: -.7px;
}
.tinyit {
	display: block;
	font-size: 11px;
	font-family: "times new roman", "courier new", courier, times, serif;
	font-style: oblique;
	text-align: justify;
	width: 200px;
}
.tiny {
	display: block;
	font-size: 11px;
	font-family: "times new roman", "courier new", courier, times, serif;
	font-style: normal;
	text-align: justify;
	width: 200px;
}
.marg-bot-bord {
	border-bottom: 1px solid red;
/* 	line-height: 8px; */
}
.emphred {
	color: rgb(255, 0, 0);
	font-style: italic;
	font-size: 105%;
}
.imgcaption {
	font-family: "trebuchet ms", tahoma, arial, geneva, sans-serif;
	font-size: 90%;
	color: #6A9AC9;
	display: block;
	margin-top: 0px;
	padding-right: 3.5em;
	padding-left: 3.5em;
}
/*  ***************************  */
/*  ------------------------------------------- BEGIN MAIN PAGE LAYOUT DIVS ----- */
/*  ***************************  */
#cwdLogoBg {
	width:116px;
	height:63px;
	background: transparent url('../images/cwd-head-logo.png') 0 0 no-repeat;
	margin:23em 0em 0em 1em;
	position:relative;
	z-index:1001;
	cursor:pointer;
}
#pagewidth {
	background-color: #FDFDFD;
	width: 51em;
	text-align: left;
	margin: 0.2em auto;
	color: #004;
	background-image: url(diagonalsblue.png);
	background-attachment: fixed;
	background-position:center;
}
div#tlaFuncTainer ul li {
	list-style-type:none;
	display:inline;
	padding:0.3em;
	margin-top:-1em;
	float:right;
}

#header {
	height: 97px;
	background-color: #013299;
	background-image: url(../images/guitar_head_img.jpg);
	background-position: center;
	background-repeat:no-repeat;
	width: 100%;
	text-align: center;
	color: black;
}

#headertext {
	background-color:transparent;
}

#leftcol {
	width: 24%;
	float: left;
	position: relative;
	background-color: #fff;
	color: white;
}
* html #leftcol {
	width:22%;
	margin-right:0px;
}
p#mpuiLogo {
	margin-top:3em;
  float:left;
}
#maincol {
	background-color: white;
	color: black;
	float: right;
	display: inline;
	position: relative;
	width: 75%;
	padding-bottom: 120px;
	z-index:999;
}
#cont2foot {
	height: 25em;
}
#footer {
	background-image: url(footernotation.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	color: yellow;
	height: 54px;
	font-weight: bold;
	background-color: #013299;
	vertical-align: text-bottom;
	/* 	 background-color: rgb(100, 150, 200);   */
	clear: both;
}
#footnotes {
	margin-top:5em;
}
#footcontainer {
	padding-top: 100px;
	padding-bottom: 3px;
	font-size: x-small;
	text-align: right;
}
#footcontainer p {
	background-color: rgb(100, 150, 200);
	padding-bottom: 3px;
	padding-right: 3px;
}
/* **************** */
/* GLOBAL CLASSES --------------------------------------- GLOBAL CLASSES ---- */
/* **************** */

.block {
	display:block;
}

.hidden {
	visibility:hidden;
}

.noBefore:before,
.nobefore:before {
	content:'';
}

ol.morespace {
	margin-right:3em;
}

ol.morespace li {
	margin: 0.5em;
	/* line-height:120%; */
}

ul.unexcused {
	font-family: inherit;
}
ul.unexcused li:first-line {
	font-weight:600;
}

/*
.morespace ul li
*/

.calBlue {
 	background-color:#E8EEF7;
}

.left {
	text-align:left;
}

.dotunder {
	border-bottom:0.01em dotted #555;
}

.serifItalic,
.italicSerif,
.serifitalic,
.italicserif {
	font-family:serif;
	font-style:italic;
}

.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.smaller {
	font-size:smaller;
}

.smallCaps,
.smallcaps {
	font-variant: small-caps;
}

.uppercase,
.upperCase {
	text-transform: uppercase;
}
.centerImage {
	display:block;
	margin:0 auto;
	text-align:center;
}
.normfont {
	font-family: Arial, Helvetica, sans-serif;
}
.help {
    cursor: help;
	font-family: 'Courier New', Monaco, monospace;
	font-variant: small-caps;
	text-decoration:none;
}
.pointer {
	cursor:pointer;
}
.nodisplay {
	display: none;
}
.blue {
	color: #0033FF;
}
.red {
	color: #CC0033;
}
.brightred {
	color:#f00;
	}
.green {
	color: #009900;
}
.monotype {
	font-family: "Lucida Console", Monaco, monospace;
}
.courier {
	font-family: "Courier New", Courier, monospace;
}
.pseudocite {
	font-family: "times new roman", times, serif;
	font-size: small;
	color: #006;
	border: 1px double #226;
	background-color: #E3E3E3;
	padding:0.3em;
}
.ipseudocite {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: small;
	color: #006;
	border: 1px double #226;
	background-color: #c3E3c3;
	padding:0.3em;
	font-style:italic;
}
.larger {
	font-size: larger;
}
.underline {
	text-decoration: underline;
}
.floatrt{
	float:right;
}
.float-rt {
	float: right;
	margin: 0.8em;
}
.floatlt{
	float:left;
}
.float-lt {
	float: left;
}
/* ** UNFLOAT CLEARS ********************************************************** */
.unfloat:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
}
* html .unfloat{
	display: inline-block;
}
* html .unfloat{
	height: 1%;
}

.noborder {
	border:none;
}

/* ** PRINT MEDIA ********************************************** PRINT MEDIA ** */
@media print {
/* HIDE LEFT COLUMN FOR LESS WASTED SPACE WHEN PRINTING */
#leftcol{display:none;}
#twocols, #maincol {width:100%;float:none;}
}
/* ************************ END STYLE SHEET - MAY 2007 ************************ */