﻿body
{
	color: #393939;
	/*background-color:#6a6a6a;*/
	background-image: url(../../Images/Layout/grayCanvas.jpg);
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	
	scrollbar-face-color:black;
    scrollbar-highlight-color:gray;
    scrollbar-3dlight-color:black;
    scrollbar-darkshadow-color:black;
    scrollbar-shadow-color:gray;
    scrollbar-arrow-color:gray;
    scrollbar-track-color:gray;

}

/* Page division --------------------------------------------------------*/

.MasterHeader
{
	background-image: url(../../Images/Layout/RedTopBar_solid.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
	height: 70px;
	width: 874px;
}

.MasterHeaderRight
{   
	background-image: url('../../Images/Layout/RedTopBar_rightg.png');
	background-repeat: no-repeat;
	text-align: left;
	right: 0px;
	width: 15px;
	height: 70px;
}

.MasterFooter
{
	background-color: Transparent;
	background-image: url(../../Images/Layout/RedBottomBar_solid.png);
	background-repeat:no-repeat;
	background-position:left;
	color: #ffffff;
	text-align: left;
	height: 70px;
	width:874px;
	
}

.MasterFooterRight
{
	background-color: Transparent;
	background-image: url(../../Images/Layout/RedBottomBar_rightg.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	width: 15px;
	height: 70px;
	
}


#contentMain
{
    background-color: White;
	width: 874px;
}

#Main
{
    width: 874px;
    height: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    position: inherit;
    text-align: left;
    
}

#LookingBackLeftSideDiv
{
	width: 529px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	border-left-width: 0px;
	margin-left: 0px;
	text-align: left;
}

#LookingBackRightSideDiv
{
    background-image: url(../../Images/Layout/main_lookingBack.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 342px;
	height: 420px;
	text-align: left;
}

#HoveringGuitarRightSide
{
    background-image: url(Images/hoveringGuitar_340x420.jpg);
    
    float:right;
    background-repeat: no-repeat;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 340px;
	height: 420px;
	text-align: left;
}

#singlePaneContent
{
    
}

#standingByBrickWallLeftPane
{
    background-image: url(../../Images/Layout/MalBrickWall.png);
    background-position: left;
    background-repeat: no-repeat;
	margin-left: 0px;
	margin-right:0px;
	padding-left: 0px;
	padding-top: 0px;
	float: left; 
	width: 340px;
	height: 420px;
	text-align: left;
}

#standingByBrickWallRightPane
{
    width: 528px;
	height: 420px;
	margin-left: 0px;
	margin-right:0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	float: left;
	text-align: left;
}

#inHallWithTieLeftPane
{
    background-image: url(Images/scratchyInHallWithTie_340x420.jpg);
    background-position: left;
    background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	float: left; 
	width: 340px;
	height: 420px;
	text-align: left;
}

#inHallWithTieRightPane
{
    background-image: url(../../Images/Layout/lightGrayRightFade.png);
    background-repeat: repeat-y;
    background-position: right;
    width: 529px;
	height: 420px;
	margin-left: 0px;
	margin-right:0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	float: left;
	text-align: left;
}

#MainPageCenterColumn
{
    width: 240px;
    float: left;
    padding: 5px, 5px, 5px, 5px;
}

#MainPageRightSideColumn
{
    width: 280px;
    float: left;
    padding-left: 5px;
}

#MainContentPane
{
    margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 0px;
	width: 874px;
	height: 420px;
	text-align: left;
}

#sittingOnStoolLeftPane
{
    background-image: url(../../Images/Layout/SittingOnStoolWithGuitar.png);
    background-position: bottom;
    background-repeat: no-repeat;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 0px;
	float: left; 
	width: 400px;
	height: 600px;
	text-align: left;
}

#sittingOnStoolRightPane
{
    width: 470px;
	min-height: 400px;
	margin-left: 0px;
	margin-right:0px;
	padding-left: 5px;
	padding-top: 0px;
	float: left;
	text-align: left;
}

#sittingOnPorchLeftPane
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 0px;
	float: left; 
	width: 398px;
	height: 600px;
	text-align: left;
}

#sittingOnPorchContentPane
{
    background-image: url(Images/sittingOldPorchSplit_874x638.jpg);
    background-repeat: no-repeat;
	padding-left: 0px;
	float: left; 
	width: 874px;
	height: 600px;
	text-align: left;
}

#holdingWarGuitarLeftPane
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 0px;
	float: left; 
	width: 400px;
	height: 600px;
	text-align: left;
}

#holdingWarGuitarContentPane
{
    background-image: url(Images/holdingWarGuitar_874x600.jpg);
    background-repeat: no-repeat;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 0px;
	float: left; 
	width: 874px;
	height: 600px;
	text-align: left;
}

#nextShowPane
{}

#showDivHeader
{}

#showDivContent
{}

#postItNoteDiv
{
    background-image: url(../../Images/Layout/NotePaper-300x419.gif);
    width: 300px;
    height: 419px;
    text-align: left;
    z-index: 1;
}

#postItNoteTextDiv
{
    width:250px;
    height: 243px;
    padding-top: 50px;
    margin-left: 30px; 
    text-align: center; 
    vertical-align: middle; 
    overflow: hidden;
}


/* Media Player -------------------------------------------------- */

#MediumMediaPlayerWrap
{width: 400px;}

#MediumMediaPlayerTop
{
    background-image: url(Images/blackPlayerTopMedium.png);
    width: 400px;
    height: 45px;
    margin: 0px, 0px, 0px, 0px;
    
}

#MediumMediaPlayerBottom
{
    background-image: url(Images/blackPlayerBottomMedium.png);
    width: 400px;
    height: 45px;
    margin: 0px, 0px, 0px, 0px;
    
}

/* Navigation ---------------------------------------------------- */

#navMain
{
    height: 70px;
    color: White;
    float: right;
}

.Menu-Main
{   float: right;
    width: 350px;
    margin-top: 50px;
}

/* Titles -------------------------------------------------------- */
#LogoTitle
{
    float: left;
    padding-left: 5px;
}

.MainTitle
{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.sectionTitle
{
	font-weight: bold;
	font-size: 20px;
}

/* Field Labels --------------------------------------------------------*/
.searchLabel
{
	font-size: 10px;
}

.fieldLabel
{
	font-size: 12px;
	font-weight: bold;
}


/* Links --------------------------------------------------------*/
#navMain a:link
{
	color: #ededed;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

#navMain  a:hover
{
	color: #ededed;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

#navMain  a:visited
{
	color: #ededed;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

#navMain  a:active
{
	color: #ededed;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

a:link
{
	color: #393939;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

a:hover
{
	color: #393939;
	font-family: Arial;
	text-decoration: underline;
	font-size: 12px;
}

a:visited
{
	color: #393939;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

a:active
{
	color: #393939;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

a.headerLink
{
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}

a.headerLink:hover
{
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
}

.fieldName
{
	font-weight: bold;
	text-align: right;
}

.medTitle
{
	font-weight: bold;
}

/* images --------------------------------------------------------*/
img
{
	border-width: 0;
	border-style: none;

}

/* controls --------------------------------------------------------*/
.inputTextBox
{
	height: 12px;
	font-size: 12px;
	vertical-align: middle;
}

.inputDropDown
{
	height: 12px;
	font-size: 12px;
}
