﻿a:active
{
	outline: none; /*removes stupid dotted borders in firefox.*/
}

a:focus
{
	-moz-outline-style: none; /*removes stupid dotted borders in firefox.*/
}

html
{
	overflow: -moz-scrollbars-vertical;
    overflow: scroll
}

h1
{
	font-size: 10pt;
	font-family: Verdana;
}

body
{
	margin: 0px;
	font-size: 8pt;
	font-family: Verdana;
	background:url( '../images/background.jpg' ) repeat;
}

.FontGuitarScale
{
    font-size: 15px;
    color: black;
    font-family: Tahoma; 
}

a img
{
	border: none;
}

#blackGrad
{
	/*height: 500px;*/ /* IE 8 sucks!!! */
	background:url( '../images/blackgrad.png' ) repeat-x;
	height: 500px;

}
.navDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}
.navDivWide
{
	margin-left: auto;
	margin-right: auto;
	width:  968px;
}
.main /*CANNOT use an ID here.*/
{
	margin-left: auto;
	margin-right: auto;
	width: 968px;
	/*
	border: 2px;
	border-style:solid;
	*/
}
.learnToPlayGuitar  /*CANNOT use an ID here.*/
{
	margin-left: auto;
	margin-right: auto;
	width: 1250px;
}
#mainFooter
{
	position:relative;
	text-align: right;
	color:Gray;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}
.footer
{
	position:relative;
	text-align: right;
	color:Gray;
	border-top-color: #383838;
	border-top-style:solid;
	border-top-width: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}
.navLinks 
{
	font-family: Verdana;
    font-size: larger;
	font-weight: bolder;
	color: #F8B42D;
	text-decoration: none;
}


.learnGuitarPanel
{
	width: 240px;
	color: White;
	text-align: center;

}

.forumPanel
{
	color: White;
	text-align: center;
	background:url( '../images/fmny_grad.png' ) repeat-x;

}
.forumPanel a { color: White; }

.socialNetworkPanel
{
	 color: White;
	  text-align: center;
	  background:url( '../images/forumGrad.png' ) repeat-x;
}

.musicNewsPanelTop
{
	  color: White;
	  text-align: center;
	  background:url( '../images/musicnewsgradtop.png' ) repeat-x;
}
.musicNewsPanelTop a { color: White; }

.musicNewsPanelBottom
{
	  color: White;
	  text-align: center;
	  background:url( '../images/musicnewgradbottom.png' ) repeat-x;
}
.musicNewsPanelBottom a { color: White; }

.scalesArea
{
	color: White;	
}
.scalesArea a { color: White; }

#contactArea
{
	color: White;
}

.musicArea
{
	color: White;	
}

.chordArea
{
	color: White;
}


.learnGuitarFooter
{
	color:White;	
}
.learnGuitarFooter a 
{
	color:white;
}

.learnGuitarBottomPanel
{
	height: 198px;
	color: White;
	text-align: center;
	background:url( '../images/learnGuitarBottonGradPanel.png' ) repeat-x;
}

#mainLeftSide
{
	float: left;
	position: relative;
	margin-left: 0px;
	width: 198px;	
	color: White;
}

/**************/

#mainRightSide
{
	float: left;
	border: 1px;
    position: relative;
	float: left;
	width: 300px;
    padding-left: 30px; /* the space between the left and right */
	color: White;
}

#mainDownload 
{
	text-align: center;
	height: 100px;
}

#mainLearnToPlayGuitar
{
	text-align: center;
	background:url( '../images/learnGuitarBottonGradPanel.png' ) repeat-x;
}

#musicNewsPanelTop a { color: White; }
#mainMusicNewsBottom a { color: White; }
#mainMusicNewsTop h1 
{
	font-size: 8pt;
	font-family: Verdana;
}
#mainMusicNewsTop
{
	color: White;
	text-align: center;
	background:url( '../images/musicnewsgradtop.png' ) repeat-x;
}
#mainMusicNewsBottom
{
	color: White;
	text-align: left;
	background:url( '../images/musicnewgradbottom.png' ) repeat-x;
}

#mainForumPosts
{
	color: White;
	height: 80px;
	background:url( '../images/fmny_grad.png' ) repeat-x;
}
#mainPicture
{
	width: 637px;
	height: 575px;
	background-image: url( '../Images/martinjamesmusic.png' );
	background-repeat: no-repeat;
}
#mainPictureArea
{
	width: 637px;
	height: 575px;
}
#mainFloatingText
{
	float: left;
	position: absolute;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	border: green;
	/*
	border-style: solid;
	border-width: 1px;
     */
	width: 500px;
	
}
#mainFloatingText h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
}
#mainFloatingText2
{
	float: left;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: Gray;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 560px;
	width: 500px;
}

#theModes
{
	float: left;
	position: relative;
	height: 150px;
	color: white;
	width: 960px;
}

#t1
{
	float: left;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	width: 300px;
}

#t2
{
	float: left;
	position: absolute;
	margin-left: 250px;
	margin-top: 0px;
	width: 300px;
}

/* For displaying/debuging divs*/
.gb
{
	 border-color: green;
	 border-style: solid;
	 border-width: 1px;
}
.rb
{
    border-color: red;
	border-style: solid;
	border-width: 1px;
}

.bb
{
	border-color: blue;
	border-style: solid;
	border-width: 1px;
}
/**/

#relative
{
	float: left;
	position: relative;
	margin-left: 0px;
	width: 960px;
	color: White;
}

#majorScales
{
	float: left;
	margin-left: 0px;
	position: relative;
	width: 400px;
	height: 210px;
	color: White;
}

#harmonizing
{
	float: left;
	margin-left: 0px;
	position: absolute;
	margin-top: 170px;
	width: 400px;
	color: White;
}

#guitarReference
{
	float: left;
	margin-left: 230px;
	position: relative;
	width: 214px;
	height: 220px;
	color: White;
}

#theBasics
{
	float: left;
	margin-left: 0px;
	position: relative;
	width: 960px;
	height: 80px;
	color: White;
}

#practiceNotes
{
	float: left;
	position: relative;
	color: White;	
	text-align: center;
	margin-left: 140px;
	font-size: 145%;
}