@charset "utf-8";
/* CSS Document */

/**--------------------------------------- DEFAULT/GENERAL STYLES--------------------------------------**/

/* added these IE patches  8.25.08 in hopes of clearing up ie alignment/positioning problems*/
* html #global #header #logo #banner #headerMenu #subMenu #content #pageContent #footer   {
	display: inline; }
/*  end IE patches  */

body {
	/* added text-align 8/22/08 to center web page  */
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#fff;
	font-size: 12px;
	color: #333;
}

p {
	margin-left: 30px;
	margin-right: 15px;
	line-height: 160%;
}

h1 {
	font-size: 18px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #187AA8;
	margin: 0 20px;
}


h2 {
	font-size: 12px;
	color: #333333;
	margin: 0 15px;
}

h3 {
	font-size: 14px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #0d4a79;
	margin: 0 25px;
}

a:link, a:visited {  
	color: #336699; 
	text-decoration:none; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #336699;
}

a:hover, a:active {  
	color: #55ba4c; 
	text-decoration:none; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	border-bottom: dotted 1px #55ba4c;
}
	
div.clearFloatLeft {
	position:relative;
	clear:left;
}
div.clearFloatRight {
	position:relative;
	clear:right;
}
div.clearFloatBoth {
	position:relative;
	clear:both;
}

#global {
	/* added margin: 0 auto; on 8/22/08 to center float; already had an explicit width   */
	margin: 0 auto;
	
	/*  changed from 860 to overcome problem that white background is not extending to bottom of page, to end of global div  */
  	width: 790px;
		
	/*  position: absolute;   */
	position: relative;
	
	left: 0px;
	top: 0px;
	
	/*  margin: 0;  */
	padding: 0;
	background:#ffffff url(images/blueprint.gif) no-repeat top left;
	
	/* add global white background explicitly to override new blue background 8.26.08 since not working; still doesn't work*/
	background-colorx: #fff;
}

/**--------------------------------------- HEADER & MENU --------------------------------------**/

/* Added header style 8.23.08, previously missing, although referenced on every page in site   */

#header {
	/*  position: relative;   */
	margin: 0;
	padding: 0;
	/*  float makes global's gif and background color disappear in ie and opera, but need float to make align corretly in ie  */
	background:url(images/logo.gif) no-repeat top left; 
			
	/*----   moved all following settings up from logo                  */		
			
	/*top:0;
	left: 33px;
	width:237px; */	
	
	/*   Need height to keep logo left-aligned in ie FOR SOME REASON    */              
	height:95px;
	
	/*
	padding: 0;
	margin: 20px 0px;   /* DONT REINSERT margin; makes blue background visible above and below logo 8.26.08 	 */
	 
	/* All browsers need added padding to force flash show below logo gif on home and sub pages */
	 padding: 20px 0px; 
}

#logo{
	/*  changed position to relative, added float: left on 8/22/08; if change back to absolute, logo disappears  */
	/*position: relative;             */
	
 /* float: left;   {makes all but ie throw hnav to page top, but hnav links still work  */
 	/*      background:url(images/logo.gif) no-repeat top left;            COMMENTING OUT TO MOVE TO HEADER   */
	 /*  with float in place for ie, try commenting out positioning; did NOT restore hnav to correct position   */
	 
	 /*        MOVING ALL THESE PROPERTIES UP TO HEADER     8.27
	top:0;
	left: 33px; 
	width:237px;            
	height:95px; 
	padding: 0;
	margin: 20px 0px;
	*/
}


#logo span {  /*  Note: AiW included this to put title out of sight of browser window but visible to search engines */
	margin-left: -2000px;
}

/*  banner holds home page's flash show */
#banner{
	/*  changed to relative and remmed out  8.22.08   */
	position: relative;
	/*  top:50px;   
	left:0;  */
	margin:0;
	padding:0;
	margin-topx: -60px;  /* hack to position flash show correctly below logo gif and above hnav bar; doesn't work in ie  */
	
	floatx: left; /* removing float positions flash correctly under logo gif  BUT now hnav in the middle */
	
	displayX: inline;     /*  Supposedly ie fix, but makes ie ignore the padding-top  */
	
	heightX: 50px;         /*defining height made did not succeed in diplaying entire height of flash show   */
	
	padding-top:  40px;   /* All browsers need padding top to pushes flash show down below logo gif 8.25.08  */
	
	padding-bottom:  40px;   /* All browsers need padding top to pushes flash show down below logo gif 8.25.08  */

}

ul.noBullets {
	list-style:none;
}

ul.menu {
	position: relative;
	top:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	list-style:none;
	padding: 0 15px; 
	margin: 0;
}

ul.menu li {
	display:inline;
	margin: 0 1em 0 0;
	padding:0;
}

