@import url("ClassicalGuitarColours.css");

body{
//height:100%;
margin:0;
padding:0; 
font-size:x-small;
font-family:Verdana,Sans-serif;
voice-family:"\";}\""; 
voice-family:inherit;
font-size:small;
}
html>body {font-size:small;}

p {  margin:0 0 1em 0; }

p, a, ul, ol, li, div {
font-family:Verdana,Sans-serif;
}

a {text-decoration: none; }


a.menu 
{
padding-left: 10px;  
padding-right: 10px;  
font-family: Georgia;
margin-top: 5px;
 }

form {
  margin:0;
  padding:0; }
  
dl, ul, ol {
  margin-top:0;
  margin-bottom:0; }

li {
  margin:0 0 0 5px;
  padding:0;
  list-style-position:outside;
  font-size:smaller; }
  
#spacer{ 
height: 90%; 
float: left; 
width: 1px; 
font-size: 1px; /* to make sure width is not overridden */ 
padding: 0; 
margin: 0; 
}    
  

/* Header stuff +++++++++++++++++++++++++++++++ */

#header{
border: 1px solid;
height: 110px;
position: relative;
width: inherit;
top: 0px;
margin: 0;
}

#headerLogo{
position: absolute;
top: 0px;
margin: 0px 0px 0px 25px;
}

#headerLogo h1{
font-size: 60px;
 font-family: "Script MT Bold";
 margin: 5px;
 }

/* Navigation, is inside the header margins */
#nav {
	position: absolute;
	top: 100px;
	left: -2px;
	border: thin solid #B0C4DE;;
	margin: 0; 
	width: 100%;
	height: 25px;
  }

#nav a img { margin: 6px 5px;  }
#nav a:hover, #nav a:hover img {background: #CCE5FF;}

/* Column Formatting */
/* ----------------------------------------------------- */
#wrap {
  position:relative;
  margin:15px 10px 0;
  width:100%;
  max-width:1200px; 
  }
  
#subwrap {
  position:relative;
  }

/* Left Column */
/* ----------------------------------------------------- */
#leftCol {
  position: absolute;
  width:17%;
  left:10;
  top:10px;
  margin: 10px;
  }
  
#leftCol a { display:block; }  

#leftCol .content {
  padding:0 10 15px 10px;
  font-size:95%;
  line-height:135%;
  }
#M #leftCol, #MR #leftCol, #MRx #leftCol {display:none;}
  
/* Main Cols */
/* ----------------------------------------------------- */
#centreCol {
position: relative;
  line-height:125%;
  top: 30px;
  background-image: url(Images/BackgroundImage.gif);
  background-repeat: no-repeat;
  background-position: center;
  }
#centreCol .content {
height:100%;
 padding:0 1.5em;
  } 
#centreCol .title{
font-size:1em;
font-weight:600;
margin-bottom:1em;
font-family: Georgia;
}  
#centreCol p { text-indent: 1em; text-align: justify; font-size: 85% }

#centreCol p:first-letter { 
font-size:150%; 
font-weight: 600;
}

#MRx #centreCol, #LMRx #centreCol {
  margin-right:180px; /* 180 */
  }
#LM #centreCol, #LMR #centreCol, #LMRx #centreCol {
  margin-left:17%;  }
  
#LMR #centreCol, #MR #centreCol {
  margin-right:17%;   }

#MRx #centreCol .pgTitle {
  padding:5px 5px 4px;
  //color: #483D8B;
  font-weight: 700;
  }
  
#centreCol .paraHeader { 
font-size:1.2em; 
font-weight:600; 
}

#centreCol .paraTitle {
font-size:.8em; font-weight:600; 
 border-bottom: thin solid #8B4513;
 padding-bottom: 1em;
}
  
#centreCol .important {
font-size: 1em; font-weight: 400; 
 padding-bottom: 1em;
}



#LM #centreCol .title { text-align:center;}
  
  
#M #centreCol { margin:1em 120px; }




/* Right Cols */
/* ----------------------------------------------------- */
#rightCol {
  position:absolute;
  width:17%;
  top:20px;
  right: 1px;
  left:auto;
  }
  
#MRx #rightCol, #LMRx #rightCol {
  width:180px;
  }
  
  
#rightCol .content {
  margin: 0px 20px 10px;
  font-size:85%;
  line-height:135%;
  }
#rightCol a { display:block;}  


#M #rightCol, #LM #rightCol {display:none;}

