/* Free Day IN Birmingham   |   screen.css   |   3/16/09 */

body	{
	background-color: #797979;
	font: 62.5%  Helvetica, Arial, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 20px 0;
	}

body.form {background-color: #fff;font-size: 12px; text-align:left;}
	
#wrap {
	width: 967px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}
	
#internal-wrap {
	background: url(../images/wrap-bg.jpg) 0 0 repeat-y;
	padding: 10px 40px 10px 40px;
	width: 927px;
	float: left;
	}
	
h1 {
	text-indent: -9999em;
	float: left;
	color: #fff;
	}
	
* + html #top { margin-bottom: -4px; }

* html #top { margin-bottom: -4px; }
	
#header { 
	width: 927px;
	float: left;
	}
	
* + html #header { margin-bottom: 10px; }

* html #header { margin-bottom: 10px; }

a.back {
	float: left;
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/back-btn.jpg) 0 0 no-repeat;
	}

#logo { 
	float: right;
	border: 0;
	}
	
#header #logo { margin-top: 6px; }
	
#content-wrap {
	width: 907px;
	background: #dadada url(../images/content-bg.jpg) 0 0 repeat-x;
	padding: 10px;
	float: left;
	}
	
#content-wrap .form {background: #fff; }
	
#in-guide {
	position: absolute;
	top: 105px;
	left: 785px;
	border: 0;
	}
	
* + html #in-guide { top: 95px; }

* html #in-guide { top: 93px; }

#content {
	width: 887px;
	background: #fff url(../images/in-book-open.jpg) bottom right no-repeat;
	padding: 10px;
	float: left;
	}
	
#content-wrap.om #content { background: none; }
	
#content p.home {
	color: #777;
	font-size: 1.1em;
	margin-bottom: 10px;
	width: 220px;
	float: left;
	margin-top: -10px;
	}
	
#billboard {
	float: left;
	background: url(../images/billboard.jpg) 0 0 no-repeat;
	width: 569px;
	height: 344px;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
#content #billboard p {
	color: #1a1718;
	font-size: 1.2em;
	margin: 245px 10px 0 20px;
	width: 529px;
	}
	
#billboard a {
	color: #1a1718;
	text-decoration: none;
	font-weight: bold;
	}
	
#billboard a:visited { color: #888; }

#billboard a:hover { color: #fa180c; }

h2 {
	text-transform: uppercase;
	color: #ccc;
	font-size: 2.2em;
	letter-spacing: -.01em;
	}
	
#header h2 {
	color: #fa180c;
	font-size: 1.8em;
	width: 600px;
	float: left;
	}
	
h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	clear: both;
	border-bottom: #ccc solid 1px;
	padding-bottom: 3px;
	}
	
h3.first { clear: none; margin-right: 320px; }

#magnet-top-01 {
	float: left;
	width: 283px;
	background: url(../images/top-magnet-01-bg.jpg) 0 0 no-repeat;
	color: #fff;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 1.1em;
	padding: 95px 0 25px 15px;
	}
	
#magnet-top-02 {
	float: left;
	display: block;
	width: 294px;
	height: 196px;
	background: url(../images/top-magnet-02-bg.jpg) 0 0 no-repeat;
	}
	
a.guide-btn {
	display: block;
	width: 130px;
	padding: 4px 5px 12px 3px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/btn-bg.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	}
	
#content.internal a.guide-btn {
	display: block;
	width: 120px;
	padding: 3px 5px 12px 3px;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/btn-bg.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	}
	
.button {
	background: url(../images/play-btn.jpg) 135px 0 no-repeat;
	display: block;
	padding: 13px 0 0 0;
	color: #c2c0c0;
	text-decoration: none;
	font-size: 1.2em;
	width: 190px;
	height: 43px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 108px;
	position: absolute;
	top: 410px;
	left: 648px;
	}
	
.button:visited { color: #666; }

.button:hover { text-decoration: underline; }
	
a:visited.guide-btn, #content.internal a.guide-btn { color: #fff; }

a:hover.guide-btn, #content.internal a.guide-btn { background: url(../images/btn-bg.jpg) -138px 0 no-repeat; }
	
#magnets {
	width: 907px;
	float: left;
	clear: both;
	margin-top:10px;
	}


#magnet-01 {
	width: 232px;
	height: 154px;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
#magnet-01 li { 
	list-style: none; 
	}
	
a#magnet-02 {
	width: 195px;
	background: url(../images/magnet-02-bg.jpg) 0 0 no-repeat;
	float: left;
	margin: 0 19px 0 0;
	padding: 70px 25px 36px 10px;
	color: #5c5c5c;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	}
	