ul.menu li a {
	margin-right: 10px;
	text-decoration:none;
	border-bottom:none;
}

/*----------------------------------------------  horizontal nav bar in header  --------------------------------*/
/*  headermenu on home page only  */
#headerMenu {
	/*  changed to relative  8.22.08   */
	position: relative;
	
	
	
	/*  removed top positioning  8.22.08 for relative positioning  */
	/*  top: 290px;  */
	
	width: 790px;
	height: 50px;
	
	color:#FFF;
	background:url(images/menuBar.gif) top left no-repeat;
	padding:0;
	
	/* add clear:both  8.22.08 to remedy positioning problems   */
	clear:both;
	
	floatX: left;  /* float made no difference in positioning; hnav still in middle of flash show  8.25.08 */
	
	margin-top: 120px;    /*all three browsers needed margin-top to push hnav down below flash show  8.25.08  */
}

#subMenu {
/*  subMenu on all pages other than home page */

	/*  changed to relative  8/22/08   */
	position: relative;
	
	/* removed float 8.26.08 to get hnav to work in ff, although throws hnav to top of page  */
	/* float: left;    */
	
	height: 45px;
	/* HAD to widen subMenu 8.25.08 to get hnav to left-align in IE; added left text align to bring menu items back into sight  */
	/*width: 790px;  */
	width: 900px;
	text-align: left;
	
	/*  remove top postioning 8.22.08  */
	leftx: 0px;   /*   does NOT left-align in IE 8.25.08 */
	
	color:#FFF;
	padding:0;
	background:url(images/subnavigation_rail.gif) top left no-repeat;
		
	/* add clear:both  8.22.08 to remedy positioning problems; ok for ie, botched up other browsers   */
	clearx:right;
	
	
}

#headerMenu ul a, #headerMenu ul a:visited, #subMenu ul a, #subMenu ul a:visited {
	color:#fff;
	border:none;
}

#headerMenu ul a:hover, #headerMenu ul a:active, #subMenu ul a:hover, #subMenu ul a:active {
	border-bottom:#ffffff 1px dotted;
}

/**--------------------------------------- MAIN BODY --------------------------------------**/

#main {
	position: relative;
	
	/*  redefined width  8/25/08 to hide blue background; made as wide as global; doesn't work...splays right rail too far to the right */
	width: 790px;
	
	height: auto;
	/*  remmed out top position  8/22/08  
	top: 325px;
	     */
	
	/*  overrode margin to avoid left/right indent in blue background appearing above and below main content 
	margin: 10px;   */
	margin: 0px;
	
	padding:0px;
	
	/* add floats 8.26.08  */
	float: left;
	
	/* add white background to override new blue background 8.26.08  */
	backgroundx: #fff;
	
}

#subMain {
	position: relative;
	
	/*  redefined width  8/25/08 to hide blue background; made as wide as global..doens't work; splays right rail too far righ */
	width: 775px;
	/*  width: 858px;  */
	
	height: auto;
	
	/*  remmed out top position  8/22/08  
	top: 200px;  */
	
	/*  overrode margin to avoid left/right indent in blue background appearing above and below main content  */
	margin: 0 10px; 	
	margin: 0;
	
	padding:1px;
	
	/* add floats 8.26.08  */
	float: left;
	
	/* add white background to override new blue background 8.26.08  */
	backgroundx: #fff;
	
	/*  content up too high; try clear: both   
	clear:both;    NO EFFECT   */
	
	/*  try   top positioning to get content down below hnav 
		remove again after taking vnav out of header  
	top: 40px;
	 */
	
}

/**------------------------------  LEFT CONTAINERS (PAGE CONTENT) ------------------------------**/

#content {
	position:relative;
	width: 474px;
	
	float:left;
	
	/* added text-align 8.22.08  */
	text-align: left;
	
	/* added background color 8.25.08 to cover blue background  */
	background: #fff;   /*only works in ie   */
}
.pageContent {
	position:relative;
	/* remmed out left positioning 8.22.08 
	left:0px;  */
	padding:5px 0;
	width: 474px;
	margin-right: 15px;
	
	/* added left-align 8.25.08 to simulate original margin */
	margin-left: 10px;
	/* added text-align 8.22.08  */
	text-align: left;
	
	float: left;    /* fixed content vert alignment in opera    */
	
	
	/* added background color 8.25.08 to cover blue background  */
	background: #fff;  /*only works in ie   */

}

.whiteTop {
	position: relative;
	width: 474px;
	height: 27px;
	border: none;
	background: url(images/whiteTop.gif) no-repeat top left;
}

.whiteTile {
	position: relative;
	width: 474px;
	padding-bottom: 1px;
	background-image: url(images/whiteTile.gif);
	background-repeat: repeat-y;
}

