/*
MAIN.CSS
Main Stylesheet
  ActionAtlas Website
  http://www.actionatlas.com/
Design: Saugata Ghose
Last Update: June 30, 2007

Compatible with Internet Explorer 6+, Mozilla Firefox 1+, Mozilla 1.7+, Opera 8+, Safari 1+.
*/

body {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #4B4B4B;
	color: #000000;
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

a:link {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	color: #0099CC;
	text-decoration: underline;
}
a:hover, a:active {
	color: #CC0000;
	text-decoration: none;
}

p, table {
	margin: 0 0 15px 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 15px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 32px;
	font-weight: normal;
}

h2 {
	font-size: 24px;
	font-weight: normal;
}

ul {
	margin-top: 0;
	margin-bottom: 10px;
	list-style-type: square;
	list-style-position: outside;
}

ul .disc {
	list-style-type: disc;
}

li {
	margin: 3px 0;
}

img {
	margin: 5px;
	border: 0;
}

hr {
	margin: 10px;
	width: 670px;
	height: 1px;
	border: 0;
	background: #CCCCCC;
	color: #CCCCCC;
}

.u {
	text-decoration: underline;
}

.top {
	margin-top: 0px;
}

#header {
	width: 900px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../images/layout/header.png) no-repeat;
}
#header img {
	margin: 0;
}

#headerV4, #headerPrint {
	display: none;
}

#mainArea {
	overflow: hidden;
	width: 900px;
	background: #FFFFFF url(../images/layout/mainareabkgd.png) repeat-y;
}

#pageLinks {
	float: left;
	width: 196px;
	height: 100%;
	padding: 38px 0 5px 0;
	border-right: 4px solid #FF6600;
	background: #FFFFFF url(../images/layout/headerbottom.png) top right no-repeat;
}

#pageNav, #relatedLinks {
	width: 196px;
	padding: 3px 0 2px 0;
	background: #FF6600;
}

#pageNav a, #relatedLinks a {
	display: block;
	width: 190px;
	margin-top: 2px;
	padding: 3px;
	background: #FED283;
	color: #008080;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#pageNav a:link, #pageNav a:visited, #relatedLinks a:link, #relatedLinks a:visited {
}
#pageNav a:hover, #pageNav a:active, #relatedLinks a:hover, #relatedLinks a:active {
	background: #FFE375;
	color: #0099CC;
}

#pageNav #areaTitle, #relatedLinks #siteTitle {
	width: 190px;
	margin-top: 0;
	padding: 0 3px 3px 3px;
	background: #FF6600;
	color: #FFDE5B;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#pageNav a#areaTitle:link, #pageNav a#areaTitle:visited, #relatedLinks a#siteTitle:link, #relatedLinks a#siteTitle:visited {
}
#pageNav a#areaTitle:hover, #pageNav a#areaTitle:active, #relatedLinks a#siteTitle:hover, #relatedLinks a#siteTitle:active {
	text-decoration: underline
}

#pageNav a#currentPage {
	background: #FED283;
	color: #0099CC;
}
#pageNav a#currentPage:link, #pageNav a#currentPage:visited {
}
#pageNav a#currentPage:hover, #pageNav a#currentPage:active {
}

#relatedLinks, #businessInfo{
	margin-top: 30px;
}

#businessInfo {
	color: #666666;
	font-size: 11px;
	text-align: center;
}

#businessInfo #businessPhone{
	margin-top: 7px;
}

#pageBanner {
	float: left;
	width: 583px;
	height: 23px;
	margin: 0;
	padding: 0 0 0 117px;
	border-top: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	background: #EEEEEE url(../images/layout/tickertoday.gif) left no-repeat;
	font-size: 11px;
	color: #0099CC;
	text-align: center;
}

#pageBanner img {
	margin: 0;
}

#pageBanner a:link, #pageBanner a:visited {
	color: #0099CC;
	text-decoration: none;
}
#pageBanner a:hover, #pageBanner a:active {
	text-decoration: underline;
}

#eventTicker {
	width: 583px;
	height: 15px;
	margin: 0;
	padding: 5px 0 3px 0;
	color: #0099CC;
	text-align: center;
}

#pageContent {
	float: left;
	width: 676px;
	margin: 0;
	padding: 12px 12px 5px 12px;
	background: #FEFEEB;
}

.box {
	width: 676px;
	margin-bottom: 25px;
	background: #FFFFFF;
}

.boxHeader {
	width: 676px;
	height: 40px;
	background: url(../images/box/headerdkgrey.png) repeat-x;
}

.boxTitle {
	float: left;
	clear: left;
	height: 32px;
	padding: 8px 5px 0 60px;
	background: #333333 url(../images/box/logodkgrey.png) left no-repeat;
	color: #FFFFFF;
	font-size: 20px;
}

.boxContent {
	width: 668px;
	margin: 0;
	border: 4px solid #666666;
	border-top: 0;
}

.boxContent .message {
	padding: 10px;
	background: #EEBBAA;
	text-align: center;
}

#news a, #businesses a, #events a {
	display: block;
	padding: 3px 20px 3px 5px;
	width: 643px;
	background: #CCCCCC url(../images/box/arrowoff.png) right center no-repeat;
	border-bottom: 1px solid #999999;
	color: #333333;
	text-decoration: none;
}
#businesses a, #events a {
	overflow: hidden;
}
#news a:link, #news a:visited, #businesses a:link, #businesses a:visited, #events a:link, #events a:visited {
}
#news a:hover, #news a:active, #businesses a:hover, #businesses a:active, #events a:hover, #events a:active {
	background: #FFFFFF url(../images/box/arrowon.png) right center no-repeat;
}

#news a.viewAll, #events a.viewAll {
	border-bottom: 0;
	background: #CCCCCC;
	font-size: 11px;
	text-align: center;
}
#events a.viewAll:hover, #events a.viewAll:active, #events a.viewAll:hover, #events a.viewAll:active {
	background: #FFFFFF;
}

#botd .boxHeader {
	background: url(../images/box/headerdkblue.png) repeat-x;
}

#botd .boxTitle {
	background: #006699 url(../images/box/logodkblue.png) left no-repeat;
}

#botd .boxContent {
	overflow: hidden;
}

#botd .photo {
	float: left;
	margin: 10px;
	border: 1px solid #006699;
}

#botd .info {
	float: left;
	width: 456px;
	margin-top: 10px;
}

#botd .name {
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 18px;
	font-weight: bold;
}

#botd .businessID {
	font-size: 15px;
	font-weight: normal;
	color: #999999;
}

#botd .profile {
	float: left;
	width: 270px;
	padding: 3px 5px 0 0;
	font-size: 14px;
}

#botd .profile a {
	display: block;
	margin-top: 15px;
	padding: 5px;
	width: 150px;
	background: #006699;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#botd .profile a:link, #botd .profile a:visited {
}
#botd .profile a:hover, #botd .profile a:active {
	background: #0066CC;
}

#botd .events {
	float: left;
	width: 181px;
	padding-top: 3px;
	color: #666666;
}

#botd .events .title {
	font-weight: bold;
}

#botd .events .event {
	overflow: hidden;
}

#botd .events .event .date {
	display: block;
	float: left;
	width: 31px;
	color: #999999;
	font-size: 11px;
}

#botd .events .event .title {
	display: block;
	float: left;
	width: 150px;
	font-size: 11px;
	font-weight: normal;
}

#botd a .mapLink {
	float: right;
	margin: 16px 0 0 0;
	border: 1px solid #006699;
	border-width: 1px 0 0 1px;
}
#botd a:link .mapLink, #botd a:visited .mapLink {
}
#botd a:hover .mapLink, #botd a:active .mapLink {
	border-color: #0066CC;
}

#businessProfile .boxHeader {
	background: url(../images/box/headerdkorange.png) repeat-x;
}

#businessProfile .boxTitle {
	background: #CC6600 url(../images/box/logodkorange.png) left no-repeat;
}

#businessProfile .boxContent {
	overflow: hidden;
}

#businessProfile .photo {
	float: right;
	margin: 10px;
	border: 1px solid #CC6600;
}

#businessProfile .info {
	overflow: hidden;
	width: 456px;
	margin: 10px 0 10px 10px;
}

#businessProfile .profile {
	float: left;
	width: 300px;
	padding-right: 5px;
	border-right: 1px solid #CCCCCC;
	font-size: 14px;
}

#businessProfile .profile a {
}
#businessProfile .profile a:link, #businessProfile .profile a:visited {
}
#businessProfile .profile a:hover, #businessProfile .profile a:active {
}

#businessProfile .name {
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
}

#businessProfile .businessID {
	font-size: 15px;
	font-weight: normal;
	color: #999999;
}

#businessProfile .address, #businessProfile .contact {
	padding-bottom: 20px;
}

#businessProfile .fax, #businessProfile .email {
	font-size: 12px;
}

#businessProfile .supplementaryInfo {
	float: left;
	width: 140px;
	margin-left: -1px;
	padding: 3px 0 3px 10px;
	border-left: 1px solid #CCCCCC;
	color: #666666;
}

#businessProfile .hours .title, #businessProfile .parking .title {
	padding-bottom: 4px;
	border-bottom: 1px solid #EEEEEE;
	font-weight: bold;
	text-align: center;
}

#businessProfile .hours .day {
	padding: 2px 0;
	border-bottom: 1px solid #EEEEEE;
}

#businessProfile .hours .day .date {
	color: #999999;
	font-size: 11px;
}

#businessProfile .hours .day .time {
	font-size: 11px;
	text-align: right;
}

#businessProfile .hours .note {
	padding: 2px 0;
	color: #999999;
	font-size: 10px;
	text-align: center;
}

#businessProfile .hours #currentHours {
	font-weight: bold;
}

#businessProfile .parking {
	margin-top: 10px;
	text-align: center;
}

#businessProfile .parking .location {
	padding-top: 2px;
}

#businessProfile .parking .type {
	color: #999999;
	font-size: 11px;
}

#businessProfile a.mapLink {
	float: right;
	margin-top: 3px;
	border: 1px solid #CC6600;
}
#businessProfile a.mapLink:link, #businessProfile a.mapLink:visited {
}
#businessProfile a.mapLink:hover, #businessProfile a.mapLink:active {
	border-color: #FF9933;
}

#businessProfile a.mapLink img {
	margin: 0;
}

#businessProfile .description {
	clear: both;
	margin: 0 10px 10px 10px;
}

#news .boxHeader {
	background: url(../images/box/headerdkred.png) repeat-x;
}

#news .boxTitle {
	background: #990000 url(../images/box/logodkred.png) left no-repeat;
}

#news .date {
	display: block;
	padding-top: 2px;
	font-size: 11px;
}

#news .title {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#news .preview {
	display: block;
	padding-bottom: 2px;
}

#businesses .boxHeader {
	background: url(../images/box/headerdkorange.png) repeat-x;
}

#businesses .boxTitle {
	background: #CC6600 url(../images/box/logodkorange.png) left no-repeat;
}

#businesses .id {
	display: block;
	float: left;
	width: 25px;
	padding-right: 5px;
	color: #666666;
	text-align: center;
}

#businesses .name {
	display: block;
	float: left;
	width: 300px;
	padding-right: 5px;
	font-weight: bold;
}

#businesses .address {
	display: block;
	float: left;
	width: 300px;
	color: #666666;
}

.pageBrowser {
	overflow: hidden;
	border-bottom: 0;
	background: #CCCCCC;
	font-size: 11px;
	text-align: center;
}

.pageBrowser .lastPage, .pageBrowser .nextPage {
	float: left;
	width: 79px;
	background: #CCCCCC;
}

#businesses .pageBrowser .lastPage a, #businesses .pageBrowser .nextPage a {
	width: 68px;
	padding: 3px 5px;
	background: #CCCCCC;
	border-bottom: 0;
}

#businesses .pageBrowser .lastPage a {
	border-right: 1px solid #999999;
}
#businesses .pageBrowser .lastPage a:hover, #businesses .pageBrowser .lastPage a:active {
	background: #FFCC00;
}

.pageBrowser .summary {
	float: left;
	width: 500px;
	padding: 3px 5px;
	background: #CCCCCC;
}

#businesses .pageBrowser .nextPage a {
	border-left: 1px solid #999999;
}
#businesses .pageBrowser .nextPage a:hover, #businesses .pageBrowser .nextPage a:active {
	background: #FFCC00;
}

#events .boxHeader {
	/* background: url(../images/box/headerdkorange.png) repeat-x; */
}

#events .boxTitle {
	/* background: #CC6600 url(../images/box/logodkorange.png) left no-repeat; */
}

#events .date {
	display: block;
	float: left;
	width: 90px;
	padding-right: 5px;
}

#events .time {
	display: block;
	float: left;
	width: 60px;
	padding-right: 5px;
}

#events .title {
	display: block;
	float: left;
	width: 300px;
	padding-right: 5px;
	font-weight: bold;
}

#events .location {
	display: block;
	float: left;
	width: 175px;
	color: #666666;
}

#events .message {
	background: #CCCCCC;
}

#eventInfo .boxContent {
	overflow: hidden;
}

#eventInfo .photo {
	float: right;
	margin: 10px;
	border: 1px solid #CC6600;
}

#eventInfo .info {
	overflow: hidden;
	width: 656px;
	margin: 10px 0 10px 10px;
}

#eventInfo .profile {
	float: left;
	width: 400px;
	padding-right: 5px;
	border-right: 1px solid #CCCCCC;
	font-size: 14px;
}

#eventInfo .name {
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
}

#eventInfo .time {
	padding-bottom: 20px;
}

#eventInfo .time .reoccurrence {
	margin-top: 5px;
	color: #999999;
	font-size: 11px;
}

#eventInfo .time .label {
	display: block;
	float: left;
	width: 50px;
}

#eventInfo .sponsor {
	font-size: 12px;
	font-style: italic;
}

#eventInfo .supplementaryInfo {
	float: left;
	width: 230px;
	margin-left: -1px;
	padding: 3px 10px 3px 10px;
	border-left: 1px solid #CCCCCC;
	color: #666666;
}

#eventInfo .location {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEEEEE;
}

#eventInfo .location .title {
	font-size: 11px;
	font-weight: bold;
}

#eventInfo .location .address {
	color: #333333;
	font-size: 13px;
}

#eventInfo .business .name {
	padding-bottom: 2px;
	font-size: 15px;
	font-weight: normal;
}

#eventInfo .businessID {
	font-size: 13px;
	color: #999999;
}

#eventInfo .address, #eventInfo .contact {
	padding-bottom: 5px;
}

#eventInfo a.mapLink img {
	margin: 5px 0 0 0;
	border: 1px solid #000000;
}
#eventInfo a.mapLink:link img, #eventInfo a.mapLink:visited img{
}
#eventInfo a.mapLink:hover img, #eventInfo a.mapLink:active img {
	border-color: #666666;
}

#eventInfo .description {
	clear: both;
	margin: 0 10px 10px 10px;
}

#about .text {
	padding: 10px;
}

#footer {
	clear: both;
	width: 690px;
	padding: 10px 5px 10px 205px;
	background: #FEFEEB url(../images/layout/mainareabkgd.png) repeat-y;
	color: #666666;
	font-size: 11px;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #666666;
}
#footer a:hover, #footer a:active {
	color: #0066CC;
}