/* 
	Main Site CSS for Experiential Events.
	Created On: March 3, 2008
*/

/* ------------------------------ Generic Styles ------------------------------ */
* { padding: 0; margin: 0; outline: none; text-align: left; outline: none;}
a:link, a:visited, a:hover { outline: none; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	background: #dde0ff;
}
/* ------------------------------ End Generic Styles ------------------------------ */

/* ------------------------------ Layout Styles ------------------------------ */
#wrapper { 
	margin: 0 auto;
	width: 970px;
	height: 750px;
	
}

#headWrap {
	width: 970px;
	height: 97px;
	overflow: hidden;
}

#navBar {
	width: 970px;
	height: 50px;
	background: url('../img/layout/nav-bg.jpg') no-repeat;
	border-top: 3px solid #ffffff;
	border-bottom: 10px solid #383a4e;
}

#tabBar { 
	list-style-type: none; 
	width: 600px;
	height: 28px;
	position: relative;
	top: 22px;
	left: 55px;
}

#tabBar li { 
	float: left;
	width: 100px;
}

#tabBar li .even { background: #494787; }
#tabBar li .odd { background: #595588; }

#tabBar li a:link, #tabBar li a:visited {
	color: #ffffff;
	width: 100px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 28px;
	display: block;
	font-size: 11px;
}

#pageContent {
	width: 970px;
	height: 530px;
}

#footer {
	width: 970px;
	height: 60px;
	background: url('../img/layout/footer-bg.jpg') no-repeat;
}

#footerTabs {
	width: 600px;
	height: 28px;
	position: relative;
	top: 9px;
	left: 55px;
}

.ftEven { background: #494787; width: 100px; height: 28px; float: left; }
.ftOdd { background: #595588; width: 100px; height: 28px; float: left; }

/* ------------------------------ Page Content Styles ------------------------------ */

#whiteContentBox {
	position: relative;
	background: url('../img/layout/whiteBox.png') no-repeat;
	top: 360px;
	width: 765px;
	height: 134px;
	font-family: "Times New Roman", Times, serif;
}

#contentBoxText {
	padding: 20px 55px 0 55px;
	color: #2f2d6a;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 18px;
}

#contentBoxText2 {
	padding: 10px 55px 0 55px;
	color: #4b4888;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 18px;
}

.capText { font-size: 15px; }

#homeLeft {
	float: left;
	width: 377px;
	height: 215px;
	position: relative;
	top: 297px;
}

#homeMain{
	float: left;
	width: 593px;
	height: 134px;
	background: url('../img/layout/whiteBox.png') no-repeat;
	position: relative;
	top: 369px;
	line-height: 13px;
	font-size: 12px;
}

#homeMain p { padding: 18px 15px 0 0; font-size: 10px; color: #2f2d6a; }

#homeRight {
	float: right;
	width: 178px;
	height: 344px;
	background: url('../img/layout/mainRight.png') no-repeat;
	position: relative;
	top: 186px;
	overflow: hidden;
	cursor: pointer;
}

#rightMainImg { padding: 1px; width: 176px; height: 176px; overflow: hidden;}

#rightCopyMain {
	padding-right: 20px;

}

#newsText { 
	margin: 4px 5px 10px 10px;
	width: 166px;
	height: 120px;
	overflow: hidden;
	color: #4b4989;
	line-height: 15px;
	font-size: 10px;
}

#newsText p { padding: 5px; }

.contactTitle {
	width: 65px;
	margin-right: 10px;
	font-weight: bold;
	float: left;
	text-align: right;
}

#mp3Player {
	float: right;
	margin: 27px 0px 0 0;
	height: 20px;
	width: 25px;
}