/* Set the borders to 0 on all sides*/
*{
  margin:0;
  padding:0;
  border:0;
 }


/* Define what the body of the page colours are and the default fonts*/
  body{
  background:transparent;
  color:#fff;
  font-family:Verdana,sans-serif,times;
  font-size: 92%;
  margin:0;
  padding:0;
 }
 
 

 
 
/* Set up the wrapper to hold the page */ 
 #wrapper{
  max-width:900px;	
  min-width:767px;
  margin:0 auto;
  background:#fff;
  height:100%;
  background-color:transparent;
  width:85%;
 }


/*define the top navigation bar*/
#topnav {margin-top:15px;margin-bottom:15px;}
#topnav li,a {display:inline;float:left;}
#topnav{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:0.95em;}
#topnav a{text-decoration:none;}
#topnav a {padding:0 5px 0 5px;}
#topnav a{border-right:1px solid white;border-bottom:1px solid white;}
#topnav a{color:white;background-color:#336699;}
#topnav a:hover{color:yellow;background-color:#993300;}
#topnav #ntc a{border:none;}
#topnav {width:100%;}



/*add orange colour to the top menu for the relevant page*/

#home #nhome a{
	background-color:#ff6633;
	}
#tshirt #nshirt a{
	background-color:#ff6633;
	}

#card #ncard a{
	background-color:#ff6633;
	}
	
#gift #ngift a{
	background-color:#ff6633;
	}


#blog #nblog a{
	background-color:#ff6633;
	}

#contact #ncontact a{
	background-color:#ff6633;
	}
	
#cust #ncust a{
	background-color:#ff6633;
	}
	
#form #nform a{
	background-color:#ff6633;
	}	
	
#tc #ntc a{
	background-color:#ff6633;
	}
	
#post #npost a{
	background-color:#ff6633;
	}	

#link #nlink a{
	background-color:#ff6633;
	}	


/*Set up the footer navigation*/
	
#bottnav li,a {display:inline}
#bottnav{font-family:"Trebuchet MS",Verdana,sans-serif;}
#bottnav a{text-decoration:none;}
#bottnav a {padding: 0 2px 0 2px;}
#bottnav{background-color:white;color:#587338;}
#bottnav a{color:#587338;background-color:white;}
#bottnav a:hover{color:#93bf5e;background-color:white;}
#bottnav a{border-right:1px solid #587338;}
#bottnav {text-align:center;margin-top:20px;width:80%;float:left;}
#bottnav {clear:both;height:50px;width:100%}
#bottnav #bottc a{border:none;}



/*Set up the header*/
#heading{clear:both;}
#heading .logoleft{
	float:left;
	padding-top:10px;
	margin-right:2%;
	}
#heading li{
	font-family:Verdana,sans-serif;font-size:1em;
	color:#663333;background-color:transparent;
	padding-top:20px;
	font-weight:bold;
	list-style:none;
	
	}
	
#heading a:link{
 text-decoration:none;
 color: #663333;background-color:transparent;
}


/*this pushes the html text off the page, but will show if css is switched off*/
#heading h1{
	text-indent:-9999px;
	}


/* The main content of the pages*/

#content{
	padding-top:25px;
	clear:both;
	font-family:Verdana,sans-serif;font-size:1em;
	color:#663333;background-color:transparent;
	
	}


/* my version of a horizontal rule */
#myhr{
	background-image: url(images/top.gif);
	background-repeat:repeat-x;
	height:5px;
	width:100%;
	float:left;
	margin-top:10px;

	}
/* Setting up the left side of a 2 col page*/	
	
#left{
	float:left;
	width:40%;
	background: url(images/br.gif) no-repeat bottom right;
	padding-bottom:40px;
      }
      
      
#left h3{
	background: url(images/tl.gif) no-repeat top left;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;

	}

    
    
 #left ul{
 	  list-style:none;
 	  padding-left:40px;
 	 }
 	 
 #left li{
 	  display:block;
 	  float:left;
 	  margin:0;
 	  padding: 4px 4px 9px 4px ;
 	  border: 1px solid #ccc;
 	  border-top-color:#eee;
 	  border-right-color:#ddd;
 	  border-bottom-color:#bbb;
 	  background-color:white;
 	  text-align:center;
 	  width:85px;
 	  margin-right:25px;
 	  margin-bottom:10px;
 	  font-size:1em;
 	  font-weight:bold;
 	  
 	  }
 	  

 #left p{
 	
	padding-right: 40px;
	padding-bottom: 40px;
	
	margin-top:0;
	}	   
    
  
  
 /* Setting up the right side of a 2 col page*/ 
 #right{
 	 float:left;
 	 width:50%;
 	 background: url(images/tl.gif) no-repeat;
	 padding-left: 40px;
	 padding-top: 40px;
	 padding-bottom: 40px;
	 
 	}