.whiteBtm {
	position: relative;
	width: 474px;
	height: 26px;
	background: url(images/whiteBtm.gif) no-repeat top left;
}

.location {
	position:relative;
	float:left;
	width:190px;
	margin-left:40px;
	line-height:1.5em;
}

.location h2 {
	text-transform:uppercase;
	margin: 1.2em 0 0 0;
	color: #666666;
}

.breadcrumb{
	/*font-family:Trebuchet MS, sans-serif;*/
	color:#999;
	font-size:11px;
	margin-top:-3px;
}
.breadcrumb a{
	color:#999;
	text-decoration:none;
}


/**--------------------------------------- RIGHT RAIL --------------------------------------**/

#rightRail{
	position: relative;
	float: right;
	left: 0px;
	width: 285px;
	height: auto;
	margin: 0 -40px 0 -10px;
	font-size: 11px;
	line-height: 150%;
	/* added text-align 8.22.08 */
	text-align: left;
}

#main>#rightRail, #subMain>#rightRail {
	margin:0;
}

#rightRail h2 {
	position: relative;
	width: 202px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #51B948;
	margin: 0 20px;
	padding: 5px 0;
}

#rightRail h3 {
	font-size: 12px;
	margin: 1em 20px;
}

#rightRail p {
	margin: 0 30px;
	padding-bottom: 1em;
}

#infoSpotlight {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	height: auto;
	margin: 0;
	font-size: 11px;
	line-height: 150%;
}

.ad {
	position: relative;
	top: 10px;
	left: 3px;
	border: none;
	margin-bottom: 20px;
}

.eventTop {
	position: relative;
	top: 0px;
	left: 0px;
	width: 323px;
	height: 170px;
	border: none;
	margin: 0;
	background: url(images/photos.gif) no-repeat top left;
}

.railTop {
	position: relative;
	top: 0px;
	left: 0px;
	width: 323px;
	height: 25px;
	border: none;
	margin: 0;
	background: url(images/greenTop.gif) no-repeat top left;
}

.eventTile, .railTile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	height: auto;
	border: none;
	margin: 0;
	background-image: url(images/greenTile.gif);
	background-repeat: repeat-y;
}


.eventBtm, .railBtm {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	height: 25px;
	border: none;
	margin: 0;
	background: url(images/greenBtm.gif) no-repeat bottom left;
}

.specTop {
	position: relative;
	width: 285px;
	height: 23px;
	margin: 0;
	padding: 0;
	background: url(images/specTop.gif) no-repeat top left;
}

#specials {
	padding: 10px 0;
}

.specTile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	margin: 0;
	padding: 0;
	background: url(images/specTile.gif) repeat-y top left;
}

.specTile p {
	margin-top:0;
	margin-bottom:0;
}


.specBtm{
	position: relative;
	width: 285px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(images/specBtm.gif) no-repeat bottom left;
}


/**---------------------------------------  FOOTER --------------------------------------**/

#footer {
	clear:both;
	position: relative;
	/* remmed out top  positioning 8.22.08 
	top:325px;   */
	
	/* redefined width 8.25.08   */
	width: 800px;
	width: 790px;
		
	padding-top:100px;
	color:#757575;
	/* add float:left 8.22.08 */
	floatx: left;
	
	/* added 8.25.08 to cover blue background    */
	background-color: #fff;
}

#mascots {
	position: relative;
	/* added float:left 8.22.08  */
	float: left;  
	width:226px;
	height:161px;
	
	/* remmed out left positioning 8.22.08 
	top: 0px;
	left: 30px; */
	
	margin-top: -220px; 
	
	background:url(images/restore_cartoon.gif) no-repeat top left;
	
	/* added margin-left to compensate for added float 8.22.08  */
	margin-left: 20px; 
}

#mascots a {
	display:block;
	width:226px;
	height:161px;
	border:none;
}

/*  Note: AiW included this to put link out of sight of browser window but visible to search engines */
#mascots a span {
	margin-left:-1000px;
}


#footerMenu {
	position: relative;
	width: 777px;
	padding-top: 1px 0;
	background: url(images/footer.gif) repeat-y top left;
	/*tried to get separation from mascot with margin-top  */
	
}

#footerMenu ul {
	position: relative;
	/* remmed out top positioning 8.22.08 
	top: 15px;  */
	
}

#footerMenu ul a, #footerMenu ul a:visited {
	color:#757575;
}

#footerMenu ul a:hover, #footerMenu ul a:active {
	border-bottom:#757575 1px dotted;
}

#footer p {
	text-align:center;
	line-height: 100%;
	padding: 1em 0 .5em 0;
}

/**----added buffer style 8.22.08 to push cartoon pickup logo down on Contact pg after deletion of other affiliates------**/

.buffer200 {
	height: 200px;
}