body {
    background-image:url(graphics/body.jpg);
    background-repeat:repeat-x;
    background-color:#666666;
    font-family:helvetica, arial;
}

/*-------------------------------------beginning of paragraphs and headings--------------------------------*/

p {
    font-family:helvetica, arial;
    font-size:12px;
    margin-left:10px;
    margin-right:10px;
    line-height:16px;
    text-align:justify;
}

/*------------------------------blue bar top of content. white text---------------------------------*/

h1 {
    width:580px;
    height:38px;
    margin:0;
    margin-left:10px;
    padding-top:12px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    font-weight:400;
    background-image:url(graphics/h1.jpg);
    background-repeat:no-repeat;
}

/*-----------------------------used on board of director page--------------------------------------------*/
h2 {
    margin:0;
    margin-left:10px;
    padding:0;
    font-size:12px;
    text-decoration:underline;
}

/*-------------------------------------bold grey colored text used in site-------------------------------*/

h3 {
    margin:0;
    margin-left:10px;
    margin-top:10px;
    font-size:14px;
    color:#666666;
}

/*-------------------------------------bold light blue colored text used in site-------------------------------*/

h4 {
    margin:0;
    margin-left:10px;
    margin-top:10px;
    font-size:14px;
    color:#0066ff;
}

/*-------------------------------------use as a caption for photo page-------------------------------*/

h5 {
    margin:0;
    margin-top:2px;
    padding:3px;
    width:275px;
    font-size:12px;
    font-weight:400;
    background-color:#cccccc;
    
}

/*--------------------------------------------end of paragraphs and headings---------------------------------*/

/*-------------------------------------------containers and framework------------------------------------*/

/*----------------------------------------white background with light grey slants.  auto margins center page------------------------*/

#wrapper {
    margin:0;
    margin-left:auto;
    margin-right:auto;
    width:820px;
    min-height:720px;
    background-image:url(graphics/wrapper.jpg);
    background-repeat:repeat;
}

/*----------------------------------------allows page to grow with content------------------------*/

#content {
    margin:0;
    margin-left:10px;
    margin-right:10px;
    width:800px;
}

/*----------------------------------------banner graphic at top of page------------------------*/

#mast {
    margin:0;
    margin-top:10px;
    width:800px;
    height:240px;
    clear:both;
    background-image: url(graphics/mast.jpg);
    background-repeat:no-repeat;
}

/*----------------------------------------phone fax and email at bottom of mast------------------------*/

#mast ul{
    padding-top:192px;
    float:left;
    font-family:helvetica, arial;
    font-size:14px;
}

/*----------------------------------------display inline places them in a horizontal list------------------------*/

#mast li{
    margin-right:20px;
    width:200px;
    display: inline;
}

/*----------------------------------------font color for info address------------------------*/

#mast a{
    color:#ffffff;
}

/*----------------------------------------column containing navigation - background is blue nav box------------------------*/

#left {
    margin:0;
    margin-top:10px;
    width:200px;
    height:500px;
    float:left;
    display:inline;
    background-image:url(graphics/left.jpg);
    background-repeat:no-repeat;
}

/*----------------------------------------creates box for navigation------------------------*/

#navigation {
    margin:0;
    width:200px;
    height:300px;
}

/*----------------------------------------moves all text away from natural indent------------------------*/

#navigation ul{
    margin:0;
    margin-top:45px;
    margin-right:10px;
    margin-left:-35px;
    list-style:none;
}

/*----------------------------------------arrow button backgrounds for links------------------------*/

#navigation ul li{
    margin:0;
    margin-bottom:5px;
    padding:0;
    padding-left:25px;
    padding-top:7px;
    width:150px;
    font-size:14px;
    background-image:url(graphics/button.jpg);
    background-repeat:no-repeat;
}

/*----------------------------------------defines text color and style of link text------------------------*/


#navigation a {
    width:150px;
    color:#ffffff;
    text-decoration:none;
}

/*----------------------------------------changes background arrow of link------------------------*/

#navigation ul li:hover {
    width:150px;
    background-image:url(graphics/buttonover.jpg);
    background-repeat:no-repeat;
    list-style:none;
}

/*----------------------------------------changes color of link text to match arrow------------------------*/

#navigation a:hover {
    color:#ffcc00;
}

/*----------------------------------------2nd column contains all content------------------------*/

#right {
    margin:0;
    margin-top:10px;
    width:600px;
    min-height:400px;
    float:right;
    display:inline;
    background-color:#ffffff;
}

/*----------------------------------------styling for unordered lists in the content space------------------------*/

#right ul {
    margin:0;
    margin-left:20px;
    margin-bottom:20px;
    font-size:12px;
    list-style:none;
}

/*----------------------------------------styling for list on garmet page------------------------*/

.garment li{
    list-style: circle;
    margin-left:10px;
}

/*----------------------------------------styling for links in content page------------------------*/

#right a {
    font-size:12px;
    margin-left:10px;
}

/*----------------------------------------left column for photo gallery------------------------*/
#col1 {
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:290px
}

/*----------------------------------------right column for photo gallery------------------------*/
#col2 {
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:290px
}

/*----------------------------------------defines look and size of footer------------------------*/

#footer {
    clear:both;
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    width:800px;
    height:250px;
    background-image:url(graphics/footer.jpg);
    background-repeat:no-repeat;
}

/*----------------------------------------address in footer------------------------*/

#footer p{
    float:right;
    margin-right:40px;
    color:#ffffff;
    padding-top:190px;
}

/*----------------------------------------photo properties in content puts photo on right side of page------------------------*/

.imgright{
    float:right;
    margin:10px;
}

/*----------------------------------------same but puts photo on left side------------------------*/

.imgleft{
    float:left;
    margin:10px;
}

/*----------------------------------------defines location of its info------------------------*/

.its {
    margin:0;
    margin-top:-10px;
    padding-bottom:10px;
    text-align:center;
}

/*----------------------------------------styles the its link------------------------*/

.its a {
    text-decoration:none;
    color:#000000;
}

/*----------------------------------------changes color of the its link------------------------*/

.its a:hover {
    color:#0066ff;
}