/* Layout of Website */


body { margin-top: 2%;
       margin-left: auto; 
       margin-right: auto;
       margin-bottom: 10%;
       width: 50em; 
       background-color: #AEC585; }

#frame {
    background-color: #F2EBBB;
    width: 810px; 
    border-style: solid;
    border-width: 1px; 
    border-color: #663300; }


#logo { 
    background-image: url(img/logo2.jpg);
	background-repeat: no-repeat; 
	background-position: top left;
	margin-top: 10px;
    margin-left: 10px;
    padding-top: 5px;
    height: 203px;
	width: 800px;
	text-align: center; }
	
#menu { 
	width: 600px;   
    margin-bottom: 50px;
    padding-left: 150px;
    padding-top: 30px;
    text-align: center; }

#servicestop  {
    width: 809px;
    margin: auto;
  	margin-top: 20px;
    padding-left: 50px;
    text-align: center; }
     
#servicesoffered  {
    width: 400px;
    height: 360px;
    float: left;
    MARGIN: 0in 0in 0pt;
    padding-right: 3px;
    border-right: 1px;
    border-right-color: #663300;
    border-right-style: solid;
    text-align: right; }

#servicesenhancements  {
    width: 395px;
    height: 200px;
    float: right;
    MARGIN: 0in 0in 0pt;
    padding-top: 200px;
    text-align: left;
     }     
	
#servicesbottom  {
    width: 719px;
	margin-top: 50px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom:40px;
	padding: 10px;
	text-align: justify;}

#ratestop  {
    width: 800px;
  	margin-top: 20px;
    padding-left: 0px;
     }

#ratesleft  {
    width: 375px;
    height: 750px;
    float: left;
    margin-bottom: 20px;
    padding-right: 3px;
    padding-bottom: 20px;
    border-right: 1px;
    border-right-color: #663300;
    border-right-style: solid;
    text-align: right; }

#ratesright {
    width: 409px;
    float: right;
    padding-left: 0px;
    MARGIN: 0in 0in 0pt; } 
    
#packagespayment  {
    padding-top: 250px;
   	padding-right: 3px;
   	padding-left: 10px;
    text-align: right; }
    
#lefttop  {
    width: 800px;
  	margin-top: 20px;
    padding-left: 0px;
     }

#onsiteleft  {
    width: 425px;
    height: 1200px;
    float: left;
    margin-bottom: 20px;
    padding-right: 3px;
    padding-bottom: 20px;
    border-right: 1px;
    border-right-color: #663300;
    border-right-style: solid;
    text-align: center; }

#onsiteright {
    width: 350px;
    float: right;
    padding-left: 0px;
    MARGIN: 0in 0in 0pt; }  
    
#onsitediscription  {
    padding-top: 50px;
   	padding-right: 3px;
   	padding-left: 10px;
    text-align: right; }   

    
#floatright  {
    width: 600px;
    Float: right;
    margin-right: 30px;
    margin-left: 150px;
    margin-top: 10px;
    margin-bottom: 40px; }
    
#google  {
    text-align: center; }
    
#con{
	width: 800px;}
    
#news  {
    width: 250px;
    height: 1200px;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;    }    
    
 #newscontent  {
   height: 1100px;
    padding-right: 4px;
    border-right: 1px;
    border-right-color: #663300;
    border-right-style: dotted;
    }    
    
#upcomingevents  {
    width: 548px;
    margin-bottom: 30px;
    margin-top: 50px;
	margin-left: 0px;
    margin-right: 0px;
    Float: right;
     }
.upcomingeventscontent {
	width: 540px;
	margin-top: 50px;
	padding-bottom: 30px;
	border-bottom: 1px;
    border-bottom-color: #663300;
    border-bottom-style: dotted;	}
    
   /* --------------------- Resources ----------------------- */
    #testimonialshead {
	text-align: center;
	padding-bottom: 30px }
	
	.quotesnextpage {
	text-align: right;
	padding-bottom: 30px }
	
/* --- articles --- */

#articlesleftcol  {
    width: 220px;
    padding-right: 7px;
    padding-left: 0px;
    padding-bottom: 40px;
    margin-top: 30px;
    margin-left: 0px;
    border-right: 1px;
    border-right-color: #663300;
    border-right-style: dotted;
    Float: left;
    text-align: center }    

#articlesrightcol {
    width: 540px;
    margin-bottom: 30px;
    margin-top: 50px;
   	margin-left: 0px;
    margin-right: 0px;
    padding-right: 30px;
    Float: right; }


/* Layout of Website - Footer options */

#footercontainer {
	width: 800px;
	line-height: 130%; }
	

#footercontainer20 {
	width: 800px;
	height: 500px;
	margin-bottom: 30px;
	line-height: 130%; }

#footercontainer4 {
	width: 600px;
	line-height: 130%; }


#footerleft {
	float: left;
	width: 400px;
	padding-right: 5px; }
	
#footerleft2 {
	float: left;
	width: 300px;
	padding-right: 5px; }

#footerleft3 {
	width: 400px;
	float: left;
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: 0px; }
	
#newsevents {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 50px;
	border-right: 1px;
	border-right-color: #663300;
	border-right-style: dotted; }

#footerright {
	width: 340px;
	float: right;
	padding-right: 0px;
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: left; }
	
#footerright2 {
	width: 400px;
	float: right;
	padding-right: 0px;
	padding-top: 5%;
	padding-bottom: 5%; }
	
#footerright3 {
	width: 300px;
	height: 450px;
	float: right;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px; }
                              


/* --------------------- Look of Website -------------------------*/