a:visited#magnet-02 { color: #5c5c5c; }


a:hover#magnet-02 { 
	color: #fa180c;
	text-decoration: underline; 
	}
	
#magnet-03 {
	width: 365px;
	background: url(../images/magnet-03-bg.jpg) 0 0 no-repeat;
	float: left;
	margin: 0;
	padding: 40px 10px 4px 10px;
	color: #5c5c5c;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	}
	
* + html #magnet-03 { padding: 40px 10px 10px 10px; }

* html #magnet-03 { padding: 40px 10px 10px 10px; }
	
#magnet-03 img {
	float: left;
	border: 0;
	margin: 0 10px 10px 0;
	}

#footer {
	margin: 20px auto 0 auto;
	width: 950px;
	text-align: center;
	}
	
#footer li {
	list-style: none;
	float: left;
	padding: 0 10px;
	border-right: #555 solid 1px;
	font-size: 1.1em;
	}
	
#footer li.first { 
	margin-left: 130px;
	padding: 0 10px 0 0;
	}
	
* html #footer li.first { margin-left: 70px; }
	
#footer li.last {
	padding: 0 0 0 10px;
	border-right: 0;
	}
	
#footer li a {
	color: #fff;
	text-decoration: none;
	}
	
#footer li a:visited { color: #fff; }

#footer li a:hover { text-decoration: underline;}
	


/*---------INTERNAL---------*/
#content.internal { background: #fff; }

#content.internal h2 { color: #fa180c; }

#content.internal p {
	font-size: 1.3em;
	color: #333;
	margin-bottom: 20px;
	}
	
#content.internal a {
	color: #fa180c;
	text-decoration: underline;
	}
	
#content.internal a:visited { color: #fa180c; }

#content.internal a:hover { color: #333; }
	
#content.internal img.right {
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 0 0 20px 20px;
	}
	
#content.internal img.left {
	padding: 3px;
	border: #ccc solid 1px;
	float: left;
	margin: 0 20px 20px 0;
	}
	
#content.internal p.reader { clear: both; }
	
#content.internal img.reader {
	padding: 3px;
	float: left;
	margin: -11px 10px 10px 0;
	}
	
#content.internal ul {
	margin: 0;
	padding: 0 30px 0 15px;
	}
	
#content.internal ul.hotels {
	margin: 0;
	padding: 0 30px 0 15px;
	float: left;
	width: 390px;
	}
	
#content.internal li { 
	font-size: 13px;
	margin-bottom: 15px;
	}

#content.internal li a {
	color: #fa180c;
	text-decoration: underline;
	list-style: disc;
	line-height: 20px;
	}
	
#content.internal li a:visited { color: #fa180c; }

#content.internal ul.no-bullet { padding: 0;}

#content.internal ul.no-bullet li { list-style: none; float: left;}

#content.internal ul.no-bullet li.first { width: 555px; float: none;}

#content.internal ul.savings { padding: 0;}

#content.internal ul.savings li { list-style: none; float: left; width: 555px;}

.disclaimer { clear: both; }
	
.date {
	color: 333;
	text-decoration: none;
	line-height: 18px;
	font-size: 1.1em;
	}
	
#content.internal li.title {
	color: #333;
	list-style: none;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 10px -15px;
	}
	
#content.internal ul#nav {
	clear: both;
	float: left;
	width: 910px;
	margin: 0;
	padding: 0;
	}
	
* html #content.internal ul#nav { 
	width: 887px;
	margin-bottom: -15px; }
	
#content.internal #nav li {
	list-style: none;
	float: left;
	text-transform: uppercase;
	padding: 0 10px;
	border-right: #ccc solid 1px;
	font-weight: bold;
	}
	
#content.internal #nav li.first { padding: 0 10px 0 0; }
	
#content.internal #nav li.last {
	padding: 0 0 0 10px;
	border-right: 0;
	}
	
#content.internal #nav li.in-button a {
	background: url(../images/in-book-btn.jpg) 3px 3px no-repeat;
	display: block;
	width: 300px;
	height: 50px;
	padding: 3px;
	border: #ccc solid 1px;
	margin-left: 14px;
	}
	
#content.internal #nav li a {
	text-decoration: none;
	color: #333;
	}
	
#content.internal #nav li a:visited { color: #333; }

#content.internal #nav li a:hover { color: #fa180c; }

#content.internal #nav li a.active { color: #fa180c; }

* html #content.internal #nav li.in-button a { margin-left: 8px; }

/*---------FORM---------*/
#content-wrap .form { 
    margin: 0;
    padding: 0;
    background: url(../images/form-bg.jpg) bottom right no-repeat;
    width: 907px;
    height: 480px;
    }

