/* selectors */
/* index */
body {
background-color: #DBDBDC;                       /* gray background color */  
background-image:  url(images/raf-bg-tile.jpg);  /* url image in folder */
background-repeat: repeat;                       /* repeat or repeat-x for top or repeat-y for side */
margin: 0px;
padding: 0px;
font-size: 16px;                                 /* font size of navbar links */
}

#heading { 
background-image: url(images/raf-front-image.jpg);
background-repeat: repeat;                         
margin: 0px;                         /* top area and width size */
width: 100%;                         /* heading width */
height: 100px;                       /* heading height */           
padding: 0px;                        /* sizes the top background */            
border: 1px;
border-color: #666666;               /* color dark gray */
border-width: 0 0 1px 0;
}

/* font styles */

h1 {font-family: Georgia,Verdana,Arial,sans-serif;
margin: 0px;                                     
color: #2F4F4F;                                  /* font color dark turquoise */
padding: 25px 0 15px 0;
text-align: center;
font-weight: bold;
word-spacing: 4px;                               /* font spacing for top area */
}
h1       {font-size: 210%;}

p {
font-size: 15px; 
margin: 2px;
padding-right: 10px;
padding-left: 10px;                                    
font-family: Georgia,Verdana,Arial,sans-serif; 
color: #2F4F4F;                                  /* font color dark turquoise */
text-align: justify;
}


/* hmenu navigation container */

#navbar ul {                 /* navigation bar of internal gallery links */
background-color: #929DAF;   /* background color blue-gray links */
margin: 0px;                 /* navbar location to repeat top background  */
padding: 5px;                /* sizes navbar width */
list-style-type: none;       /* disc, square, roman numeral and the like */
text-align: center;
border: 1px solid #666666;   /* border color dark gray */
}

/* code for horizontal alignment */ 

#navbar ul li { display: inline; }  

#navbar ul li a {                   /* navigation bar of internal gallery link */
text-decoration: none;              /* blink, underline, overline and line through */
margin: 0px;                        /* space between horizontal links */
padding: 5px;                       /* sizes the horizontal navbar length */
color: #2F4F4F;                     /* font color dark turquoise */
border: 1px solid #666666;          /* border color dark gray */
background-color: #DBDBDC;          /* background color gray */
}


#navbar ul li a:hover{       /* hover link */
color: #E0FFFF;              /* color light turquoise */
background-color: #778899;   /* border color blue-gray blue */
}

/* vmenu */

#navcontainer {              /* side navigation container other links */
background-color: #DBDBDC;   /*background color gray*/
float: left;                 /* location */
width: 180px;                /* size */
margin: 15px 0 0 5px;        /* top, right, bottom and left space from the navbar */
padding: 0px;                /* space all around the container */
font-family: Georgia,Verdana,Arial,sans-serif;
font-size: 12px;
text-align: left;
border-right: 1px solid #494962;   /* right and left border color blue-gray blue */
border-left: 1px solid #494962; 
}

#navcontainer ul {           /* side navigation bar container list */
list-style: none;
margin: 0px;                 /* space all around the container list */
padding: 0px;                /* space all around the container list */
}
#navcontainer li {                  /* side navigation container list border */
border-top: 1px solid #FFFFFF;      /*border color white for effect */
border-bottom: 1px solid #000000;   /*border color black for effect */
padding: 1px;
list-style: none;
}
#navcontainer li a:link, 
#navcontainer li a:visited {        /* navigation container block link and visited */
display: block;                     /* contaier called block or box for code */
padding: 5px;                       /* area size of container inside */
border-left: 15px solid #494962;    /* border adjacent to container blocks background color blue-gray blue */
background-color: #DBDBDC;          /* background color gray */
color: #2F4F4F;                     /* font color dark turquoise */
text-decoration: none;
}
#navcontainer li a:hover {          /* navigation container block hover list link */
background-color: #778899;          /* border color blue-gray */
color: #E0FFFF;                     /* color light turquoise */
}

/* content paragraph and image container */

#container {                       /* container for paragraph and images */                    
margin:  15px 0 0 335px;           /* left margin to center container */
width: 540px;                      /* over all container size */
padding: 5px;                      /* area inside padding */
background-image: url(images/raf-bg-tile-01.jpg);
background-repeat: repeat;
border:  1px solid #494962;         /* border color blue-gray blue */  
background-color: #DBDBDC;          /* background color gray */
color: #2F4F4F;                     /* font color dark turquoise */
line-height: 18px;
}


#container img {                    /* container for images */
border: 1px solid #DBDBDC;          /* background color gray */   
}

#footer {                            /* footer */
height: 15px; 
background-color: #DBDBDC;           /* background color gray */
color: #2F4F4F;                      /* font color dark turquoise */
border: 1px solid #666666;           /* border color dark gray */
cursor: auto;
font-family: Georgia,Verdana,Arial,sans-serif;
font-size: xx-small;
text-align: center;
padding: 6px;
}