/* GENERAL
--------------------------------------- */

body 							{
							width: 100%;
							height: 100%;
							float: center;
   							margin: 0px;
   							padding: 0px;
							background-color: #332215;
							background-image:url("images/background.jpg");
   							background-position: top;
   							background-repeat: repeat-x repeat-y;
							background-attachment: fixed;
							font-family: Arial;
							font-size: 14px;
							color: #000000;							
							}

img							{
							border: 0px;
							}

.clear							{
							clear: both;
							}


/* LAYOUT
--------------------------------------- */


.layout_container					{
							width: 800px;
							height: auto;
							margin: auto;
							margin-top: 20px;
							margin-bottom: 20px;
							border: 10px solid #22170d;
							background-color: #ede9d5;
							}

.layout_top						{
							width: 100%;
							height: 75px;
   							background-image: url(images/top.png);
   							background-position: top;
   							background-repeat: no-repeat;
							border-bottom: 5px solid #22170d;
							}

.layout_top .logo					{
							float: left;
							padding-right: 200px;
							}

.layout_top .links					{
							padding-top: 10px;
							}

.layout_top .links ul					{
							padding: 0px;
							margin: 0px;
							}

.layout_top .links ul li				{
							margin-bottom: 3px;
							}
	
.layout_float						{
							position: absolute;
							margin-top: -40px;
							margin-left: 715px;
							index: 0;
							}

/* FEATURED
--------------------------------------- */


.layout_featured					{
							width: 100%;
							height: 250px;
							border-bottom: 5px solid #22170d;
   							background-image: url(http://www.crosspointeada.com/Websites/crosspointeada/Images/Banners/default.jpg);
   							background-position: top;
   							background-repeat: no-repeat;
							}

.layout_featured .slideshow				{
							width: 550px;
							height: 250px;
							border-right: 5px solid #22170d;
							float: left;
							background-color: #a9c2c6;
							}

.layout_featured .events				{
							width: 225px;
							height: 240px;
							float: right;
							padding: 10px;
							padding-bottom: 0px;
							background-color: #a9c2c6;
							}


.layout_featured .events .heading .title		{
							font-size: 23px;
							text-transform: uppercase;
   							color: #69888b;
							letter-spacing: 3px;
							float: left;
							}

.layout_featured .events .heading .link 		{
							padding-top: 5px;
							float: right;
							}

.layout_featured .events .heading .link a		{
							font-size: 12px; 
							color: #FFFFFF;
							font-weight: bold;
							text-decoration: none;
							}

.layout_featured .events .heading .link a:hover		{
							text-decoration: underline;
							}

.layout_featured .events .list				{
							clear: both;
							}

.layout_featured .events .list ul			{
							padding: 0px;
							margin: 0px;
							padding-top: 9px;
							list-style: none;
							}

.layout_featured .events .list ul li			{
							padding: 0px;
							margin: 0px;
							padding-left: 5px;
							padding-top: 10px;	
							padding-bottom: 10px;
							border-top: 1px solid #69888b;				
							}

.layout_featured .events .list ul li:hover		{
							background-color: #98b7b9;			
							}

.layout_featured .events .list ul li:hover a, .layout_featured .events .list ul li:hover .eventDate
					 		{
							color: #FFFFFF;			
							}

.layout_featured .events .list a			{
							font-size: 13px; 
							color: #69888b;
							font-weight: bold;
							text-decoration: none;
							}

.layout_featured .events .list .eventDate		{
							font-size: 11px; 
							color: #69888b;
							font-style: italic;
							}




/* NAVIGATION
--------------------------------------- */

.layout_navigation					{
   							width: 100%;
							height: 35px;
							line-height: 35px;
							border-bottom: 5px solid #22170d;
							}

.layout_navigation ul					{
   							margin: 0px;
							padding: 0px;
							}

.layout_navigation li 					{
   							width: 196px;
							margin: 0px;
							padding: 0px;
							float: left;
							position: relative;
							list-style: none;
							border-right: 5px solid #22170d;
							}

.layout_navigation li.last 				{
   							border: 0px;
							width: 197px;
							}

.layout_navigation li:hover				{
   							background-color: #b7a28d;	
							}

.layout_navigation li a 				{
							font-size: 16px;
							font-weight: bold;
							color: #000000;
							display: block;
							text-decoration: none;
							text-align: center;
							}

.layout_navigation li a:hover				{
							}
			
.layout_navigation li:hover ul.level2, 
.layout_navigation li:focus ul.level2, 
.layout_navigation li.sfhover ul.level2 		{
							display: block;
							}				
			
.layout_navigation li ul.level2 			{
							display: none;
							position: absolute;
							width: 100%;
							color: #FFFFFF;
							padding: 0px;
							margin: 0px;
							}

.layout_navigation li ul.level2 li 			{
							width: 100%;
							height: 30px;
							line-height: 30px;
							background-color: #cbb8a1;
							margin: 0px;
							padding: 0px;
							border: 0px;
							text-align: left;
							}

.layout_navigation li ul.level2 li:hover		{
							background-color: #b7a28d;
							}
		
.layout_navigation li ul.level2 li a 			{
							color: #000000;
							text-decoration: none;
							font-size: 12px;
							font-weight: normal;
							padding-left: 10px;
							text-align: left;
							display: block;
							}						
						
.layout_navigation li ul.level2 li a:hover 		{
							}



/* HOME
--------------------------------------- */

.layout_home						{
							width: 100%;
							padding: 10px;
							clear: both;
							}

.layout_home .video					{
							width: 780px;
							height: 350px;
							background-color: #000000;
							margin-bottom: 5px;
							}

.layout_home .sections					{
							}

.layout_home .sections .section1			{
							width: 256px;
							height: 256px;
							margin-right: 5px;
							float: left;
							margin-bottom: 10px;
							filter:alpha(opacity=80);
							-moz-opacity: .8;
							-khtml-opacity: .8;
							opacity: .8;
							}

.layout_home .sections .section2			{
							width: 256px;
							height: 256px;
							margin-right: 5px;
							float: left;
							filter:alpha(opacity=80);
							-moz-opacity: .8;
							-khtml-opacity: .8;
							opacity: .8;
							}

.layout_home .sections .section3			{
							width: 258px;
							height: 125px;
							float: left;
							margin-bottom: 5px;
							filter:alpha(opacity=80);
							-moz-opacity: .8;
							-khtml-opacity: .8;
							opacity: .8;
							}

.layout_home .sections .section3			{
							width: 258px;
							height: 125px;
							filter:alpha(opacity=80);
							-moz-opacity: .8;
							-khtml-opacity: .8;
							opacity: .8;
							}

.layout_home .sections .section1:hover,
.layout_home .sections .section2:hover,	
.layout_home .sections .section3:hover,	
.layout_home .sections .section4:hover			{
							filter:alpha(opacity=100);
							-moz-opacity: 1;
							-khtml-opacity: 1;
							opacity: 1;
							}




/* BOTTOM
--------------------------------------- */

.layout_bottom						{
							width: 800px;
							font-size: 12px;
							text-align: left;
							background-color: #22170d;
							padding-top: 15px;
							clear: both;
							color: #FFFFFF;
							}

.layout_bottom a					{
							color: #FFFFFF;
							text-decoration: none;
							}

.layout_bottom a:hover					{
							color: #FFFFFF;
							text-decoration: underline;
							}

.layout_bottom .heading					{
							font-size: 15px;
							font-weight: bold;
							margin-bottom: 5px;
							}

.layout_bottom .watermark				{
							padding-left: 10px;
							padding-right: 45px;
							float: left;
							border-right: 1px solid #FFFFFF;
							}

.layout_bottom .left					{
							padding-left: 45px;
							padding-right: 45px;
							float: left;
							border-right: 1px solid #FFFFFF;
							}

.layout_bottom .middle					{
							padding-left: 45px;
							padding-right: 45px;
							float: left;
							border-right: 1px solid #FFFFFF;
							}

.layout_bottom .right					{
							padding-left: 45px;
							float: left;
							}

.layout_bottom .copyright				{
							font-size: 11px;
							text-align: left;
							padding-top: 15px;
							padding-bottom: 5px;
							padding-left: 10px;
							clear: both;
							}

.layout_bottom .copyright a				{
							color: #FFFFFF;
							text-decoration: none;
							}

.layout_bottom .copyright a:hover			{
							color: #FFFFFF;
							text-decoration: underline;
							}

.layout_bottom .link					{
							padding-left: 5px;
							font-size: 11px;
							}

.layout_bottom .link a					{
							color: #FFFFFF;
							text-decoration: none;
							}

.layout_bottom .link a:hover				{
							color: #FFFFFF;
							text-decoration: underline;
							}















.layout_main 						{
							width: 780px;
							height: auto;
							min-height: 500px;
							padding: 10px;
							}


.layout_main .left					{
							width: 570px;
							margin-right: 10px;
							float: left;
							}

.layout_main .right					{
							width: 200px;
							float: right;
							padding-bottom: 5px;
							}

.layout_main .right .image				{
							margin-bottom: 5px;
							}