/* This style sheet was written by Community MX and was distributed freely for use with the free North Pole CSS positioning template.
The North Pole template is freely available from http://www.communitymx.com - This comment should remain intact though you are free to edit the style sheet as you see fit. */

body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background-color: #4A6455; 
	color: #000000;  
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100.01%; 
	min-width: 770px; 
}

#wrapper {
	width: 772px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto 0px auto;
	position: relative; 
	text-align: left;
	background: #F7F7F7 url(../images/wrapper_bg.jpg) repeat-y;
}

#banner {
	position: relative; 
	height: 141px;
	background: url(../images/banner_bg.gif) no-repeat;
}

#piper {
    position: absolute;
	top: 0;
	left: 184px;
}

.thistle {
    display: block;
	margin: 0px auto;
}

.spirits {
    display: block;
	margin: 0px auto;
}

.memberlogo {
    display: block;
	margin: 0px auto;
}

#content { 
	width: 550px; 
	margin-left: 200px; 
	margin-bottom: 25px; 
}

#content p {
	font-size: 11px; 
	margin: 10px 6px 10px 6px; 
	padding: 0; 
	line-height: 130%;
}

#content h1 {
    font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #4A6455;
	/* margin-bottom: 0;
	margin-top: 1em; */
	margin: 1em 6px 0px 6px;
}

#content h2 {
    font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	margin: 1em 6px 0px 6px;
}

#leftcol { 
	float: left; 
	width: 184px; 
	margin-left: 0px; 
}

#leftcol h1 {
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4A6455;
	margin: .5em 10px 0px 15px;
}

#leftcol p {
	font-size: 10px; 
	margin: 10px 10px 10px 15px; 
	padding: 0; 
}	

#navigation {
	line-height: 100%; /* helps out IE 5.01 PC */
	margin-left: 460px;
}

.button {
	line-height: 16px;
	height: 40px;
	padding-left: 12px;
	padding-right: 4px;
	width: 150px;
}

#home a#button1, #members a#button2, #news a#button3, #events a#button4, #contact a#button5 {
  	color: #826499;
}	 	

#navigation ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 65%; 
}

#navigation ul li { 
	display: inline; 
	padding: 0; 
	margin: 0; 
	margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
	ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
}

#navigation a {
	background-image: url(../images/nav_off.gif);
	background-repeat: no-repeat;
	padding-left: 12px;  
	text-decoration: none; 
	color: #000000;
	}
	
a#button1 {
 	background-image: url(../images/nav_blank.gif);
}		

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#navigation a:hover, 
#navigation a:focus { 
	color: #826499;
	background-image: url(../images/nav_on.gif);
}

#textnav {  
	width: 770px;  
	text-align: center;  
	margin: 0;
	clear: left;  
}

#footer {  
	width: 770px;  
	background: transparent url(../images/footer_bg.jpg) no-repeat bottom;
	margin-top: 0px;
}

#footer p {
    color:#999999; 
	font-size: 9px;
	margin-left: 184px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	line-height: 1.33em;
} 

#textnav ul{
margin: 0;
padding: 0px;
margin-left: 184px;
font-size: 60%; 
}

#textnav li{
display: inline; 
}

#textnav a {  
text-decoration: none;  
color: #999999;
}

#textnav a:hover,
#textnav a:focus {
color: #826499;
} 

/* Events Calendar */

/* default calendar format */ 

table#calendar { 
     font-family: arial,helvetica;  
     font-size: 11px;  
     color: black; 
     background-color: #FFFFFF; 
     border-color:#999999;
     border-style: solid; 
     border-width: 3px;
	 margin: 10px auto 20px auto;
	 width: 150px;
}

table#calendar td {
    border: 1px solid gray;
}

table#calendar th {
    border: 1px solid gray;
}	 

/* Month/Year and next/previous link */
	     	  
.emonth { 
     font-family: arial,helvetica;
     font-size: 11px;  
     color: black; 
     font-weight: bold;
	 background-color: #DEE6DD;
	 text-align: center;  
}
	 
/* format days of the week */ 

.header { 
     background-color: #FFFFFF;
	 font-size: 11px;
	 text-align: center; 
     border-color: #999999; 
     border-style: solid; 
     border-width: 1px;  
 } 

/* format days */ 

.day { 
     text-align: center 
} 

/* format link dates */    

.calendarlink { 
     color: black; 
} 

/* format date with one or more events */ 

.linkedday { 
      background-color: #DEE6DD; 
      color: black; 
      text-align: center; 
}
	 
.edate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	 	  

.einfo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.noevent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	 	  
	 	  
	 
a {  
    color: black;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #826499;
}

h3 {
	color: #4A6455;
	margin: 1.5em 6px 0px 6px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

 ul {
	list-style-type:disc;
	margin: 0 20px 0 40px; 
	padding: 0; 
	font-size: 11px; 
}

/* contact form */

.form-contact {
    font-size: 11px;
}

table.form-contact {
    width: 90%;
	margin: auto;
}
	  
table.form-contact p {
    font-size: 9px;
	color: #333333;
	line-height: 115%;
	margin-top: 12px;
	margin-left: 15%;
	margin-right: 5%;
	margin-bottom: 12px;
}    
input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F7F7F7;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
}
input:focus {
    background-color: #E1E1E1;
}
textarea {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 background-color: #F7F7F7;
	 font-size: 11px;
	 padding-top: 5px;
	 padding-left: 5px;
	 padding-bottom: 5px;
	 padding-right: 5px;
}
textarea:focus {
    background-color: #E1E1E1;
}
.form-contact h4 {
    font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4A6455;
	margin: 15px 0px 5px 0px;
}

.mailaddress {
    	color: #4A6455;
}	 

/* members */

p.weblink {
    margin-top: -1em;
}

/* contact confirm/error */

#message {
	width: 452px;/*sets the width for IE5.x's broken box model*/
	w\idth: 450px; /* sets the width of the message wrapper for compliant browsers*/
	margin: 50px auto 0px auto;
	position: relative; 
	text-align: left;
	background: #FFFFFF url(../images/thistle.jpg) no-repeat;
}

#message p {
    margin: 10px 75px 10px 75px;
	font-size: 11px;
}

#message h1 {
    font-size: 14px;
	margin: 75px 75px 0px 75px;
	color: #4A6455;
}

.return {
    text-align: center;
}