/* @override 
	http://exitnorman.com/CSS/exit.css
	http://localhost:8888/EXIT%20NORMAN/WEB/CSS/exit.css
	http://www.exitnorman.com/CSS/exit.css
	http://www.exitnorman.com/NEW/CSS/exit.css
	http://exitnorman.com/NEW/CSS/exit.css
*/

a:link, a:visited{
color: #7D2016;}

a:hover
{color: gray;}

.boxLink a, .boxLink a:hover, .boxLink a:visited {
	padding: 8px 18px;
	background: #4a5332;
	color: #d4c58c;
	border: 1px solid #a5965d;}
	
.boxLink a:hover {
	background: #6c0018;}

/** HEADERS **/
h1, .menuBox h4, #contactBox h4 {display: none;}
h2, h3, h4, h5 {
	font-weight: bold;}
	/** END OF HEADERS **/

strong {
	font-weight: bold;}

body
{font-family: Arial, Helvetica, Geneva, sans-serif;
padding: 0px;
margin: 0;
background: #63001D url(../IMAGES/EXITNORMAN_BACKGROUND.jpg) no-repeat fixed center 0;}

ul {
padding-left:1em;
margin-left:0;
list-style: none;}

.outerBox
{margin: auto;
padding: 0;
width: 988px;
}

.headerBox {width: 988px;
margin: auto;
height: 76px;
	background: url(../IMAGES/EXITNORMAN_HEADER.jpg) no-repeat 303px 54px;
}

.cityClicks {
position: absolute;
top:  20px;
margin: 0 0 0 670px;
padding: 0;}

.cityClicks li {
padding: 0;
margin: 0;}

.cityClicks li a, .cityClicks li a:hover, .cityClicks li a:visited {
width:  152px;
padding: 0;
margin: 0;
height: 43px;
display: block;
background: url(../IMAGES/CITYCLICKS.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;}

.cityClicks li a:hover {
background: url(../IMAGES/CITYCLICKS.jpg) no-repeat 0 -43px;}

.getRewards {
position: relative;
top:  20px;
margin: 0;
padding: 0;}

.getRewards li {
padding: 0;
margin: 0;}

.getRewards li a, .getRewards li a:hover, .getRewards li a:visited {
width:  146px;
padding: 0;
margin: 0 0 0 26px;
height: 170px;
display: block;
background: url(../IMAGES/REWARDS_CARD.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;}

.contactBox {
position: absolute;
top: 18px;
margin: 0 0 0 268px;
padding: 8px 0;
width: 404px;
text-align: center;
z-index: 90;
}

.contactBox li {
font-weight: bold;
display: inline;
margin:0 0 0 -3px;
padding: 10px 0;
line-height: 25px;}

.contactBox a, .contactBox a:visited, .contactBox a:hover {
font-size: 14px;
color: white;
padding: 8px 11px;
text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.contactBox a:hover {
color: #d4c58c;}

.mainContent { 
margin-left: 112px;
width: 876px;
float: right;
background: url(../IMAGES/EXITNORMAN_BODYSTRIP.jpg) repeat-y 191px center;}

.mainBox {
float:  right;
width:  664px;
padding:  0;
background: url(../IMAGES/EXITNORMAN_PINSTRIPE.jpg) no-repeat;
}

.adBox {
width:  614px;
height: 198px;
border: solid #2E1F24;
border-width: 0 2px 2px 0;
float:left;
background-color: #000000;}

.flashContent {
margin: 50px 30px 0 0;
width: 340px;
float: right;
padding: 0;}

#greenScreenBox {
	position: absolute;
	left: 0;
	z-index: 999;}

.smallCalendarBox {
padding: 24px 15px 0 24px;}

.calendarBox {
padding: 40px 40px 30px 20px;}

.logoBox {
width: 292px;
position: absolute;
top: 11px;
margin-left: -38px;
height: 146px;
z-index: 99;

  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='IMAGES/EXITNORMAN_LOGO.png');}
    
/* IE ignores styles with [attributes], so it will skip the following. */
.logoBox[class] {
  background-image:url(../IMAGES/EXITNORMAN_LOGO.png);}
  
.logoBox a {
position: relative;
width:  292px;
height: 146px;
display:  block;
text-indent: -9999px;
overflow: hidden;
z-index: 99;
}

/* My Comment */

.menuBox /** LEFT BOX **/
{float: left;
width: 210px;
margin: 70px 0 0 0;
padding: 0;
z-index: 99;
}

.menuBox a img {margin: 20px;border: 2px solid #A2A279;}

.menuBox a:hover img {border: 2px solid #D7D7C3;}

.menuBot {
	height: 24px;
	background: url(../IMAGES/EXITNORMAN_MENUFOOTER.jpg) no-repeat 6px -13px;
}

.menuBox h2 {
	color:  white;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border-top: 3px solid black;
	width:  189px;
	background: black;
	margin:  40px 0 0 4px;
	padding:  10px 0;}
	
.menuBox a img {
	margin: 20px 0 0 24px;}

.mainMenu {
margin: 0;
padding:0;
background: url(../IMAGES/EXITNORMAN_MENUBACK.jpg) repeat-y 6px;}

.mainMenu li {
margin: 0 -1px;
padding:0;
text-align: left;
font-weight: bold;}

.commercialMenu {
padding: 0px 0 20px 50px;}

ul.commercialMenu li {
text-align: left;
font-weight: bold;
padding: 0 0 2px 0;}

ul.commercialMenu li ul li {
	list-style-type: square;
	font-size: 14px;
	margin: 0 0 0 20px;
	list-style-position: outside;
}

.mainMenu li a, .mainMenu li a:visited {
color: #495231;
width:  126px;
padding:  12px 18px;
border: solid #A5965D;
border-width: 2px 0 0 0;
margin: 0 0 0 28px;
display: block;
font-size:  18px;
font-style: normal;
text-decoration: none;
font-weight: normal;
background-color: #D4C58C;}

.mainMenu li a:hover {background: url(../IMAGES/EXITNORMAN_MENUOVER.jpg) repeat-y right;
color: black;}

.mainMenu ul li a, .mainMenu ul li a:visited {
color: #495231;
border:  solid #A4955C;
border-width: 1px 0 0 0;
font-size:  14px;
display: block;
margin: 0 0 0 13px;
width: 144px;
padding:  4px 0 4px 18px;
background: #ede7cf}

.mainMenu ul li a:hover {
color: black;
background: #63001c url(../IMAGES/EXITNORMAN_MENUOVER.jpg) repeat-y 7px;}

.cityMenu {
	margin: 40px 0 10px 20px;
}.cityMenu li  {
	display: inline;
	padding:  0;
	margin: 0;
}

.cityMenu li a, .cityMenu li a:hover, .cityMenu li a:visited {
	padding: 5px 10px;
	background-color: #C5B782;
	text-decoration: none;
	color: #321F19;
	font-size:  12px;
	border:  solid #321F19;
	border-width: 0 1px 0 0;
}

.cityMenu li a:hover {
	background-color: #DBDABC;
	color:  #485130;
}

.commercialMenu ul {
	padding: 0;
	margin:  0 0 10px 0;
}

.commercialMenu li ul li {
font-weight: normal;
font-style: normal;}

/** end of menu stuff **/
.middleBox {
width: 365px;
float: left;
padding: 0 0 25px 0;
border: solid #2E1F24;
border-width: 0 1px 0 0;
}

p{
margin-top: 24px;
color: #432824;
font-size: 0.9em;
line-height: 1.4em;
padding: 0 50px;}

.greenBox a, .greenBox a:visited {
font-weight: bold;
color: #456124;}

.greenBox a:hover {
color: #7D1C13;}

.middleBox h2, .rightBox h2 {
padding: 12px 20px 10px 20px;
font-size: 16px;
margin: 0 0 0px 0;
color: #fff;
background-color: #374A5E;}

.middleBox h2{
	margin: 0 0 40px 0;
}

.rightBox {
width: 248px;
float: left;
padding: 0;}

.insideRightBox {
width: 612px;
margin:  0 0 0 2px;
padding: 0 0 30px 0;
float: left;
}

.insideRightBox h2{
text-align: right;
font-size: 24px;
padding: 18px 20px;
color: #432824;
margin: 0px 0 30px 0;}

.insideRightBox h3 {
	color: #750712;
	margin: 20px 40px 10px 50px;
}

.insideRightBox h4 {
margin:  10px 40px 0 40px;}

ul.storeLinks {
	margin: 30px 0 0 0;
	padding: 0;}
	
ul.storeLinks li {
	display: inline;
	margin: 0;
	padding: 0;}
	
ul.storeLinks li a, ul.storeLinks li a:hover, ul.storeLinks li a:visited {
	padding: 5px 10px;
	line-height: 30px;
	background-color: #C5B782;
	text-decoration: none;
	color: #321F19;
	font-size:  12px;
	border:  solid #8a7c4e;
	border-width: 1px;}
	
ul.storeLinks li a:hover {
	background: #8a7c4e;
	color: white;}
	
ul.storeLinks li.rewardLink a, ul.storeLinks li.rewardLink a:hover, ul.storeLinks li.rewardLink a:visited {
	background: #4a5332;
	color: white;}
	
ul.storeLinks li.rewardLink a:hover {
	background: #7f8a60;
	color: black;}

.backTop {
font-size: 16px;
font-weight: normal;
border-left: 1px solid #E3C78D;}

.backTop a, .backTop a:visited {
color: black;
padding: 0 0 0 10px;}

.backTop a:hover {
color: black;}

.storeBox {
float:  left;
width: 530px;
margin:  10px 0 30px 0px;
padding:  0 0 0 40px;
}

.storePhoto, .storeLogo {
width: 180px;
float: left;} 

.storePhoto .imgBorder{
	border: solid #C5B782;
border-width: 6px;}

.storeLogo {
	border: none;
}
.storeText {
width: 310px;
float: right;}

.storeText p {
padding: 0;
}

.storeText h3 /** USED FOR STORE TITLES **/
{margin: 0;
padding: 0px 0 0px 0;
font-weight: bold;
font-size: 22px;}

/* REWARDS PAGE */
#rewardsTopBox {
	width: 554px;
	padding: 10px 0 0 0;}
#cardLocations {
	float: right;
	width: 220px;
	margin: 0 0 20px 20px;
	background: #efe1ab;
	border: 2px solid #482a28;}
	
#cardLocations p {
	color: #000;
	margin: 0;
	padding: 1.0em;
	line-height: 1.2em;}

#cardLocations ul {
	margin: 0 0 15px 0;}	
	
#cardLocations ul li {
	color:  #000;
	font-weight: normal;
	font-size: 0.9em;
	padding:3px 0;}
	
#cardLocations ul li a {
	font-size: 0.7em;}
.altBox1, .altBox2 {
	border-bottom: 1px solid #e9d89a;
	padding: 10px 0;
	margin:  0 55px 0 50px;}
	
.altBox2 {
	background-color: #d4c58c;}
	
	
.storeName {
	margin: 0 0 0 10px;
	font-size: 1.2em;}
	
p.reward {
	padding: 0px 45px 0 20px;
	margin: 0;
	line-height: 1.4em;
	font-size: 1.0em;}



.hrBox hr {
	display: none;}
	
.hrBox {
	clear: both;
	height: 1px;
	background-color: #8a7c4e;
	margin: 20px 40px;
}

/* END REWARDS PAGE */

/** MAP PAGE **/
.addressBox{
margin-left: 280px;
padding-bottom: 40px;}

.addressBox h4 {
margin: 40px 0 5px 0px;
font-size: 18px;
color: #E3950D;}

.addressBox p {
margin: 0;
padding: 0 0 5px 0;
font-size: 13px;
line-height: 14px;}

#mapBox {
position: absolute;
top: 101px;
margin: auto;
width: 1120px;
height: 255px;
background-color: #cccccc;
background-image: url(../IMAGES/EXITNORMAN_MAP.jpg);
background-repeat: no-repeat;
background-position: -60px -70px;
border-left: 10px solid #6B170E;
border-right: 10px solid #6B170E;
z-index: 95;}


/** END OF MAP PAGE **/

.contactUsBox {
padding: 50px;}

p.webSite {margin: 0;
padding: 0;
font-style: italic;
font-size: 15px;
font-weight: bold;}

#hackdiv {clear: both;}

#footerBox {
	clear: both;
width: 988px;
margin:  auto;
height: 80px;
text-align: center;
	background: url(../IMAGES/EXITNORMAN_FOOTER.jpg) no-repeat 303px top;
}

.footerText {
width: 718px;
margin:  auto;
float: right;
font-size: 12px;
color: white;
padding: 58px 0 20px 0;}