@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	home stylesheets document for
	ART on 5th
	
    ---------------------------------------  */

	@import url(green.css);
	
	
/*  ---------------------------------------
	masthead
	- - - - - - - - - - - - - - - - - - - -  */

		#masthead {
			margin-bottom: 15px;
			overflow: hidden;
			background: #d4e040;
		}
			#masthead img {
				border-right: 3px solid #fff;
				float: left;
				display: block;
			}
			#masthead-info {
	float: right;
	width: 237px;
			}
			#masthead-info h2 {
				background: #d91a5d;
				display: block;
				height: 27px;
				line-height: 27px;
				padding: 0 5px;
				border-bottom: 3px solid #fff;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: bold;
				color: #fff;
			}
			#masthead-info h3 {
				display: block;
				padding: 12px 60px 8px 15px;
				font-size: 18px;
				line-height: 16px;
				color: #231F20;
				font-weight: bold;
				text-transform: uppercase;
			}
			#masthead-info h4 {
				font-size: 13px;
				font-weight: normal;
				color: #DA1C5C;
				display: block;
				padding: 0 15px 8px 15px;
			}
			#masthead-info p {
				display: block;
				padding: 0 15px 10px 15px;
				font-size: 12px;
				line-height: 13px;
			}
			
			#masthead-info a.see-all {
				font-size: 13px;
				font-weight: normal;
				color: #DA1C5C;
				padding: 0 15px 0 15px;
				background: url(../images/css-tri-red-yellow-down.gif) right no-repeat;
			}


/*  ---------------------------------------
	panels
	- - - - - - - - - - - - - - - - - - - -  */

		ul#home-panels-nav {
			display: block;
			list-style-type: none;
			overflow: hidden;
		}
			#home-panels-nav li {
				display: block;
				float: left;
				padding-top: 8px;
				width: 184px;
				background: url(../images/css-home-panels-li-bg.gif) right top no-repeat;
			}
			#home-panels-nav li a {
				display: block;
				height: 54px;
				padding: 0 15px;
				line-height: 32px;
				font-size: 14px;
				font-weight: bold;
				color: #BFD73B;
				text-decoration: none;
				text-transform: uppercase;
			}
				#home-panels-nav li.last {
					width: 182px !important;
					background: url(../images/css-home-panels-li-bg.gif) left top no-repeat;
				}
				#home-panels-nav li.current {
					background: url(../images/css-home-panels-li-bg-current.gif) right top no-repeat;
				}
					#home-panels-nav li.current a {
						color: #fff;
						font-weight: bold;
					}
						#home-panels-nav li.last.current {
}
			
		div.home-panel {
			width: 550px;
			margin-top: 2px;
		}
			.home-panel ul {
	display: block;
	list-style-type: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
			}
				.home-panel ul li {
	display: block;
	float: left;
	width: 184px;
				}
					.home-panel ul li.last { width: 182px; }
					.home-panel a {
						margin: 0 !important; height: 1% !important;
					}
			.home-panel h3 {
	display: block;
	margin-right: 2px;
	background: #ea8c1b;
	padding: 0px;
	margin-top: 0px;
	height: 1%;
	cursor: pointer;
			}					
			.home-panel h3 a {
	display: block;
	padding: 10px;
	overflow: hidden;
	cursor: pointer;
			}
				.home-panel h3 a.morelink { padding-top: 0; padding-bottom: 10px; }
				.home-panel h3 a strong {
	font-size: 16px;
	font-weight: bold;
	color: #8F2E88;
	text-decoration: none;
	line-height: 14px;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	height: 43px;
				}
				.home-panel h3 a span {
					display: block;
					background: url(../images/css-tri-black-orange.gif) right 14px no-repeat;
					font-size: 13px;
					color: #231F20;
					padding-top: 10px;
					border-top: 1px solid #ce7a16;
					cursor: pointer;
				}
					.home-panel h3 a.morelink:hover { background: #e2871b; }
					.home-panel li.last h3 { margin-right: 0; }
		
		#bottom-panel {
			margin-top: 15px;
			padding: 15px;
			background: #62acc5;
			height: 1%;
		}
			#bottom-panel h3 {
				font-size: 20px;
				line-height: 23px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				display: block;
				padding-bottom: 15px;
			}
				#bottom-panel h3 strong {
					color: #231F20;
				}
			#bottom-panel a {
				font-size: 13px;
				color: #231F20;
				background: url(../images/css-tri-black-blue.gif) right 5px no-repeat;
				padding-right: 18px;
			}
			
	.take-tour-link { background: none !important; padding-left: 20px; }