/* CSS for Prince Georges County Fair site */

body { font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #e2edff; line-height: 125%; padding: 0; margin: 0; }


#tagline p { font-style: italic; font-family: Georgia, Times, serif;  background-color: #BED8F3; border-top: 3px solid #7da5d8;
	border-bottom: 3px solid #7da5d8; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em; margin: 0; text-align: center; }

#navigation { width: 180px; background-color: #7da5d8; }

#header { border-top: 3px solid #7da5d8; text-align: center; }


h1, h2, h3 { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }

h1 { font-size: x-large;  background-color: navy; color: white; padding-top: 2em; padding-bottom: .2em; padding-left: .4em; margin: 0; 
      background: navy url(images/fireworks1.jpg) repeat-y right;  
 }
 
h2 { color: navy; font-size: 130%; font-weight: normal; padding-top: 15px; }


li { font-size: small; list-style-type: none; }

p { font-size: small; color: navy; }

em { text-transform: uppercase; }

ul { margin-top: 15px; }


a { font-weight: bold; }

a:link { color: black: }

a:visited { color: navy; }

a:hover { text-decoration: none; color: white; background-color: navy; }

a:active { color: aqua; background-color: navy; }

.fun { color: #339999; font-family: Georgia, Times, serif; letter-spacing: 0.05em: }

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

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




.parastyle1 {text-align:center;margin-left:0px;text-indent:0px;font-family:Comic Sans MS,cursive;font-weight:bold;font-style:normal;font-size:25px;text-decoration:none;color:red;height:30px;}






table.dates { border-collapse: collapse; }

table.dates th, table.dates td { padding: 4px; border: 1px solid #000066; }

table.dates th { font-size: large; text-align: center; background: #241374 url(images/fireworks1.jpg); color: #ffffff; padding-top: 0; padding-bottom: 0; padding-left: 2px; padding-right: 2px; }

table.dates td { font-size: large; text-align: center; }




table.contacts  { border-collapse: collapse; }

table.contacts  th, table.contacts  td { padding: 4px; border: 1px solid #000066; }

table.contacts  th { font-size: medium; text-align: center; background: #241374 url(images/fireworks1.jpg); color: #ffffff; padding-top: 0; padding-bottom: 0; padding-left: 2px; padding-right: 2px; }

table.contacts  td { font-size: medium; text-align: center; }







/* This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.  */

#navigation, #bodycontent, #header  { position: absolute; }

#trailer { position: absolute; }
#navigation, #bodycontent  { top: 107px; }

#bodycontent { left: 200px; }

#trailer { top: 600px; left: 200px; }

#header { width: 100%; }