/*used on guestbook and petition book*/

body {margin:0;
padding: 0;
background: #003300;
background-image: url(banner20.jpg);
background-repeat: no-repeat;
}
	
/*copy these colors to content and footer*/
a:link    {color: #036;}
a:visited {color: #4682B4;}
a:hover   {color:#FFFFFF; background-color:#036;}
a:active  {color:#FFFFFF; background-color:#036;}

#banner {color: #FFFFFF;
margin-left:0px;/*340px;*/
background-image: url(banner21.jpg);
background-position: top right;
background-repeat: no-repeat;
height: 100px;
}

#banner h1 {margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.8em;
font-weight: bold;
font-family: arial, verdana;
}

#container {float: left;
margin:0;
padding: 0;
width: 272px;
/*width: 340px;*/
}

#container2{
	/*margin-left: 341px;*/
	margin-left: 270px;
	padding:0;
}

.tableguest{
	width: 450px;
	
}


#navlist{
position: absolute;
top: 194px;
left: 88px;
padding: 0 1px 1px;
font: bold 12px verdana, sans-serif;
width: 180px;
color: #006; }

/*
.navlist p{
color: blue;
font-family: arial, helvetica;
font-size: 2.2em;
line-height:80%;
font-weight: bold;
text-align: center;
}
*/

#navlist li
{
list-style: none;
margin: 0px 0px 0px 0px;
padding-top: 0px;
border-top: 1px solid #060;
border-bottom: 1px solid #060;
text-align: left;
}

#navlist li a
{
display:block;
padding: 0.25em 0.5em 0.25em 0.5em;
margin: 0px 0px 0px 0px;
background: #CCa;
text-decoration: none;
text-align:center;
border-left: 1em solid #CC0;
border-right: 1em solid #CC0;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #808080; }

#navlist li a:hover
{
border-left: 1em solid #060;
border-right: 1em solid #060;
color: white; /*#004500;*/
background: transparent; /*white;*/
}

#left{
position: absolute;
top: 500px;
left: 5px;
width: 250px;
background-color: #8E9900;
border: 1px solid black;
padding: .5em .5em .5em .5em;
color: #fff;
}

#left h2{
font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
text-transform: capitalize;
font-style: normal;
font-size: 1em;
letter-spacing: 0.2em;
margin: 0px;
padding: 0px;
}

#left h3{
font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
text-transform: capitalize;
font-style: normal;
font-size: 1em;
margin: 0px;
padding: 0px;
}

#left p{
font-size:0.7em;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: Verdana,arial;
}

#left a:link    {color: #D6E600;}
#left a:visited {color: #474D00; background-color: #8E9900;}
#left a:hover, a:active {color:#fff; background-color:#474D00;}


#pagetitle {
width:auto;
min-width:120px;
margin:10px 10px 20px 5px;/*350px;*/
border: 3px solid #8E9900;
color: #fff;
padding:10px;
text-align: center;
font-size: 1.8em;
letter-spacing: 0.8em;
font-family: "Comic Sans MS", verdana, arial;
text-transform: capitalize;
}


.content {
width:auto;
min-width:120px;
margin:10px 10px 20px 5px;/*350px;*/
border:1px solid black;
background-color:white;
padding:10px;
line-height: 100%;
}

