@charset "UTF-8";
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #E90301 url(images/backgrounds/backgroundBody2.jpg) repeat-x center top; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; }

 #container 
 { 
width: 800px; 
margin: 0 auto; 
text-align: left; 
padding-top: 0px; 
border-right: 2px solid #000; border-left: 2px solid #000; background-repeat: repeat-x; background-position: center top; background-color: #9D8A10; background-image: url(images/backgrounds/backGroundContainer2.jpg); 
-webkit-box-shadow: 0px 0px 4px 4px rgba(3, 3, 3, .5);
-moz-box-shadow: 0px 0px 4px 4px rgba(3, 3, 3, .5);
box-shadow: 0px 0px 4px 4px rgba(3, 3, 3, .5); 

} 


#mainContent a { color: #F00; text-decoration: none; }
#mainContent a:hover { color: #F00; text-decoration: underline; }
#TabbedPanels1 a   { color: #FF0; text-decoration: none; }
#TabbedPanels1 a:hover { color: #FF0; text-decoration: underline; }
.block { margin: 5px 5px 5px; padding: 10px; border: 2px dashed #000; background-color: #F00407; float: left; width: 500px; background-image: url(images/backgrounds/backGroundTabOrBox.jpg); background-repeat: no-repeat; background-position: left top; }
#container #mainContent .block a { color: #FF0; text-decoration: none; }
#container #mainContent .block a:hover { color: #FF0; text-decoration: underline; }
.emphasis { background-color: #30ED64; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; color: #000; }
.headingTab { font-size: 180%; font-family: "Lucida Console", Monaco, monospace; color: #FFF; }
#animationBox { height: 30px; margin-top: 0px; margin-bottom: -10px; padding-left: 40px; padding-top: 25px; background-image: url(images/animation/animationTextHeading.gif); background-repeat: no-repeat; background-position: left bottom; margin-left: 250px; }
#mainContent  { font-size: 85%; line-height: 25px; text-align: left; }
 #header { background: #000 url(images/backgrounds/headMast_logo.jpg) no-repeat center top; padding: 0 0px; border-bottom-width: thick; border-bottom-style: solid; border-bottom-color: #000; height: 220px; } 
 #header h1 { margin: 0; height: 0px; padding-right: 0px; padding-left: 20px; color: #000; padding-top: 206px; font-size: 90%; font-weight: normal; }
.headingsDiv { padding: 15px; font-size: 160%; font-weight: bold; margin-top: 20px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #9D1210; margin-right: 5px; margin-bottom: 15px; border-top-width: 2px; border-top-style: dashed; border-top-color: #9D1210; background-repeat: no-repeat; background-position: right bottom; }
 #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 190px; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 15px 10px 15px 15px; text-align: center; }
#sidebar1 a{ text-decoration: none; color: #000; margin-bottom: 10px; padding-top: 4px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; border: 2px dashed #000; background-color: #9D8A10; }
#sidebar1 a:hover { text-decoration: none; color: #FFF; border: 2px dashed #FFF; width: 160px; height: 60px; padding-top: 4px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; background-color: #000; }
.buttonDiv { width: 170px; padding: 15px 2px; margin-bottom: 5px; border: 2px dashed #000; background-color: #EE0504; background-repeat: no-repeat; background-position: center center; background-image: url(images/backgrounds/buttonBackground2.jpg); }
 #mainContent { margin: 20px 0 0 225px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0 20px 0 5px; } 
 #footer { border-top: medium solid #E90301; background-image: url(images/backgrounds/background_footer.jpg); background-repeat: repeat-x; background-position: center bottom; color: #FFF; background-color: #A08C00; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-size: 80%; } 
#footer a  { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.large { font-size: 300%; }
.frameAnimation { height: 150px; width: 250px; margin: 2px 5px 20px 0px; float: left; padding: 2px 10px 10px; background-image: url(images/backgrounds/frameImages.jpg); background-repeat: repeat-x; background-position: center bottom; }
.firstLetter { font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; padding: 2px 7px; color: #FFF; margin-right: 2px; border: 1px dashed #000; background-image: url(images/backgrounds/buttonBackground2.jpg); background-repeat: no-repeat; background-position: left top; }
.hr  { color: #00B0D3; background-color: #00B0D3; display: block; visibility: hidden; }
.firstLetterTab { color: #FFF; background-color: #000; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; border: 1px dashed #FF0; margin-right: 2px; font-size: 150%; }
.textNextToImage { width: 240px; margin-left: 10px; float: left; padding: 5px; background-repeat: no-repeat; background-position: center center; }
.formField { background-color: #E6E6E6; height: 25px; border: 1px dashed #000; width: 320px; padding: 2px 2px 2px 4px; }
.formFieldMessage { background-color: #E6E6E6; border: 1px dashed #000; }
.bold { color: #FFF; background-color: #F00407; padding: 5px; font-weight: bold; }
#mainContent .frameAnimation a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }