body {
color:#4e4e4e;
font-family:"Lucida Grande", "Lucida Sans Unicode";
font-size:10pt;
line-height:1.5em;
min-width:1200px;
text-align: center;
margin:0 auto;
padding:0 auto;
}

img, .arrow {
border:0px;
padding:0;
margin:0;
}

hr {
background-color:#CCCCCC;
border:0px;
height:1px;
}

.arrow {
vertical-align: middle;
}

a {
color:#662d91;
text-decoration: none;
}

.shadow {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}

iframe{
border:none;
width:960px;
height:500px;
}

#header-wrap {
width:100%;
overflow: visible;
position:relative;

z-index:1;
}


/* without demo btn */
.wrap-960 {
margin:0 auto;
padding:0 auto;
width:968px;
text-align:left;
overflow:auto;
margin-top:20px;
margin-bottom:20px;
padding-top:4px;
padding-bottom:4px;
overflow:auto;
}

/* with demo btn */
.wrap-1060 {
margin:0 auto;
padding:0 auto;
width:1060px;
overflow: auto;
padding-top:5px;
padding-bottom:5px;
}

#page-curl {
margin:0 auto;
padding:0 auto;
float:right;
margin-top:-20px;
*margin-top:0px;
}

/* Landing pg banner with demo btn */
#banner {
margin:0 auto;
padding:0 auto;
float:left;
width:960px;

}

/* Banner on other pages without demo button on side */

#banner-nodemo {
margin:0 auto;
padding:0 auto;
width:960px;
}

/* landing page columns */
#content-left {
width:600px;
float:left;
padding-left:4px;
}

#content-right {
width:340px;
float:left;
margin-left:20px;
}

/* header logo and menu */

#menu {
float:right;
text-align: left;
padding-top:20px;
margin-right:0px;
}

/* black column headers */

.header {
background: black;
color:white;
padding:5px 5px 5px 10px;
margin-top:20px;
text-align: left;
}

/* gray column boxes */

.gray-box {
background:#ebebeb;
color:#4e4e4e;
padding:10px 10px 15px 10px;
overflow:auto;
font-size: 10pt;
text-align: left;
}

.gray-box ul {
margin:0px;
margin-left:-25px;
*margin-left:0px;
}

.gray-box li {
margin-bottom:8px;
}

/**/
.purple-box {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
background-color: #2c225e;
color:white;
width:300px;
font-size:12pt;
line-height: 1.5em;
padding:15px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.purple-box a, .purple-box a:hover{
color:white;
text-decoration: none;
}

/**/

.side-banner {
width:100%;
text-align: center;
}

/* columns within gray box */
.events-col {
float:left;
margin-right:15px;
font-size:9pt;
color:#5d5d5d;
margin-bottom:20px;
}

.events-col a {
text-decoration: none;
color:inherit;
}

.events-col a:hover {
text-decoration: underline;
color:#662d91;
}

/* col with demo btn */
.events-col-650 {
margin:0 auto;
padding:0 auto;
width:650px;
overflow:auto;
}

/* col w/o demo btn */
.events-col-600 {
margin:0 auto;
padding:0 auto;
float:right;
text-align: left;
width:600px;
overflow:hidden;
}

/* columns within 600px */
.left-300 {
float:left;
width:310px;
}

.right-300 {
float:right;
width:290px;
}

/* font styles */
.learn-more {
margin:0 auto;
padding:0 auto;
float:right;
}

.small {
font-size:9pt;
}

.large {
font-size:11pt;
line-height:1.5em;
}

.caption {
font-size:9pt;
font-style:italic;
}

.expo-head {
color:#2a2a2a;
font-size: 12pt;
}

.purple {
color:#662d91;
font-size:9pt;
}

.bold {
font-weight:bold;
font-size:10pt;
color:#2a2a2a;
}

/* launch demo btn */

#demo-btn {
float:left;
margin-top:10px;
}

#demo-btn a {
display: block;
width: 50px;
height: 153px;
background: url('images/launch_demo_btn.png');
background-position: -15px 0px;
outline: 0;
}
	
#demo-btn a:hover, #demo-btn a:hover {
background-position: -20px 0px;
}
	
	
/*events map*/

.events-map {
margin:0 auto;
padding:0 auto;
text-align:left;
font-size:9pt;
overflow:hidden;
}

.events-map a {
color:#662d91;
text-decoration:none;
font-weight: normal;
}
	
	
/* system requirements */
.sys-wrap {
overflow: auto;
margin-bottom:15px;
}

.sys-col{
float:left;
}