.content a:link    {color: #036;}
.content a:visited {color:    #4682B4;}
.content a:hover   {color:#FFFFFF; background-color:#036;}
.content a:active  {color:#FFFFFF; background-color:#036;}

.content h2 {
font-size: 1.2em;
font-family: Verdana,arial;
color: #036;
margin: .5em 0 7px 0;
padding-top: 1em;
font-weight: normal;
text-transform: capitalize;
line-height:110%
}

.content h3 {
font-size: 1em;
font-family: Verdana,arial;
color: #036;
margin: 0 0 5px 0;
padding-top: 1em;
font-weight: normal;
}

.content h4 { /*interview questions */
padding: 0 1em 0 1em;
font-size: 0.8em;
color: green;
font-weight: bold;
font-style: normal;
font-family: Verdana,arial;
}

.content p {
margin: 3px 0 0 0;
font-size: 0.8em;
padding: .5em 1em;
color: #000000;
font-weight: normal;
font-style: normal;
font-family: Verdana,arial;
}

.content blockquote {
font-size: 0.8em;
font-family: Verdana,arial;
}

.content ul {
/*margin: 3px 0 0 0;
padding: .5em 1em;
color: #000000;*/
font-size: 0.8em;
font-weight: normal;
font-style: normal;
font-family: Verdana,arial;
}

.content ol {
/*margin: 3px 0 0 0;
padding: .5em 1em;
color: #000000;*/
font-size: 0.8em;
font-weight: normal;
font-style: normal;
font-family: Verdana,arial;
}



#pcenter{
text-align: center;
}


.tablectr {
margin-left: auto;
margin-right: auto;
}


.tablectr td{
text-align: center;
font-family: verdana, arial;
font-size: 0.8em;
vertical-align: top;
padding: 2px 2px 0 2px;
}

.tablegallery {
margin-left: auto;
margin-right: auto;
background-color: #FFFCEC;
}

.tablegallery td{
text-align: center;
font-family: verdana, arial;
font-size: 0.7em;
vertical-align: top;
padding: 2px 2px 0 2px;
}

.tablenews { 
margin-left: auto;
margin-right: auto;
border-collapse: collapse; 
background: #f1f8ee; 
font: 11px verdana,arial; 
color: #033; 
width: 520px; 
}

.tablenews caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
.tablenews td, th { padding: 3px 3px .75em 10px; line-height: 1.3em; vertical-align: top;}
.tablenews th { /*background: #839E99;*/ color: #036; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
.tablenews thead th { background: #2C5755; text-align: center; color:#fff;}
.tablenews tr.odd  { background: #DBE6DD; }
/*.tablenews th.odd  { background: #6E8D88; }*/
.tablenews th.date {width: 25%;}
.tablenews td a, td a:link { color: #033; }
.tablenews td a:visited { color: #325C91;; }
.tablenews td a:hover, td a:focus{ color: #fff ; }
/*.tablenews th a { color: #fff; }*/
.tablenews td a:active { background: none; color: #325C91; }
.tablenews tfoot th, tfoot td { background: #2C5755; color: #fff; }





/* call out box*/
.coleft{
float: left;
width: 25%;
padding: 0.8em;
margin: 0 10px 0 0.15em; 
background: #EDF7DC;
text-align: left;
font-size: 1.2em;
line-height:110%;
color: #003300;
/*
padding: 3 3 3 3;
font-size: 24px;
font-family: verdana;
text-align: justify; */
}

.coright{
float: right; 
/*font-size: 1.8em;*/
padding: 0.8em;
margin: 0 0.15em 0 0.15em; 
background: #EDF7DC;
/*border: 3px outset #2e8b57;*/
width: 25%;
text-align: left;
font-size: 1.2em;
line-height:110%;
color: #003300;
  }

/*
display: inline;
float: right;
border: 1px dashed blue;
color: green;
width: 25%;
padding: 3 3 3 3;
font-size: 24px;
font-family: verdana;
text-align: justify;
}
*/

.subheadline {
font-size: 0.8em;
font-family: Verdana,arial;
color: #036;
margin: 0px 0 5px 0;
font-weight: bold;
}

.byline{
font-size: 0.7em;
color: #006699;
font-weight: bold;
font-style: normal;
font-family: Verdana,arial;
}


.parahead {
font-weight: bold;
color: #003366;
}

/*used in fanzone - macy2000 */
.parahead2 {
margin-top: 10px;
font-size: 1.4em;
font-family: Verdana,arial;
color: #006699;
font-weight: bold;
}

.byline{
font-size: 0.7em;
color: #006699;
font-weight: bold;
font-style: normal;
font-family: Verdana,arial;
}



.imgcenter {
display: block;
margin-left: auto;
margin-right: auto; }

.imgleft {
float: left;
padding-right: 6px;
}

.imgright {
float: right;
padding-left: 6px;
}




#cleardiv {clear:both;
height: 1em;
}

#footer {clear:both;
padding: .5em 1em;
font-family: verdana, arial;
font-size: 0.6em;
border-top: 1px solid #999;
text-align: center;
background: #CCa;
}

#footer a:link    {color: #036;}
#footer a:visited {color:    #4682B4;}
#footer a:hover   {color:#FFFFFF; background-color:#036;}
#footer a:active  {color:#FFFFFF; background-color:#036;}



#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#footer li {
display: inline;
margin-right: 1em;
}

/*rss newsfeed  */
.rss-box {
	 margin: 1em;
	 width: 90%;
	 background-color: #FFFFFF;
	 border: 1px dashed #FF7F00;
}

.rss-items {
	margin-top:0px;
	padding:0.5em 0.5em;
	margin-left:0px;
	color:#000000;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 110%;
	background-color:#FF7F00;
	color:#FFFF99;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
    font-family: arial, verdana, sans-serif;
    font-size: 1em;
    list-style:none;
    padding-bottom: 1em;
}

.rss-item a {
	text-decoration : underline;
	color:#036;
	font-weight: bold;
	font-size: 110%;	
	font-family:arial, sans-serif;
	}

.rss-item a:visited {
	color:#4682B4;
}

.rss-item a:hover {
    color:#fff; background-color:#036;
	padding: 0
	
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #CC99CC;
	} 
	
/* table for match results, stats */

.tablematch {
background-color: #FBFDF6;
margin-left: auto;
margin-right: auto;
font: 11px verdana, arial;
border-collapse: collapse; 
text-align: left;
color: #333;
line-height: 19px;
}

.tablematch caption {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
text-transform: uppercase;
}

.tablematch td {
margin: 0;
padding: 3px 10px;
border: 1px dotted #f5f5f5;
vertical-align: top;
}

.tablematch thead tr th {
background-color: #575757;
padding:  20px 10px;
color: #fff;
font-weight: bold;
/*border-right: 2px solid #333;*/
text-transform: uppercase;
text-align:left;
}

.tablematch tbody tr th {
padding: 20px 10px;
border-bottom: 1px dotted #fafafa;
background-color: /*#FBFDF6; */ blue;
}

.tablematch tr { }

.tablematch tr.odd {background-color: #EDF7DC;}

.tablematch2 {
font: 11px verdana,verdana, arial;
margin-left: auto;
margin-right: auto;
padding: 0;
border-collapse: collapse;
text-align: left;
color: /*#333;*/#FF7F00;
line-height: 19px;
}

.tablematch2 caption {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
		
.tablematch2 td {
margin: 0;
padding: 20px 10px;
border: 1px dotted #f5f5f5;
}
		
.tablematch2 th {
font-weight: normal;
text-transform: uppercase;
}

.tablematch2 thead tr th {
background-color: /*#575757;*/green;
padding:  20px 10px;
color: #fff;
font-weight: bold;
border-right: 2px solid #333;
text-transform: uppercase;
text-align:center;
}
		
.tablematch2 tfoot tr th, tfoot tr td {
background-color: /*transparent;*/blue;
padding:  20px 10px;
color: #ccc;
border-top: 1px solid #ccc;
}

		
.tablematch2 tbody tr th {padding: 20px 10px; border-bottom: 1px dotted #fafafa;}
.tablematch2 tr {background-color: /*#FBFDF6;*/yellow;}
.tablematch2 tr.odd {background-color: /*#EDF7DC;*/red;}
.tablematch2 tr:hover {		}
.tablematch2 tr:hover td, tr:hover td a, tr:hover th a {color: #A10000;}
.tablematch2 td:hover { 	}
.tablematch2 tr:hover th a:hover {background-color: #F7FBEF; border-bottom: 2px solid #86C200;}

.tablematch2 a {
color: #608117;
background-image: none;
text-decoration: none;
border-bottom: 1px dotted #8A8F95;
padding: 2px;
padding-right: 12px; 
}

.tablematch2 a:hover {
color: #BBC4CD;
background-image: none;
text-decoration: none;
border-bottom: 3px solid #333;
padding: 2px;
padding-right: 12px; color: #A2A2A2; 
}
		
.tablematch2 a:visited {
text-decoration: none;
border-bottom: 1px dotted #333;
text-decoration: none;
padding-right: 12px; color: #A2A2A2; 
}
		
.tablematch2 a:visited:hover {
background-image: none;
text-decoration: none;
border-bottom: 3px solid #333;
padding: 2px;
padding-right: 12px; color: #A2A2A2; 
}