/* Smaller cols to split centreCol  ******************************* */
#centreCol .innerContainer { width:100%; border-bottom:1px solid; margin-bottom: 1em; margin-top: 1em;}
#centreCol .innerContainer h6 { margin:0; line-height:0; font-size:0; }
.smallLeft { float:left; width: 45%; }
.smallRight { float:right; width: 45%; }
.smallLeft h1, .smallRight h1 { font-size: 20px; text-align: center;     }


/* Links */
/* ----------------------------------------------------- */

a img { border-style:none; margin:2px;}

/* Titles */
h1{
font-size: 60px;
 font-family: "Script MT Bold";
 }

 h2 {
 font-size: 20px;
 font-family: Georgia;
 color: Gray;
	 }
 }
 
 
h4 {
  border-bottom: thin ridge;
  padding:0 0 5px 0;
  font-size:100%;
  margin:15px 0 5px;
  }
  
#leftCol h4 {
padding:0 0 5px 0;
 text-align:center;
  border-bottom: thin ridge;
font-size: 20px;
 font-family: "Script MT Bold";
 color: Gray;
  }
  
#rightCol h1{ 
 text-align:center;
 font-size: 25px;
 line-height: 20px;
 }  
  
#centreCol h1{
border-bottom:none;
font-size: 25px;
font-weight:bold;
margin-top:5px;
}



/* Footer */
/* ----------------------------------------------------- */
#MRx #foot, #LMRx #foot {
  padding-right:5%; /* 180px */
  }
#LM #foot, #LMR #foot, #LMRx #foot {
  padding-left:5%; /*25 */
  }
#LMR #foot {
  padding-right:5%; /*25 */
  }
#foot {
  position: relative;
  clear:both;
  }
#foot .content {
  border-top: 1px dotted #666; 
  font-size:85%;
  line-height:140%;
  margin: 50px 200px 10px 200px;
  }
#M #foot .content, #MR #foot .content, #MRx #foot .content {
  margin-left:20px;
  }
#foot div {
  padding-top:5px;
  }
#foot a:link, #foot a:visited {
  white-space:nowrap;
  }
#foot img {
float:right;
margin-top:5px;
}  
  
#foot p {
font-style: italic; 
}  


/* Generic */
/* ----------------------------------------------------- */
.none {display:none;}
.hide {visibility:hidden;}
.nowrap {white-space:nowrap;}
ul.tight li {margin-bottom:0;}
.block {display:block;}
.clear {clear:both; line-height: 0px; height:0px; font-size:0px;}
.clearR {clear:right;}
.clearL { clear:left; }
.rule {display:block; border-width:0; border-style:none; border-bottom:1px dashed #999; height:1px; margin-top:5px;}
.imgLeft {float:left; margin:2px 2px 2px 0;}
.imgRight {float:right; margin:2px 2px 2px 5px;}
.imgMenu { margin:10px auto; }
.boxed { border: 1px solid #804040; }

/* ==================================== */
/* These are to for pretend tables for picture thumbs */
div .imgTable { float:left; margin:0 1em; }

div.container {
  width:95%;
  padding:1em;
  margin:1em auto;
  }
  
div.tableHeader { text-align:center; font-size:1em; font-weight:600; /*color:#804040;*/ margin-bottom: 1em;  background: transparent; }
/* ==================================== */


.hMenu {
      width:100%;
      margin:1em 0;
      padding:0px 0.5em 0.5em;
      //background:#fafafa none;
    }
.hMenu ul {
      margin:0;
      padding:0;
      list-style-type:none;
    }

.hMenu li {
		padding:0;
      float:left;
      width:8em;
      margin-right:0.5em;
      text-align:center;
    }
.hMenu a {
      display:block;
      width:100%;
      text-decoration:none;
    }
.hMenu a:hover {
  //    background:#FFFFE0 none;
}

/* For Forms ******************************* */
.GuestHeader{
text-align:center;
height:40px;
width:100%;
	}
	
.outerContainer{ margin:0 25%; }

.formContainer {width:494px; background-image: url(Images/BackGreyShade.jpg);
padding:.5em;
margin:0px auto; }

input.brown {/*background-color:#81604F;*/ font-weight:bold; font-size:12px; /*color:white; */margin:1em 2em; }

.row {
  clear:both;
  padding-top:1px;
  }

.row span.header {padding:3em; }  
.row span.label {
  float:left;
  width:70px;
  text-align:left;
  font-weight: bolder;
  }
.row span.formw {
  float:right;
  width:335px;
  text-align:left;
  }