/*<--!universal settings-->*/
* {

  margin: 0;
  padding: 0;

}

/*<--redefined settings-->*/

body {

     background: #fff;
     color: #000;
     font-family: Arial, sans-serif;

}

a {

    text-decoration: none;
    
}

img {

    border: none;

}

/*<--header-->*/

#header {
    
    height: 107px;
    background: #c1da3c url(../images/logo.gif) top left no-repeat;
    margin: 0 0 0 0;
}

#header img {
 
    position: absolute;
    right: 5px;
    /*top: 80px;*/
    
}

/*<--left column-->*/

#left_column {

    height: 1050px;
    width: 12%;
    display: block;
    position: absolute;
    background: #f6f9dc url(../images/border1.gif) top right repeat-y;
    margin: 0 1em 0 0;

    } 

/*<--nav bar-->*/
    
#nav ul{

    width: 90%;
    display: block;
    margin: 1em 0em 0em 0em;

}

#nav li{

    margin: 1em 0em 1em 0em;
    padding: .5em;
    list-style: none;
    text-decoration: none;
    border-bottom: 2px solid #fff; 
}

#nav li a {
    
    font: .85em Arial, sans-serif;
    color: #000;
    font-weight: bold; 
}

/*<--nav bar - link styling-->*/

#nav li a:link, a:visited {
    
    font: .85em Arial, sans-serif;
    color: #000;
    font-weight: bold; 
}

#nav li a:hover, a:active {
    
    font: .85em Arial, sans-serif;
    color: #b5ca37;
    font-weight: bold; 
}


#nav .current li {

    background: #c1da3c;
    font-weight: bold;
    color: #000;
}

#nav .current li a:hover {

    background: #c1da3c;
    font-weight: bold;
    color: #fff;
}

/*<--center column-->*/

#center_column {

    background: #fff;
    width: 60%;
    height: 900px;
    display: block;
    position: absolute;
    margin: 0 0 0 12%;    
    padding: 1em;
}

/*#center_column .pic {

   position: absolute;
   top: 675px;
   right: 0px;
   display: block;
}*/

/*<--center column - content-->*/

#content {


    display: block;
    height: 800px;

}

#content h1 {
   
  color: #000;
  font: 1em Arial, sans-serif;
  font-weight: bold;
  margin: 1.2em 0;
}

#content h2 {
   
  color: #000;
  font: .85em/1.70em Arial, sans-serif;
  font-weight: bold;
  margin: 1.2em 0;
}

#content h3 {
   
  color: #000;
  font: .75em/1.70em Arial, sans-serif;
  font-weight: bold;
  margin: 1.2em 0;
}
   

#content p {

  color: #000;
  font: .75em Arial, sans-serif;
  text-align: justify;
  margin: 1em 0;
  display: block;

}

/*<--link styling-->*/

#content p a:link, a:visited {

  color: #b5ca37;
  font: 1em Arial, sans-serif;
  font-weight: bold;

}

#content p a:hover, a:active {

  color: #919b2d;
  font: 1em Arial, sans-serif;
  font-weight: bold;

}


/*#content .clock2 {

   position: absolute;
   top: 225px;
   right: 0px;
}*/

/*<--span to change font style/colour/weight-->*/

#content p .italic {

   font-size: .95em;
   font-style: italic;      
}

#content p .bold {

   font-size: .95em;
   font-style: normal;
   font-weight: bold;      
}

p .bld_it {

   font-size: 1em;
   font-style: italic;
   font-weight: bold;     
}


/*#content .green p {

   font: .85em;
   color: #bfca37;
   font-style: none;
   font-weight: bold;
   margin: 1em 0em 1em 2em;       
}*/


/*bookings page border and content layout*/

#content .border {

   border-top: 2px solid #bfca37;
   width: 500px;       
}

/*#content .twitter {
   
   position: relative;
   float: left;
   margin: -10px 0 0 0;      
}*/

.clear {
	float: none;
    clear: both;
}

#content .book {
   
   width: 500px;      
}

/*bullet points*/

#content .bullet ul {

   
   display: block;
   width: 500px;
      

}

#content .bullet ul li {

   font-size: .75em;
   display: block;
   list-style: none;
   text-decoration: none;
   margin: 1em 0;
   background: transparent url(../images/blk_bull.jpg) top left no-repeat;
   padding: 0 0 0 1.25em;
   width: 100%;

}



/* controlling layout of form */

#enquirytf {
        background: #fff;
		width: 400px;
        margin: 1em 0;
        color: #000;
        font: 1em/1.3em Arial;
        padding: 0.6em;
        display: block;
}


#enquiryf form { 
        margin: 0; 
        padding: 0; 
} 

/*header*/

#enquiryf form  h1 {
        display: block;
        margin: 1.2em;
        font: 1em Arial, sans-serif;
		text-transform: none;
		font-weight: bold;
        color: #000;
}

#enquiryf fieldset { 
        display: block;
        margin: 1.2em; 
        padding: 1em; 
        border: 2px solid #bfca37;
        width: 300px;
}
#enquiryf legend { 
        font-weight: bold; 
        color: #000; 
        margin: 0;
        padding: .4em; 
/*neccessary for IE only -
 otherwise title of legend appears as if crossed out*/
        background: #f6f9dc;
        
}
/* styling input elements */

#enquiryf textarea {  
        width: 250px;
        color: #333; 
        margin: 0; 
        padding: .4em; 
        background: #fff;
        border: 1px solid #57812b;
}