.navmenu { 

    display: inline;
    list-style-type: none;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	margin-bottom: 0px; }

.mainmenu 
	{ 
	font-family: "Comic Sans";
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	MARGIN: 0in 0in 0pt; }
	
.submenu { 
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 65px;
	text-align: left }
	
.left2 { 
	float: left; }

.resourcesleftmenutop { 

    list-style-type: none;
    text-decoration: none;
    MARGIN: 0in 0in 0pt; }

.resourcesleftmenu { 

    list-style-type: none;
    text-decoration: none;
    padding-top: 20px;
    MARGIN: 0in 0in 0pt; }

.resources 
	{ font-family: "Comic Sans";
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px; }
	
/* --------- Tables ------------*/

#tbcenter { 
	text-align: center }



/* --------- Links ------------*/

a.link {
	font-family: "Comic Sans";
	font-size: 17px;
	color: #663300; 
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background:transparent;
	text-decoration: none;  }

a.link2 {
	font-family: "Comic Sans";
	font-size: 14px;
	color: #663300; 
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background:transparent;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;  }
	
a.link3 {
	font-family: "Comic Sans";
	font-size: 13px;
	color: #663300; 
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background:transparent;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;  }

a.menu:link { 
	font-family: "Comic Sans";
	font-size: 17px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none; }

a.menu:visited {
	font-family: "Comic Sans";
	font-size: 17px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none; }

a.menu:hover {
	font-family: "Comic Sans";
	font-size: 17px;
	color: #663300; 
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background:transparent;
	text-decoration: none;  }
	
		
a.body:link { 
	font-family: "Comic Sans";
	font-size: 15px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none; }  

a.body:visited { 
	font-family: "Comic Sans";
	font-size: 15px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none; } 

a.body:hover { 
	font-family: "Comic Sans";
	font-size: 15px;
	font-weight: bold;
	color: #663300; 
	background:transparent; 
	font-style: normal;
	text-decoration: none; } 
	
a.body2:link { 
	font-family: "Comic Sans";
	font-size: 14px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center; }  

a.body2:visited { 
	font-family: "Comic Sans";
	font-size: 14px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center; } 

a.body2:hover { 
	font-family: "Comic Sans";
	font-size: 14px;
	font-weight: bold;
	color: #663300; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center; }
	

a.body3:link { 
	font-family: "Comic Sans";
	font-size: 13px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	text-decoration: none;
	text-align: center; }  

a.body3:visited { 
	font-family: "Comic Sans";
	font-size: 13px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	text-decoration: none;
	text-align: center; } 

a.body3:hover { 
	font-family: "Comic Sans";
	font-size: 13px;
	font-weight: bold;
	color: #663300; 
	background:transparent; 
	text-decoration: none;
	text-align: center; } 
	
a.workshops:link { 
	font-family: "Comic Sans";
	font-size: 15px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	text-align: center; }  

a.workshops:visited { 
	font-family: "Comic Sans";
	font-size: 14px;
	font-weight: bold;
	color: #D4C96D; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	text-align: center; } 

a.workshops:hover { 
	font-family: "Comic Sans";
	font-size: 14px;
	font-weight: bold;
	color: #663300; 
	background:transparent; 
	font-style: normal;
	text-decoration: none;
	text-align: center; } 
	



/* --------- paragraphs ------------*/

p {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #663300;
    text-align: justify; }
    
.smallleft {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #663300;
    text-align: left; }

.smallright {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #663300;
    text-align: right; }  

.smaller {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #663300;
    text-align: justify; }  
    
.verysmall {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
    color: #663300;
    font-style: italic;
    text-align: right; }  
    
.center {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;    
    font-size: 14px;
    color: #663300;
    text-align: center; }  
   


/* --------- Headings ------------*/
.headings1 { 
	font-family: "Papyrus";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
	text-decoration: none;
	font-weight: bold;
    line-height: 4px } 

.headings2 { 
	font-family: "Papyrus";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
	font-weight: bold;
    line-height: 18px; } 

.heading3 { 
	font-family: "Comic Sans";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
    font-weight: bold;
    line-height: 3px;
    text-align: center;	} 
 
 .heading { 
	font-family: "Comic Sans";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
    font-weight: bold;
    line-height: 3px;
    text-align: left;	} 

.heading4 { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #663300; 
	background:transparent; 
    text-align: left;
    margin-bottom: 3px;
    padding-top: 19px;	}
    
.heading5 { 
	font-family: "Papyrus", "Comic Sans";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
    font-weight: bold;
    line-height: 20px;
    text-align: right;	}

.heading6 { 
	font-family: "Papyrus", "Comic Sans";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
    font-weight: bold;
    line-height: 20px;
    text-align: left;	} 
    
.heading7 { 
	font-family: "Papyrus";
	color: #663300; 
	background:transparent; 
	font-weight: lighter;
	font-weight: bold;
    line-height: 18px;
    text-align: center; }

/* --------- Images ------------*/
img.pad {
    border: 1px;
	border-color: #663300;
	border-style: solid;
    margin-top: 3px;
    margin-left:3px;
    margin-right: 10px;
    margin-bottom:10px; }
 
.imgleft { 
	float: left; }
	
.imgright { 
	float: right; 
	border: 1px;
	border-color: #663300;
	border-style: solid;
    margin-left: 12px;
	margin-right: 12px; 
	margin-bottom: 7px; }

.img {  
	border: 1px;
	border-color: #663300;
	border-style: solid; }
	
.imgcenter {  
	margin: 20px;
	border: 1px;
	border-color: #663300;
	border-style: solid;
	text-align: center; }
	
.imgname {  
	text-align: center; }