/* CSS Document */

body{

background-color:#FFFFFF;
color:#000000;
font:100% serif,Verdana,Geneva,Arial,Helvetica,sans-serif;

margin:0;
padding:0
}
div{color:#fffffff;font-size:100%;}
h1{color:#8C7B21;font-size:162%}
h2{color:#475F00;font-size:120%}
h3{color:#003333;font-size:110%}
p{color:#333333;font-size:120%;line-height:1.8em;}
#header{


height:125px;
left:0px;
background-color:#ffffff;
position:absolute;
width:100%
}
/* CSS for Image map */
#menu-home,#menu-services,#menu-order,#menu-community,#menu-about,#menu-contact{
height:25px;
margin:65px 0 0 250px;
position:absolute;
width:500px

}
#menu-home{background:transparent url(images/home.gif) no-repeat}
#menu-services{background:transparent url(images/services.gif) no-repeat}
#menu-order{background:transparent url(images/order.gif) no-repeat}
#menu-community{background:transparent url(images/community.gif) no-repeat}
#menu-about{background:transparent url(images/about.gif) no-repeat}
#menu-contact{background:transparent url(images/contact.gif) no-repeat}
#map a{height:25px;position:absolute;text-decoration:none}
#map a em{visibility:hidden}
a#home{left:0px;width:61px}
a#services{left:63px;width:81px}
a#order{left:145px;width:61px}
a#community{left:207px;width:105px}
a#about{left:313px;width:85px}
a#contact{left:399px;width:100px}
/* End CSS image map */
#subheader{
background-color:#330066;
border:2px outset #669966;
height:10px;
margin:125px 0 0 0;
padding:0;
position:absolute;
width:100%
}
#main{margin:125px 0 0 0;position:absolute;width:100%;
}
#stripwrap{
display : none; 
padding:0;
background-color:#523c64;
background-image:url(images/strip.jpg);
background-repeat:repeat-x;
position:relative;
width:100%
}
/*bit with breadcrumbs*/
#strip{display : none; 

padding:0;
position:relative;
background-color:#0a6b2c;
background-image:url(images/strip.jpg);
background-repeat:repeat-x;
border-top:2px  outset #008833;
border-bottom:2px  outset #aba0c0;

width:100%;

}
#strip a:link,#strip a:active,#strip a:visited{color:#FFFFFF}


#strip a:hover{



 background-color:#66ff00;color:#000000;
 width:100%;


text-decoration:none;

}
.menu1, .menu2, .menu3, .menu4 {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0.5em 0 0;
     
    }
    .menul ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  
    }
    .menu1 li, .menu2 li, .menu3 li, .menu4 li {
	
      margin: 0;
      padding: 0;
      float: left;
	  border:2px outset #009900;
	  background-image:url(images/strip.jpg);
background-repeat:repeat-x;
	  
    }
    .menu1 li {
      padding-right: 1em;
    }
    .menu2 li {
	
	font-weight:bold;
      width: 19%;
      text-align: center;
    }
    .menu3, .menu4 {
      padding: 0;
     
    }
    .menu3 li, .menu4 li {
      width: 7em;
      margin-right: 1em;
      
      text-align: center;
    }
    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
    }
   
 
     
 
	
	

/*edges*/
#contentwrap{
background-color:#ffffff;
padding:0;
position:relative;
width:100%
}
/*container for submenu and content*/
#contentwrap2{
background-color:#330066;
background-image:url(images/bgfade10.jpg);
background-repeat:repeat-y;
padding:0;


position:relative;
width:100%
}
#content{
padding:0;
background-color:#FFFFFF;
background-image:url(images/bg1.jpg);
background-repeat:no-repeat;
margin:0 0 0  15%;
border:2px inset #aba0c0;}
#contentwrap3{
padding:0;
margin:0;

}
#submenu{
width:14%;
float:left;
display : none; 
 }
 #submenuwrap{display : none; }
#submenuwrap a{

border:3px outset #aba0c0;
display:block;
font-size:1em;
font-weight:bold;
padding:2px;
text-decoration:none;
width:100%;
}

#submenu a:link,#submenu a:active,#submenu a:visited{color:#FFFFFF}
#submenu a:hover{background-color:#66ff00;color:#000000}
#footer{padding:10px;text-align:center;clear:both;}
.box{
width:50%;
margin-left:22%;
padding:5%;
}
.lbox{
padding:2%;
width:22%;
float:left;}
.rbox{
padding:2%;
width:22%;
float:right;}
.left_block{
position:relative;
margin:0;
padding:2%;
clear:both;
float:left;
text-decoration:none;
width:80%;
}
.left_block a{text-decoration:none;}
.right_block{
padding:2%;
clear:both;
float:right;
text-decoration:none;

width:80%;
}
.movieholder{
display : none; 
float: left;
padding:3%;
width:202px;
height:187px;}
.wmovieholder{display : none; 
float: left;
padding:3%;
width:202px;
height:153px;}
.movie{
display : none; 
padding:3%;
display:block;
width:202px;
height:187px;
position: absolute;
left:15%;top:0%;}
.wmovie{
display : none; 
padding:3%;
display:block;
width:202px;
height:153px;
position: absolute;
left:15%;top:0%;}

.leftimage{
float: left; }
.rightimage{

float:right;}
.cleared{
padding:0 0 0 10%;
clear:both;}
.overlap{
position:relative;
margin:20px  0 0 -20px;
}
.half{
float:right;
width:50%;

}

.standard{
width: 83%;
padding: 2.5% 7.5% 2.5% 7.5%;}
.standard1{

padding: 2.5% 7.5% 2.5% 7.5%;}
.rstandp{
width:20%;
padding: 0;
float: right;}
.lstandp{
width :20%;
padding: 0;
float: left;}
.lpadimage{
float:left;
padding:2.5% 2.5% 2.5% 0;}
.rpadimage{
float:right;
padding:2.5%  0 2.5% 2.5%;}
.lhalf{

margin:0;
padding:2%;
clear:none;
float:left;
width:40%;
padding:0;}
.rhalf{
float:right;
width:40%;
padding:0;}
.limage{
width:300px;
float:left;
padding:0 10% 0 0;}
.lnopad{
width:300px;
float:left;
padding:0 0 0 0;}
.rnopad{
width:300px;
float:right;
padding:0 0 0 0;}
.rimage{
width:300px;
float:right;
padding:0 0 0 10%;}
.leftside{
float:left;
padding:0 0 0 35px;
}
.palign{

margin: 0 0 0.5em 0;
padding:0;
}
.alstyle{
background-color:#ffffff;}
.smallstyle{color:#333333;font-size:100%;line-height:120%;
}