body
{
   background-image: url('../images/purpl143.jpg');
   background-repeat: repeat;
   background-position: right top;
   color: navy;
   font-style: normal;
   font-family: "Times New Roman", Times, serif;
}

#logo
{
   padding: 50px;
   background-image: url(../images/logo.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
}

.center
{
	text-align: center;
}

.large
{
   font-size: large;
}
.xlarge
{
   font-size: x-large;
}
.xxlarge
{
   font-size: xx-large;
}
.body-text
{
   text-indent: 20px;
   margin: 10px 20px 10px 20px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li a {
    display: block;
    width: 60px;
}

/* buttons for all pages */
.btn-group .button 
{
     display: inline;
     padding: 5px 32px;
     font-size: 16px;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     outline: none;
     color: white;
     background-color: navy;
     border: none;
     border-radius: 15px;
     box-shadow: 0 5px #666;                      
     margin: 20px 0px;                       
     width: 180px;   
}

.btn-group .button:hover
{
	  color: navy;
     background-color: slategray;
     box-shadow: #666;
}
        
.btn-group .button:active 
{
     border-color: darkslategrey;
     box-shadow: 0 0px #666;
     transform: translateY(4px);
}

/* text along an arc usage c1->c*->c1 c* is middle letter or letters */
.c { font-family:"Book Antiqua"; font-size: x-large; padding:10px; font-weight: bold; } 
#c1 { position:relative; top:0px; left:0px;  } 
#c2 { position:relative; top:-4px; left:0px;  } 
#c3 { position:relative; top:-8px; left:0px;  } 
#c4 { position:relative; top:-12px; left:0px;  } 
#c5 { position:relative; top:-16px; left:0px;  } 
#c6 { position:relative; top:-20px; left:0px;  } 
#c7 { position:relative; top:-24px; left:0px;  } 
#c8 { position:relative; top:-28px; left:0px;  } 
#c9 { position:relative; top:-32px; left:0px;  } 
#c10 { position:relative; top:-36px; left:0px;  } 
#c11 { position:relative; top:-40px; left:0px;  } 
#c12 { position:relative; top:-44px; left:0px;  } 
#c13 { position:relative; top:-48px; left:0px;  } 
#c14 { position:relative; top:-52px; left:0px;  } 


/* photo gallery style */
div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

div.field {
	margin: 50px 100px;
}

/* style for wallpaper examples */

div.purpl043 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl043.jpg");
	/* background-color: black;*/
}

div.purpl064 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl064.jpg");
	/* background-color: black;*/
}

div.purpl078 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl078.jpg");
	/* background-color: black;*/
}

div.purpl116 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl116.jpg");
	/* background-color: black;*/
}

div.purpl143 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl143.jpg");
	/* background-color: black;*/
}

div.purpl166 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl166.gif");
	/* background-color: black;*/
}

div.purpl186 {
	border: 2px solid navy;
	height: 300px;
	background-image: url("../images/purpl186.jpg");
	/* background-color: black;*/
}