html{font-size:100%}

body{font-size:62.5%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

p{font-size:1.2em; padding:5px; margin:5px;}

h1{font-size:1.4em; font-weight:bold; color:#F85200; padding:5px; margin:5px;}
h2{font-size:1.3em; font-weight:bold; color:#F85200; padding:5px; margin:5px;}
h3{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}
h4{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}
h5{font-size:1.2em; font-weight:bold; color:#065491; padding:5px; margin:5px;}
h6{font-size:1.2em; font-weight:bold; color:#F85200; padding:5px; margin:5px;}

ul{font-size:1.2em}
ol{font-size:1.2em}

img{border:none;}

a:link{color:#065491; text-decoration:none; background-color:#FFF;}
a:visited{color:#065491; text-decoration:none; background-color:#FFF;}
a:hover{color:#666; text-decoration:underline; background-color:#FFF;}
a:active{color:#065491; text-decoration:none; background-color:#FFF;}

/* Set the widths for the grid */

#wrapper{width:960px; height:auto; margin:0 auto;}
#headerwrapper{width:960px; height:150px; margin:0 auto;}
#left{width:200px; height:auto; float:left;}
#leftcolumntop{
float:left; clear:left;
width:100%; height:21px;
background-image:url(/images/lefthandorangehead200.gif); background-repeat:no-repeat;
}
#leftcolumn{
float:left;clear:left;
width:100%; height:auto;
background-color:#E64A00;
}
#leftcolumnlower{
float:left; clear:left;
width:100%; height:20px;
background-color:#E64A00;
background-image:url(/images/lefthandorangebottom200.gif); background-repeat:no-repeat;
margin:0 0 20px 0;
}
#maincolumn{width:580px; height:auto; float:left;}
#maininnercolumn{width:750px; height:auto; float:left;}
#rightcolumn{width:170px; height:auto; float:left;}

#maincolumn ul{margin-left:20px;}

#maincolumn li{list-style-image:url(/images/orangebullet.gif);
padding:2px 0;
margin-top:3px;}

/* Page elements */
#logo{
float:left;
width:180px; height:120px;
text-align:center;
}

#textsizes{
float:left;
margin:10px 0;
width:580px; height:30px;
text-align:right;
color:#333333; background-color:#FFFFFF;
font-size:1.1em;
}

#toptext{
float:left;
margin:0; padding:0;
width:600px; height:50px;
background-image:url(/images/top-orange-line-540.gif); background-position:bottom; background-repeat:no-repeat;
text-align:center;
}

#toptext h1{font-size:2em; color:#065491; font-weight:bold; text-transform:uppercase;}

#topnav{
float:left;
margin:20px 0 0 0;
font-size:1.5em; color:#065491;
font-weight:bold;
width:600px; height:20px;
text-align:center;
}

#donation{float:right;
width:180px; height:auto; 
padding-top:10px;
text-align:center;}

#footer{
width:960px; height:30px; 
margin-left:auto; margin-right:auto;
margin-top:30px;
padding:10px 0;
clear:both; 
border-top: solid 1px #F85200;
text-align:left;
font-size:0.9em;}

#fronttopbox{width:94%; height:350px; margin:0 auto;}

.frontstripe{width:100%; height:auto; clear:both;}

.frontbox{
float:left;
width:260px; height:230px;
font-size:1em;
border:#F85200 1px solid;
margin:10px 7px 10px 10px;
}

.frontbox2{
float:right;
width:260px; height:230px;
font-size:1em;
border:#F85200 1px solid;
margin:10px 10px 10px 7px;
}

.frontbox3{
float:left;
width:260px; height:330px;
font-size:1em;
border:#F85200 1px solid;
margin:10px 7px 10px 10px;
}

.frontbox4{
float:right;
width:260px; height:330px;
font-size:1em;
border:#F85200 1px solid;
margin:10px 10px 10px 7px;
}

.frontboxwide{
	width:57em;
	height:auto;
	font-size:1em;
	border:#F85200 1px solid;
	clear:left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom:0;
	margin-left: auto;
}

.newsdiv{
width:90%; height:auto;
padding:5px; border-bottom:solid 1px #F85200; clear:both; margin-top:20px;
}

.newsdiv p {margin:0; padding: 5px 0;}
.newsdiv h2 {margin:0; padding: 5px 0;}
.newsdiv h1 {margin:0; padding: 5px 0; font-size:1.8em; font-weight:bold;}

