/* version 7 Screen Display */

/* OVERALL PAGE STYLES */
body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 74%; line-height: 140%; background-color: #FFFFFF; margin: 0px; }
table { font-size: 100%; margin: 0px 0px 0px 15px; }
.screenRead { visibility: hidden; display: none; }
@media aural { .screenRead { display: block; speak: normal; } }


a:link { color: #6d1031; text-decoration: underline; font-style: normal; }
a:active { color: #79BE36; text-decoration: underline; font-style: normal; }
a:visited { color: #333333; text-decoration: none; font-style: normal; }
a:hover, a:focus { color: #79BE36; text-decoration: underline; font-style: normal; }

h1 { color: #000000; font-size: 140%; font-style: normal; font-weight: normal; line-height: 160%; margin: 0px 0px 10px 0px; }
h2 { color: #FFFFFF; font-size: 108%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #6d1031; }
h2 a:link { color: #FFFFFF; }
h3 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 20px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #B5A796; }
h4 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 20px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #B5A796;  }
h5 { color: #333333; font-size: 92%; font-style: normal; font-weight: normal; line-height: 100%; margin: 0px 0px 10px 15px; }
h6 { color: #333333; font-size: 92%; line-height: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 5px 0px; padding: 2px 5px 2px 5px; text-align: right; background-color: #E3DACF; display: block; }
p { margin: 0px 0px 20px 15px; }
strong { font-weight: bold; }
bold { font-weight: bold; }
em { font-style: italic; }
i { font-style: italic; }
abbr { font-style: normal; text-decoration: none; }
acronym { font-style: normal; text-decoration: none; }
ul { list-style-position: outside; margin: 0px 0px 5px 40px; padding: 0px; }
ol { list-style-position: outside; margin: 0px 0px 5px 25px; padding: 0px; }
li { margin: 0px 0px 0px 0px; padding: 0px; }
.imgLeft { float: left; margin: 0px 10px 0px 0px; }
.imgRight { float: right; margin: 0px 0px 0px 10px; }
form {margin: 0px 0px 0px 0px; }
form p { clear: both; } 
label { float: left; text-align: right; width: 100px; margin: 0px; display: block; }
input.Submit { float: right; display: block; }

/* MASTHEAD LAYER */
#layerMast { height: 278px; border-width: 4px 0px 0px 0px; border-style: solid; border-color: #6d1031; background-image: url(/files/structure/mast_home_background.jpg); background-repeat: repeat-x; background-position: left top; }
#layerMastImage { height: 278px; background-image: url(/files/structure/mast_home.jpg); background-repeat: no-repeat; background-position: left top; }
#layerLogo { background-color: #70764d; height: 77px; background-image: url(/files/structure/mast_logo.jpg); background-repeat: no-repeat; background-position: left top; }


a.linkHome { display: block; height: 100%; width: 100%; }
a.linkHome:link {  }
a.linkHome:active {  }
a.linkHome:visited  {  }
a.linkHome:hover, a.linkHome:focus { }

#layerLinks { padding: 5px 0px 5px 180px; background-color: #6d1031; height: 15px; }
#layerLinks p { margin: 0px; padding: 0px; float: left; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #978165; }
#layerLinks p a { font-size: 94%; line-height: 100%; font-weight: bold; font-style: normal; padding: 0px 15px 0px 10px; display: block; }
#layerLinks p a:link { color: #FFFFFF; text-decoration: none; background-color: #6d1031; }
#layerLinks p a:active { color: #FFFFFF; text-decoration: underline; background-color: #FFCC33; }
#layerLinks p a:visited { color: #FFFFFF; text-decoration: none; background-color: #6d1031; }
#layerLinks p a:hover, #layerLinks p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #FFCC33; }

#layerContainer { padding: 20px 40px 0px 200px; background-image: url(/files/structure/bodyimage.jpg); background-repeat: no-repeat; background-position: 65px 27px; }

#layerBody { height: 100%; }

#containerSpecial { background-color: #FEF1E1; border: 1px solid #6d1031; float: right; width: 300px; margin: 0px 15px 10px 10px; padding: 0px; display: block; }
#containerSpecial img { float: left; margin: 0px; padding: 0px; display: block; }
#containerSpecial h2 { clear: both; font-size: 100%; line-height: 120%; font-weight: bold; color: #ffffff; background-color: #6d1031; display: block; padding: 10px; margin: 0px; }
#containerSpecial h3 { clear: both; margin: 5px 10px 5px 10px; color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; display: block; }
#containerSpecial p { clear: both; margin: 5px 10px 5px 10px; color: #000000; font-style: normal; font-weight: normal; display: block; }

/* Styles for MultiColumn Formats */
#columnIntro { margin: 0px; padding: 0px; }
#containercolumns { width: 100%; margin: 0px 0px 10px 0px; padding: 0px; }
#containercolumns:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }


/* Styles for the Two Column Formats */
#twocolumnleft { float: left; width: 48%; margin: 0px; padding: 0px; }
#twocolumnright { margin: 0px 0px 0px 52%; padding: 0px 0px 0px 15px; }

/* Styles for the three Column Formats */
#threecolumnleft { float: left; width: 30%; margin: 0px; padding: 0px; }
#threecolumnmiddle { float: left; width: 32%; margin: 0px 0px 0px 10px; padding: 0px 5px 0px 10px; }
#threecolumnright { margin: 0px 0px 0px 68%; padding: 0px 0px 0px 10px; }

/* FOOTER LAYER */
#footer { clear: both; margin: 0px 40px 5px 0px; padding: 0px; border-width: 2px 0px 0px 0px; border-style: solid; border-color: #6d1031; }
#footer p { margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px; }

#layerDesign { position: absolute; left: -1000px; width: 500px; }