#content.form h2 { color: #fff; }

* + html #content.form h2 { padding-left: 15px; }

* html #content.form h2 { padding-left: 15px; }

#content.form p {
	font-size: 1.3em;
	color: #444;
	float: left;
	margin: 20px 0 0 20px;
	width: 590px;
	}
	
#content-wrap .form .red {
	width:243px;
	height: 450px;
	background-color: #dc2910;
	padding: 15px;
	float: left;
	}
	
#content-wrap .form .red h2 {
	font-size: 1.6em;
	margin: 0 0 5px 0;
	}
	
* + html #content-wrap .form .red h2 { margin: 0 0 5px 0; padding: 0; }

* html #content-wrap .form .red h2 { margin: 0 0 5px 0; padding: 0; }
	
#content-wrap .form .red p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #fff;
	width: 235px;
	}
	
#content-wrap .form .red input { float: left; }	
	
#content-wrap .form .red .submit {
	background: url(../images/submit-btn.jpg) 0 0 no-repeat;
	display: block;
	width: 65px;
	height: 23px;
	color: #fff;
	border: 0;
	margin-left: 10px;
	text-transform: uppercase;
	}
	
#content-wrap .form .red .submit:hover { background: url(../images/submit-btn.jpg) -65px 0 no-repeat;  color: #333; }

#content td.note {
	color: #000;
	font-size: 0.9em;
	}
	
* + html #content td.note { font-size: 1.0em; }

* html #content td.note { font-size: 1.0em; float: left; margin-left: 20px; }
	
a.form-btn {
	display: block;
	width: 130px;
	padding: 4px 5px 12px 3px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	background: url(../images/events-button.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}
	
a:visited.form-btn { color: #fff; }

a:hover.form-btn{ background: url(../images/events-button.jpg) -138px 0 no-repeat; }

* + html a.form-btn { margin-left: 10px; }

* html a.form-btn { margin-left: 7px; }

.txt { width:185px;	}

.txtSmall { width:50px;	}

#content.form td.left {
	width:120;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	}

* + html #content.form td.left { padding-left: 15px; }

* html #content.form td.left { padding-left: 15px; }
	
#content.form img.right {
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 0 0 15px 15px;
	}

.chk
{
	font-size: 1.3em;
	text-align:left;
	color: #fff;
	margin: 0;
	padding: 0;	
}

* html .chk { margin-left: 10px; font-size: 1.2em; }

.chkReport
{
	font-size: 1.3em;
	text-align:left;
	color: #333;
	margin: 0;
	padding: 0;	
}

.summary
{
	font-size: 1.4em;
	text-align:left;
	color: Red;
}

#see-whats-in {
    width: 369px;
    height: 120px;
    background: url(../images/whats-in-bg.jpg) 0 0 no-repeat;
    position: absolute;
    top: 420px;
    left: 570px;
    padding: 20px 0 0 15px;
    }
    
#content.form #see-whats-in h2 { 
    color: #dc2910;
    margin: 0 0 5px 0;
    }
    
#content.form #see-whats-in p { 
    color: #333;
    margin: 0;
    padding: 0;
    }

.popup-text { 
    color: #fff;
    font-size: 1.3em;
    }
    
* + html .popup-text { margin-left: 15px; }

* html .popup-text { margin-left: 15px; }
    
#content.form #see-whats-in img {
    border: 0;
    padding-right: 8px;
    }
    
* + html #content.form table a.guide-btn {margin-left: 15px; }

* html #content.form table a.guide-btn {margin-left: 7px; }

#content-form {
	margin: 0 0 60px 0;
	background-color: #fff;
	padding: 30px 0 30px 95px;
	}

#content-form a { color: #ef2e25; }

#content-form a:visited { color: #ef2e25; }

#content-form a:hover { color: #000; }

#content-form h2 { font-family: Arial, Helvetica, sans-serif; }

td {
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	}

#checkbox-left {
	float: left;
	margin-right: 25px;
	}

#bold {
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#header-form {
	position:relative;
	float: left;
	width: 967px;
	height: 84px;
	}

#header-form #header-text {
	position: absolute;
	top: 20px; 
	left: 93px;
	color: #fff;
	font-size: 1.3em;
	}
	
* html #header-form #header-text {
	position: absolute;
	top: 30px; 
	left: 93px;
	}

#header-image {
	margin: 0;
	padding: 0;
	}
	
a.book-link {
	color: #ef2e25;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.0em;
	margin: 464px 20px 0 0;
	float: right;
	}
	
a:visited.book-link { color: #ef2e25; }

a:hover.book-link { color: #000; }