/* listed numbers */
.num{
background-color: #2C225E;
color:white;
padding:5px 10px 5px 10px;
}

/* forms */
form {
width:500px;
margin:0 auto;
padding:0 auto;
}

input, select {
margin-top:5px;
margin-bottom:20px;
border:1px solid #ccc;
width:497px;
height:25px;
font-size:13pt;
color:#666;
padding-left:3px;
}

.submit {
width:500px;
border:1px solid #404040;
background-color: #404040;
color:white;
height:35px;
font-size:12pt;
margin-top:15px;
}


/*menu*/

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
text-align: right;
}

#nav a {
display: block;
width: 100px;
height:25px;
padding-top:5px;
color:#4e4e4e;
text-decoration: none;
text-align: center;
font-weight:normal;
}

#nav li a:hover, #nav li a.selected {
background:#4e4e4e;
color:white;
}

#nav li.events a {
background-image:url('images/events_arrow.png');
background-position:75px 12px;
background-repeat:repeat-x;
}

#nav li.events a:hover, #nav li.events a.selected {
background-image:url('images/events_arrow.png');
background-position:0px 12px;
background-repeat:repeat-x;
}


#nav li.portfolio a {
background-image:url('images/events_arrow.png');
background-position:95px 12px;
background-repeat:repeat-x;
}

#nav li.portfolio a:hover, #nav li.portfolio a.selected {
background-image:url('images/events_arrow.png');
background-position:20px 12px;
background-repeat:repeat-x;
}

#nav li {
float: left;
}

#nav li ul {
position: absolute;
width:185px;
left: -999em;
text-align: right;
font-size:9pt;
}

#nav li ul a {
text-align: left;
background: #ebebeb;
padding-left:15px;
background-image:none;
}

#nav li ul a:hover {
text-align: left;
background: black;
padding-left:15px;
}

#nav li:hover ul {
left: auto;
background:#4e4e4e;
background-image:none;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
background:#4e4e4e;
background-image:none;
}


table.calendar {
border:0px;
border-collapse: collapse;
width:315px;
vertical-align: top;
}

td.calendar {
display:table-cell;
width:85px;
font-size:9pt;
vertical-align: top;
}



/*network & footer*/

#network-wrap {
width:100%;
background:#4D4D4D;
text-align: left;
overflow:hidden;
line-height:normal;
}

table.network {
background:#4D4D4D;
border:0px;
border-collapse: collapse;
}

td.network, td.trav {
display:table-cell;
width:85px;
border-right:1px solid #808080;
text-align:center;
vertical-align: middle;
padding:0px 5px 0px 5px;
font-size:6pt;
}

td.network a {
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

td.network a:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#footer {
width:100%;
background:#CCCCCC;
padding-top:20px;
padding-bottom: 20px;
color:#808080;
overflow:auto;
margin-top:20px;
text-align:center;
}

#footer table {
margin:0 auto;
padding:0 auto;
font-size:8pt;
border:0px;
border-collapse:collapse;
}

#footer a {
color:#808080;
text-decoration: none;
}

#footer a:hover {
color:white;
}

#footer td {
padding:0px 50px 0px 50px;
vertical-align:top;
line-height:1.4em;
}

#footer td.header {
font-weight:bold;
color:#666666;
}

#copyright {
width:100%;
background:#B3B3B3;
padding-top:10px;
padding-bottom: 10px;
color:white;
overflow:auto;
font-size:8pt;
margin-top:20px;
}

#float-footer {
background-color: none;
padding-top: 10px;
text-align: right;
width: 100%;
position:fixed;
left:0px; bottom:0px;
clear: both;
}

#float-footer a {
margin:0px;
}

footer {
	background-color: #ebebeb; /* CHANGE AS NECESSARY - background color of footer */
	color: #fff; /* CHANGE AS NECESSARY - color of text */
	text-align: left;
	color:#666666;
	margin-top:55px;
	line-height: normal;
}

footer a {
	color: #662d91; /* CHANGE AS NECESSARY - color of link text */
}

footer .f_col p {
	padding-top: 0px; /* CHANGE AS NECESSARY - adjust top padding of text properly besides logo */
}

footer { font-family: inherit; font-size: 12px; padding: 30px 0; }
footer:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
footer a { font-family: inherit; text-decoration: none; }
footer .container { padding: 0 2%; }
footer .footer_left { float: left; width: 80%; }
footer .footer_left img.logo { float: left; margin: 4px 12px 0 0; }
footer .footer_right { float: right; text-align: right; width: 16%; }
footer .footer_right a { margin-right: 8px; }