#txt {
        width: 300px;
        font: 0.75em Arial, sans-serif;
        margin: 10px 0px 10px 17px;
}

/*ie hack to adjust margins */

html>body #txt {
        width: 300px;
        font: 0.75em Arial, sans-serif;
        margin: 10px 0px 10px 0px;
}

/* styling input elements */

#enquiryf input {  
        width: 250px;
        color: #333; 
        margin: 0 0 0px 0; 
        padding: .2em; 
        background: #fff;
        border: 1px solid #57812b;
}

/* text alignment for single line boxes */

#details label { 
        width: 250px;
        font: 0.75em Arial, sans-serif;
        margin: 20px;
        text-align: right;
}

/*ie hack to adjust margins */

html>body #details label { 
        width: 250px;
        font: 0.75em Arial, sans-serif;
        margin: 0px;
        text-align: right;
}

/* positioning buttons */

#submit {
		float: left;

}


#submit input {
		width: 100px;
		margin: 0 0 0 65px;
		display: inline;
        background: #f6f9dc;
        
}

/*right column */

#right_column {

    height: 1050px;
    background: #f6f9dc url(../images/border1.gif) top left repeat-y;
    display: block;
    position: absolute;
    right: 0;
    top: 107px;
    width: 25%;   
    } 
    
/*#right_column .clock {

   position: absolute;
   top: 450px;
   right: 85px;
   display: block;
}*/

/*right cloumn - sub menu */

#submenu ul {

	text-decoration: none;
	margin: 1.75em 0em 1.75em 2em;
	color: #006c00;
}

#submenu ul li {

	text-decoration: none;	 
	margin: 1em 0em;
	/*padding: .5em;*/	
	list-style: none;
	/*height: 1px;*/

}

#submenu ul li a {

	color: #006c00;
	background: transparent url(../images/bullet.gif) center left no-repeat;
	font: .75em Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
    padding: 0 0 0 1.75em;
    width: 100%;
    /*width fixes overlapping of text cross-browser,res*/
}

#submenu ul li a:link, a:visited {

	color: #006c00; 
}

#submenu ul li a:hover, a:active {

	color: #c1da3c;
     
}

/*sub menu - current page bullet change */

#submenu ul .current2 li a{

   background: transparent url(../images/bullet_h.gif) center left no-repeat;      
   font: .75em Arial, sans-serif;
   color: #006c00;
   text-transform: uppercase;
   font-weight: bold;
   padding: 0 0 0 2em;
   width: 100%;
   /*width fixes overlapping of text cross-browser,res*/
}

/*right cloumn - quotes */

#right_column p {

	color: #c1da3c;
	font: 18px/20px Arial, sans-serif;
	width: 88%;
    height: 90px;
}

/*quotes - dark green, large, bold*/

p .style1 {

	font: 22px/22px Arial, sans-serif;
	color: #57812b; 
    font-weight: bold;
}

/*quotes - dark green , normal*/
p .style2 {

	font: 18px/20px Arial, sans-serif;
	color: #57812b;
     
}

/*quotes - light green, large, bold*/

p .style3 {

	font: 22px/22px Arial, sans-serif;
	font-weight: bold;
	color: #c1da3c;
}

/*quotes - authors - med green, large, bold*/

p .style4 {

	font: 18px/26px Arial, sans-serif;
	/*font-weight: bold;*/
	color: #8CAE34;
}

/*quotes - home, workshops(main), booking, contact, enquiry*/

#right_column #quote1 p {
   
    margin: 1em .5em 0 2em;
    width: 200px;
    
}

/*quotes - about*/

#right_column #quote2 p {
   
    margin: 1em .5em 0 2em;
    width: 200px;
    
}

/*quotes - workshop pgs*/	

#right_column #quote3 p {
   
    margin: 1em .5em 0 1.5em;
    width: 200px;
}

/*#right_column .line {

    position: absolute;
	top: 680px;
	right: 7px;
	display: block;           

}*/

/*workshop pgs - illustrations*/

#right_column .illus {
    
    margin: 1em 0 0 1.5em;             

}

/*ie hack to position illustrations in firefox*/

html>body #right_column .illus {
   
    margin: 2em 0 0 1.5em;           

}

/*about pg - photograph*/

#right_column .photo {

   margin: 1em 0 1em 2.5em;
  /* border: 5px solid #e8f1b8; */
}



#random_image {

   margin: 1em 0 1em 2.5em;

}
   


/*footer*/           	

#footer {
    
    height: 40px;
    width: 100%;
    background: #c1da3c;
    position: absolute;
    top: 1150px;
    left: 0;
	
}

html>body #footer {
    
    height: 40px;
    width: 100%;
    background: #c1da3c;
    position: absolute;
    bottom: 0;
    left: 0;
	
}

/*footer - link to my site*/

#footer a {
    
    
    font: 10px/10em Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    /*bottom: 10px;
    left: 45%;*/
    bottom: 10px;
    left: 45%;
        
}

html>body #footer a {
    
    
    font: 10px/10em Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    
    /*bottom: -30px;*/
    top: -30px;
    left: 45%;
        
}

/*naqsha logo*/ 

#footer a img {

    margin:  0 0 -5px 0;
    
}    

#footer a:link, a:visited {

    color: #57812b;
         
}

#footer a:hover, a:active {

    color: #fff;
         
}