/* -------------------------------------------------------------- 
	
	home.css	
	* Override Styles for Home Page Uniqueness
   
   	Usage:
   	* this stylesheet is called up last, and overrides any styles and attributes for the homepage
   
-------------------------------------------------------------- */

			#videoWall {
				margin: 0 31px 0 31px;
				border-top: 3px solid #990000;
			}

			#learnMoreArea {
				position: relative;
				margin: -1px 31px 0 31px;
				width: 885px;
				height: 230px;
				background: url(../../img/learn-more-area.jpg) top left no-repeat;
				}
				
				#learnMoreArea h2 {
					padding-bottom: 4px;
					font-size: 14px;
				}
				
				#learnMoreArea a {
					color: #990000;
					text-decoration: none;
					}
					
					#learnMoreArea a:hover {
						color: #990000;
						text-decoration: underline;
					}

				#learmMoreText {
					position: absolute;
					top: 26px;
					left: 296px;
					width: 566px;
					height: 75px;
					color: #fff;
				}

				#tellCongress {
					position: absolute;
					top: 125px;
					left: 65px;
					padding: 10px 210px 10px 10px;
					width: 247px;
					height: 61px;
					background: #c7d8ed;
					border: 1px solid #6d8fc1;
					color: #0a2d68;
					}
					
					a.btn {
						position: absolute;
						bottom: 14px;
						right: 18px;
					}

			.content {
				margin: 0 31px 0 31px;
				padding: 9px 9px 0 9px;
				background: url(../../img/bg-content_home.jpg) top left repeat-x;
				}

				#contentArea {
					float: left;
					padding: 18px 12px 24px 12px;
					width: 593px;
					min-height: 306px;
					height: 306px;
					border: 1px solid #5187bc;
					background: #fff;
					overflow-y: scroll;
				}
				
				#focusAreas {
					margin-left: 18px;
				}

			#footer {
				background: none;
			}
			
			#art {
				position: absolute;
				top: 199px;
				left: 653px;
				width: 263px;
				height: 369px;
				background: url(../../img/home-peace.jpg) top left no-repeat;
			}