html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display: block;}
    
    body {
        line-height: 1;
    }
    
    ol, ul {
        list-style: none;
    }
    


	body, input, textarea, select {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-weight: 400;
		color: #574a4a;
		font-size: 13pt;
		line-height: 2em;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #574a4a;
		margin: 0 0 0.5em 0;
		line-height: 1.3;
	}

    .header-image {
        background-image: url("../documents/banner.gif");
        margin-top: 20px;
        top: 100%;
        background-position: center;
        color: black;
        background-repeat: no-repeat;
        height: 400px;
        background-size: cover;
        width: 100%;
      }


 /* Computer */   
@media screen and (min-width: 1224px) {
    body {
        margin-left: 180pt;
        margin-right: 180pt;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.5em;
    }
}

/* Half page computer */
@media screen and (min-width: 612px) and (max-width: 1223px) {
    body {
        margin-left: 120pt;
        margin-right: 120pt;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.5em;
    }
}
    
/*Mobile*/
    @media screen and (max-width: 611px) {
    body {
        margin-left: 20pt;
        margin-right: 20pt;
    }
    h1 {
        font-size: 1.5em;
    }
    h2 {
        font-size: 1.2em;
    }
    }


/* Nav */

body {
    padding-top: 3.25em;
}


#nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    height: 3.25em;
    line-height: 3.25em;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: default;
}

    #nav ul {
        position: relative;
        z-index: 1001;
    }

    #nav li {
        display: inline-block;
        margin: 0 0.5em 0 0.5em;
        top: 0;
        position: relative;
        -moz-transition: top .15s ease-in-out;
        -webkit-transition: top .15s ease-in-out;
        -o-transition: top .15s ease-in-out;
        -ms-transition: top .15s ease-in-out;
        transition: top .15s ease-in-out;
    }

        #nav li > ul {
            display: none;
        }

        #nav li a, #nav li span {
            -moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
            -webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
            -ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
            transition: background-color .075s ease-in-out, color .075s ease-in-out;
            position: relative;
            display: block;
            text-decoration: none;
            color: #574a4a;
            top: -6px;
            padding: 6px 1.5em 0.25em 1.5em;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            outline: 0;
        }

        #nav li.current a {
            background: #cd2626;
            color: #fff;
        }

        #nav li:hover a, #nav li:hover span {
            background: #574a4a;
            color: #fff;
        }

        #nav li.active a, #nav li.active span {
            background: #574a4a;
            color: #fff;
        }




    /* Main */

	#main {
		background: #fff;
		border-top: solid 5px #b1ddab;
		border-bottom: solid 5px #c1cac5;
		border-top-width: 35px;
		border-bottom-width: 10px;
		padding: 6em 0 6em 0;
	}

    ul.a {
        list-style-type: disc;
        list-style-position: inside;
      }