/* !!!!! GENERAL !!!!! */
body {
	background-color: #fff;
	color:#595959;
	font:80% Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}
a:link, a:visited {
	color: #04adc8;
	text-decoration: underline;
}
a:hover {
	color: #444444;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, h7, h8, form, p, blockquote, label, ul, li{
	margin: 0;
	padding: 0;
}
h1 {
	color: #df8f0e;
	font-size: 1.8em;
	font-weight: normal;
	padding: 10px 0 15px 0;
}
h2 {
	color: #df8f0e;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 15px 0;
}
h3 {
	color: #df8f0e;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 10px 0;
}
h4 {
	color: #df8f0e;
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px 0 10px 0;
}
h4:first-child {
	padding-top: 0;	
}
p { padding-bottom: 10px; }
address {
	font-style: normal;
	font-size: 0.9em;
}
/* #################### COMMON CLASSES CSS #################### */
.Red    { color: #DF0044; }
.Blue   { color: #04adc8; }
.Black  { color: #000000; }
.Orange { color: #df8f0e; }
.name   { color: #4584b4; font-weight: bold; }
.title  { font-style: italic; }
.company { font-weight: bold; }
.clear { clear: both; }
.spoLogo { padding-right: 30px; padding-bottom: 20px; }
.spoHdr { padding-top: 20px; padding-bottom: 0; }
.spaceTop { padding-top: 40px; padding-bottom: 0; }
ul.bul {
	padding-left: 25px;	
}
ul.bul li { padding-top: 8px; }
/* #################### LAYOUT CSS #################### */
/* #################### Center Position, Round Corner Canvas, General Classes, Global Setting #################### */
#Layout {
	/* the cage to hold everything on the page - centered style */
	background-color:#fff;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1000px;
}
#Content {
	float: left;	
	background:transparent url(../images/bgs/bg_content.png) no-repeat 0 0;
	margin: -91px 0 0 0;
	padding-top: 10px;
	width: 1000px;
}
#Container { /* set the content in the white canvus */
	float: left;
	margin: 0;
	padding: 20px;
	position: relative;
	width: 960px;
}
#leftCol {
	float: left;
	width: 66%;
	margin: 0;
	padding: 0 0 0 10px;
}
#leftCol p, #rightCol p { padding: 0 0 10px 0; }
#rightCol {
	float: left;
	width: 25%;
	margin: 0 0 0 7%;
	padding:0;
}
/* #################### LAYOUT TOP CSS #################### */
/* #################### Logos, Navigation #################### */
#Brand { /* logo area */
	width: 1000px; margin: 0 auto;
}
#Banner {
	background: #408be6 url(../images/bgs/bg_header.png) repeat-x 0 0;
	clear: left;
	height: 171px;
}
#Banner p { 
	 padding:0;
	 margin: 0 auto;
	 width: 1000px;
}
#SecLogo {
	color: #222;
	float: left;
	font: 1.9em Georgia, "Times New Roman", Times, serif;
	padding: 15px 20px;
}
#EALogo {
	background:url(../images/logos/logo_EA.gif) no-repeat 0 0;
	float: right;
	height: 60px;
	overflow: hidden;
	text-indent: -500px;
	white-space: nowrap;
	width: 130px;
}
#EALogo span  {
	display: block;
	height: 44px;
	width: 100px;
}
#EALogo span a {
	visibility: hidden;
}
/* #################### Event Banner #################### */
#EventBanner {
	background: url(../images/bgs/bg_event.png) repeat-x 0 0;
	clear: both;
	float: left;
	margin: 2px 0 0 0;
	min-height: 125px;
	padding: 0;
	width: 100%;
}
#EventBannerContent {
	margin: 0 auto; width: 1000px;	
}
#EventBanner p {
	float: left;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 10px 20px;
}
#EventBanner p.date {
	color:#fff;
	font-weight: bold;
}
#EventBanner p.location {
	color:#fff;
	font-style: italic;
}
#EventBanner p a:link, #EventBanner p a:visited {
	color: #ff9d02;
	text-decoration: none;
}
#EventBanner p a, #EventBanner p a:hover {
	color: #ccc;
	text-decoration: underline;
}
/* #################### NAVIGATION CSS #################### */
#GlobalNavigation {
	background: url(../images/bgs/bg_navigation.png) repeat-x 0 0 #ccc;
	-moz-border-radius-topleft: 7px;	
	-moz-border-radius-topright: 7px;
	-webkit-border-radius-topleft: 7px;
	-webkit-border-radius-topright: 7px;
	font: bold 1.35em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px 4px 0 10px;
	padding: 0;
	min-height: 40px;
}
#GlobalNavigation li { float: left; list-style: none; padding: 10px; margin: 0; border-right: solid 1px #ccc; }
#GlobalNavigation li a, #GlobalNavigation li a:visited { text-decoration: none; color: #444;  padding: 11px 15px 11px 15px;}
#GlobalNavigation li a:hover { color: #666; }
#GlobalNavigation li.On { background-color: #fff; margin-bottom: -1px; }
#GlobalNavigation li.On a { color:#04adc8; }
#GlobalNavigation li:first {
	-moz-border-radius-topleft: 7px;
	-webkit-border-radius-topleft: 7px;
}
#SubNavigation {
	background: url(../images/bgs/bg_navigation.png) repeat-x 0 0 #ccc;
	border-top: solid 1px #ccc;
	clear: both;
	font: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 4px 0 10px;
	padding: 0;
	min-height: 40px;
}
#SubNavigation li { float: left; list-style: none; padding: 11px 10px 11px 10px; margin: 0; border-right: solid 1px #ccc; }
#SubNavigation li a, #SubNavigation li a:visited { text-decoration: none; color: #999;  padding: 11px 20px 11px 20px;}
#SubNavigation li a:hover { color: #666; }
#SubNavigation li.On { background-color:#fff; }
#SubNavigation li.On a { color:#04adc8; }
/* #################### NAVIGATION CSS #################### */
/* #################### GENERIC TABLE CSS #################### */
table {
	font-size: 0.9em;
	margin-bottom: 10px;
}
#leftCol table td p, table td p { padding: 0; }
table th { 
	background-color: #ccc;
	font-size: 1.15em;
	vertical-align: top; 
	padding: 10px;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
table td { 
	vertical-align: top; 
	padding: 5px; 
}
table.schedule {
	background-color: #efefef;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
table.schedule td { 
	font-size: 1.1em;  
	border-bottom: solid 1px #ccc; 
	padding: 10px;
}
table.schedule td.left, table.schedule th.left { 
	padding-left: 10px;
}
/* #################### FOOTER CSS #################### */
#Footer {
	background-color: #000;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#Footer p {
	color: #fff;
	display: inline;
	float: right;
	font: 0.8em Arial, Sans-Serif;
	margin: 0;
	padding: 5px 20px;
}
#Footer p.links { float: left; }
#Footer p.links span {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;	
}
#Footer p.links span:hover { cursor: pointer; color: #ccc; }
#Footer ul.FooterLink {
	float: right;
	font: 0.8em Arial, Sans-Serif;
	list-style: none;
	padding: 10px;
	margin:0;
	width: 150px;
}
#Footer ul.FooterLink li {
	display: inline;
	padding: 10px;
	margin:0;	
}

/* Overlay Pop-Up
--------------------*/
#basic-modal-content, #PrivacyPolicy, #PurchasePolicy {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:450px; width:600px; background-color:#fff; border-top:2px solid #d0b880; border-left:2px solid #d0b880; border-right:3px solid #a49164; border-bottom:3px solid #a49164; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../images/icons/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-14px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* #################### SLIDER CSS #################### */
#sliderContainer { clear: both; display: block; width: 1000px; margin: 0 auto; padding: 0; }
#slider {
	height: 210px;
	width: 1000px;
	margin: 0;
	float: none;
}
#slider ul {
	margin: 0;
	padding:0;
	list-style:none;
	float: none;
	}
#slider2{margin-top:1em;}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	float: none;
	width:1000px;
	height:210px;
	overflow:hidden; 
	}
/* numeric controls */
ol#controls{
	margin:-1.8em auto 0.5em auto;
	padding:0 0 0 40px;	
	width: 1000px;
	}
ol#controls li{
	font-size: 0.8em;
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:auto;
	}
ol#controls li a{
	float:left;
	height:auto;
	border:1px solid #ccc;
	background:#000;
	color:#fff;
	padding:0 3px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#666;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}