#right p{
	background: url(images/br.gif) no-repeat bottom right;
	padding-right:20px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right:1px;	
	}	
	



.para{
	width:100%;
	line-height:1em;
	padding-top:10px;
	clear:both;
	background:transparent;
	}


.smalltable{
   padding-top:25px;	
   border: 1px solid #663333;
   border-collapse: collapse;
   width:80%;
   margin-left:30px;
 }	
  
 .smalltable td{
  border: 1px solid #663333;
  padding: 3px;
  color:black;
 
 }

.smalltable th{
  border: 1px solid #663333;
  background-color:#336699;;
  font-weight:bold;
  text-align:left;
  color:white;
  padding-left: 4px;
  
 }
	

.myh2{
     	font-family:Verdana,sans-serif;font-size:1.4em;
	color:#663333;background-color:transparent;
	padding-top:10px;
	padding-bottom:15px;
	font-weight:bold;	
 }	
 
 
 .myh2ext{
 	font-family:Verdana,sans-serif;font-size:1.2em;
 	color:#663333;background-color:transparent;
 	border: 1px solid #ccc;
	border-top-color:#eee;
	border-right-color:#ddd;
 	border-bottom-color:#bbb;
 	margin-top:10px;
	margin-bottom:15px;
	width:100%;
	padding:5px;
 	}
 	
 	
 	
 .tshirtimg{
 	float:left;
 	border: 1px solid #ccc;
	border-top-color:#eee;
	border-right-color:#ddd;
 	border-bottom-color:#bbb;
 	padding: 4px 4px 4px 4px ;
 	
 	}
 	
 .tshirtul{
 	float:left;
 	list-style:none;
 	left:580px;
 	line-height:1.5em;
 	position:absolute;
 	width:45%;
 	}
 	
 
 	
 	
 .tcol{
 	float:left;
 	padding-left:50px;
 	background: url(images/br.gif) no-repeat bottom right;
 	padding-right:20px;
	padding-top: 40px;
	padding-bottom: 40px;
 	}
 .tcol ul{
 	list-style:none;
 	}
 
 .tcol a{
 	clear:both;
 	}
 
 
 .bold{
 	font-weight:bold;
 	padding-top:9px;
 	list-style:none;
 	}
 	  
 .ulspace{
 	padding-top:8px;
 	font-weight:normal;
 	
 	}
 .ulspace li {
  	padding-top:8px;
 	}
 	
 
 .boldword{
 	font-weight:bold;
 	}
 	
 .withimg{
 	background: url(images/tl.gif) no-repeat top left;
 	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
 	}
 	
 .paraimg{
 	/*float:left;*/
 	padding-left:50px;
 	padding-right:20px;
	padding-top: 20px;
	padding-bottom: 40px;
 	}
 	
 .paraimgnext{
 	clear:both;
  	padding-left:50px;
  	padding-right:20px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	}
 

 
 .paratable{
 	float:left;
 	margin-left:50px;
 	width:100%;
 	clear:both;
 	background: url(images/br.gif) no-repeat bottom right;
 	
 	}
 	
 	
 #smallimage{
   background:transparent;
   color:#fff;
   font-family:Verdana,sans-serif,times;
   font-size: 95%;
   margin:0;
   padding:0;
   padding-right:100px;
   padding-left:100px;
   padding-top:20px;
  
   
  }
  
  
 #smallimage h1{
 	color:#663333;
 	padding-bottom:10px;
 	background-color:transparent;
 	font-size:95%;
 	}
 	
  #smallimage h2{
 	color:#663333;
 	padding-bottom:10px;
 	padding-top:5px;
 	background-color:transparent;
 	font-size:80%;
 	}	

 	
 #smallimage form{
 	padding-right:2%;
 	
 	}
 
 
 input.btn{
  color: white;
  background-color: #002809;
  border: 1px outset #00008B;
   
}



#smallimage2{
   background:transparent;
   color:#fff;
   font-family:Verdana,sans-serif,times;
   font-size: 95%;
   margin:0;
   padding-right:10px;
   padding-left:30px;
   padding-top:20px;
   
  }
  
  
 #smallimage2 h1{
 	color:#663333;
 	padding-bottom:10px;
 	font-size:95%;
 	
 	}
 	
 #smallimage2 h2{
 	color:#663333;
 	padding-bottom:10px;
 	padding-top:5px;
 	background-color:transparent;
 	font-size:80%;
 	}	 	
 	
 	
 #smallimage2 form{
 	padding-right:2%;
 	
 	}
 	
 
 #imgright{
 	width:100%;
 	background: url(images/br.gif) no-repeat bottom right;
 	padding-top:90px;
 	}


.mainimg{
	padding-left:30px;
        padding-top:40px;
}