/*******
Murder Mystery Players
Designed by Dave Kramer 



**********/


/************** Begining Of Element Selectors, also known as Tags ***************/

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #333333;
	background: #000 url(../site-images/bg-1.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,address { padding: 0; margin: 0x; }

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 10px 0px;
	padding: 0;
	line-height: 1em;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}


	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #600;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	letter-spacing: .03em;
	margin: 0px 0px 10px;
	padding: 0px;
}


/************** Begining Of ID Selectors ***************/
/* each ID tag can only be used once per page */

#container {
	width: 840px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: transparent;
	margin: 0 0 0 190px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	text-align: right;

}

#mainContent {
	width: 610px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	border: 5px solid #999;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin: 0 0 0 190px; /* 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 10px;
}


#footer {
	width: 610px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin: 0; /* 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 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
}

.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
}

/************** End Of ID Selectors ***************/




/************** side bar nav ***************/


#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	text-align: right;
	clear: left;
}

  
 #sidebar a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	letter-spacing: .03em;
}
	  
#sidebar  a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	letter-spacing: .03em;} /* for visited links */
#sidebar  a:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	letter-spacing: .03em;
	} /* when link is clicked */
	
#sidebar a:hover {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
	text-align: right;
	letter-spacing: .03em;
}
  
  
/************** End Pseudo-Class Selectors ***************/
  
  
  
/************** Grouped Selectors ***************/



	
#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: normal;
	line-height: 36px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	margin: 10px 0px;
	}

	


/************** Events ***************/


#events {
	margin: 0px;
	background-color: #d9def1;
	width: 550px;
	padding: 0px;
	}
	
#events h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: center;
	margin: 5px 0px 10px;
	}

#events p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px;
	}

/************** Begin Of Ciy Pages ***************/

.cityEvent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	margin: 0px 0px 10px;
	padding: 5px;
	letter-spacing: 0.1em;
}
.cityEvent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #066;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	padding: 0;
	margin: 0 auto;
}

.cityEvent {
	width: 580px;
	border: 2px solid #999;
	text-align: left;
	padding: 12px;
	margin: 10px 0px;
}

.cityText {
	vertical-align: top;
	text-align: left;
	padding: 10px 0px;
	font-size: 1em;
	line-height: 1.3em;
}
.city-subhead-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -.05em;
	color: #003399;
}

.cityEventIcon  {
	padding: 0px 10px 10px 0px;
	float: left;
}
.cityButtonBar  {
	text-align: center;
	padding: 0px;
	margin: 10px 0px 20px;
}
.cityButton  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFF;
}

 .cityButton a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #63C;
	padding: 3px 8px;
	margin: 0px;
	border: 3px outset #63C;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	letter-spacing: .1em;
}

.cityButton  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #63C;
	padding: 3px 8px;
	margin: 0px;
	border: 3px outset #63C;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	letter-spacing: .1em;
}
	
.cityButton  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 8px;
	margin: 0px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	letter-spacing: .1em;
	border: 3px outset #990000;
	background: #990000;
}
	

.cityButton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 8px;
	margin: 0px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	letter-spacing: .1em;
	border: 3px outset #990000;
	background: #990000;
}

/************** images ***************/
.imageRight {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.imageLeft {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/************** Begin Of Menu ***************/
#menu {
	width: 580px;
	border: 2px solid #999;
	text-align: center;
	padding: 12px;
	margin: 10px 0px;
}

#menu h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	margin: 10px 0px 10px 80px;
	padding: 4px;
	letter-spacing: 0.1em;
	width: 400px;
}


#menu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	letter-spacing: .03em;
	margin: 0px 0px 10px;
	padding: 0px;
}
.menu-subhead-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -.05em;
	color: #003399;
}



/************** End Of Menu ***************/


/************** Begin Of Class Selectors ***************/

.site-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: normal;
	line-height: 36px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	margin: 10px 0px;
	}
	
.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}

.big-letter {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #C00;
	margin: 0px;
	padding: 0px;
}
	
.redPageBanner {
	background: url(../site-images/red-page-banner-640.gif) no-repeat;
	text-align: center;
	width: 640px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 40px;
	padding-top: 7px;
}
.leaf-top {
	background: url(../site-images/ding-1a.gif) no-repeat 240px 0px;
	margin: 20px 0px 5px;
	text-align: center;
	padding-top: 30px;
	clip: rect(auto,auto,auto,auto);
}
.leaf-bottom {
	background: url(../site-images/ding-1b.gif) no-repeat 240px 0px;
	text-align: center;
	margin: 0px 0px 25px;
	padding-top: 0px;
}

.location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin: 15px 0px;
}


.Red-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
	text-align: center;
	line-height: 1.2em;
}
.Blue-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	line-height: 1.2em;
	font-variant: normal;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}

.blackBoxText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
	width: 100%;
	padding: 2px 0px;
}



.tight-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 17px;
	font-weight: normal;
}


.cap-text {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #B32B21;
}
.thumb-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
}

.verysmall-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #323c62;
}



.banner-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}
.banner-red-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}

/************** End Of Class Selectors ***************/

/************** Begin Of images ***************/
.man-n-gun  {
	text-align: right;
	height: 240px;
	width: 100px;
	float: right;
	padding: 11px 0px 0px;

}

/************** old City Pages ***************/
.page-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
	background-color: #000000;
	background-position: center bottom;
}
.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
.text-head {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.text-head-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.Red-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.Blue-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}
.box-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	margin: 0px;
	padding: 0.2em;
	letter-spacing: 0.1em;
}

.b-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
}
#nav-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
	
a:hover#nav-button  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.small-boldtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
}
.spaced-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.yellow-Text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
}

.yellow-Text a:link {
	color: #FF0;
	text-decoration: none;
}
.yellow-Text a:visited { color: #FF0; }
.yellow-Text  a:active { color: #FF0; }
.yellow-Text a:hover { color: #F00; }