.newsdivlower{
width:90%; height:auto;
padding:5px; 
}

.newsdivlower p {margin:0; padding: 5px 0;}
.newsdivlower h2 {margin:0; padding: 5px 0;}
.newsdivlower h1 {margin:0; padding: 5px 0; font-size:1.8em; font-weight:bold;}

/*expanding menu stuff goes here*/
#ExpandingSidebar {
 list-style: none;
  width: 200px;
  padding: 0;
  color: #FFF;
  font-size:1.2em;
  line-height:1.5em; 
  /*border-left:10px solid #E64A00;*/
}

#ExpandingSidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    
#ExpandingSidebar li {
    width: 200px;
    margin: 0;
	color: #FFF;
	border-bottom: solid 1px #FFF;
	padding: 3px 0 3px 5px;
}

#ExpandingSidebar li.level1 a {
    display: block;
    padding: 1px 0 1px 5px;
    background-color:#E64A00;
	color: #FFF;
    text-decoration: none;
    width: 180px;

}

#ExpandingSidebar li.level2 a {
    display: block;
    padding: 1px 0 1px 15px;
    background-color:#E64A00;
	color: #FFF;
	font-size:0.9em;
    text-decoration: none;
    width:175px;}

#ExpandingSidebar li.level3 a {
    display: block;
    padding: 1px 0 1px 23px;
    background-color:#E64A00;
    font-size:0.9em;
	color: #FFF;
    text-decoration:none;
    width:170px;
}

#ExpandingSidebar li.levelcurrent1 a {
    display: block;
    padding: 1px 0 1px 10px;
	background-image:url(/images/navcurrent200.gif); background-repeat:repeat-y;
	color: #E64A00;
    text-decoration: none;
    width:175px;

}

#ExpandingSidebar li.levelcurrent2 a {
   display: block;
   padding: 1px 0 1px 15px;
   background-image:url(/images/navcurrent200.gif); background-repeat:repeat-y;
   color: #E64A00;
   text-decoration: none; font-size:0.9em;
   width:175px;
}

#ExpandingSidebar li.levelcurrent3 a {
    display: block;
    padding: 1px 0 1px 23px;
   background-image:url(/images/navcurrent200.gif); background-repeat:repeat-y;
   color: #E64A00;
	text-decoration: none;
   width:165px; font-size:0.9em;
}

html>body #ExpandingSidebar li a {
    width: auto;
}


#ExpandingSidebar li.level1 a:hover {
    padding: 1px 0 1px 5px;
  	color: #FFF;
    text-decoration: none;
}

#ExpandingSidebar li.level2 a:hover{
    padding: 1px 0 1px 15px;
  	color: #FFF; font-size:0.9em;
    text-decoration: none;
}

#ExpandingSidebar li.level3 a:hover{
    padding: 1px 0 1px 23px;
  	color: #FFF; font-size:0.9em;
    text-decoration: none;
}
/* Other classes */

.imgright{float:right; margin-left:10px;}
.frontimgright{float:right; margin:0 10px; width:auto; height:auto;}
.imgleft{float:left;}
.bold{font-weight:bold;}
.boldblue{color:#065491; font-weight:bold;}
.boldorange{color:#F85200; font-weight:bold;}
.cap{font-weight:bold; font-size:3em;}
.centre{margin:50px;}
.contact{margin:10px 30px;}
.emailsent{font-size:1.2em; font-weight:bold; color:#F00; padding:5px; margin:5px;}

/*Classes for FCKEditor */

.orangeunderline{font-size:1.2em; padding:5px 5px 10px 0; margin:5px; border-bottom:1px solid #F85200;}
.dotsabove{font-size:1.2em; padding:10px 5px 10px 10px; color:#F85200;}

/* Shop classes */

.shopname{margin:20px; color:#F85200; background-color:#FFF; font-size:1.4em; font-weight:bold;}
.shopdescription{margin:5px 20px; font-size:1.3em;}
.categoryname{margin:20px; color:#F85200; background-color:#FFF; font-size:1.4em; font-weight:bold;}
.categorydescription{margin:5px 20px; font-size:1.3em;}
.categorylist{margin:5px 20px; font-size:1.3em;}
.productname{margin:20px 0 10px 20px; color:#F85200; background-color:#FFF; font-size:1.4em; font-weight:bold;}
.productdescription{margin:5px 20px; font-size:1.3em;}
.productpicture{margin:5px 20px;}
.productbutton{margin:5px 20px; font-size:1.3em;}