@charset "UTF-8";
/* CSS Document */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link {
	color:#FFFFFF;
	text-decoration: underline;
}      /* unvisited link */
a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}  /* visited link */
a:hover {
	color:#c21505;
}  /* mouse over link */
a:active {
	color:#c21505;
}  /* selected link */ 

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color: #c3160f;
}

h3 {
	color: #c3160f;
}

.white_body_link {
	color: #c3160f;
	text-decoration: underline;
}

#container {
	width: 950px;  /* this will create a container 80% of the browser width */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
	border: thin dotted #c21505;
}
#actnow_books_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #c21505;
	height: 100px;
	width: 685px;
	background-image: url(images/actnow.jpg);
	top: 150px;
	text-align: center;
}
#event_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #c21505;
	height: 100px;
	width: 950px;
	text-align: right;
	background-image: url(images/events.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 25px;	
}
#book_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #c21505;
	height: 100px;
	width: 950px;
	text-align: right;
	background-image: url(images/header_book.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 25px;	
}
#reviews_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #c21505;
	height: 100px;
	width: 950px;
	text-align: right;
	background-image: url(images/reviews.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 25px;
}
#press_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #c21505;
	height: 100px;
	width: 950px;
	text-align: right;
	background-image: url(images/pressheader.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 25px;
}
#container_bottom {
	width: 975px;
	height: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
} 
#header {
	background-image: url(images/pg_header_v2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 950px;
	padding: 0px;
	background-color: #000000;
    }
a img { border-style:none; }

#mainContent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #FFFFFF;
	text-align: left;
}

#mainContent2 {
	margin-top: -20;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 35px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#mainContent3 {
	margin-top: -20;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 35px;
}
#main {
	background:#FFFF99;
	float:left;
	width:150px;
	text-align: left;
    }
#main h2, #main h3, #main p {
	padding:0;
	float: left;
    }
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 275px; /* top and bottom padding create visual space within this div  */
	background-color: #000000;
	background-image: url(images/texture.png);
	background-repeat: repeat-y;
}
#sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	color: #c81616;
}
#sidebar2 {
	position: absolute;
	top: 150px;
	left: 0;
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	background-color: #4e2f68;
}
#home_box {
	float:left;
	width:800px;
	background-color: #FF9933;
    }
#mainContent {
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 250px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainContent2 {
	margin-top: -20;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 35px;
	background-color: #FFFFFF;
}
#actnowContent {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	color: #FFFFFF;
}
#pressContent {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #FFFFFF;
	color: #000000;
}

#footer {
	padding: 0 10px;
	background-color: #878d95;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
	font-size: 10px;
}
#header h1 {
	padding:5px;
	margin:0;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
    }
#sidebar ul {
    margin-bottom:0;
    }
#sidebar h3, #sidebar p {
    padding:0 10px;
    }

/*navigation elements*/

ul {
	list-style-type: none;
}
#navcontainer
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	background-color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
	list-style: none;
	padding: 0;
	width: 125%;
	font-size: 0.9em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul#navlist li
{
	display: block;
	float: left;
	width: 13.33%;
	margin: 0;
	padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #fff;
	text-decoration: none;
	background-color: #000000;
	font-weight: bold;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
	color: #ffffff;
	background-color: #c21505;
	font-weight: bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #ffffff;
	border-color: #aaab9c #fff #fff #ccc;
	background-color: #c21505;
	font-weight: bold;
}


/*specialized type styles*/

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.bodytext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/*inner box elements*/
#innerbox {
	width: 31%;
	margin-top: 0px
	margin-right: auto;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	position: relative;
	font-size: 12px;
}
#innerbox2 {
	width: 62%;
	margin-top: 0px
	margin-right: auto;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	position: relative;
	font-size: 12px;
}
#innerboxunderstand {
	width: 23%;
	margin-top: 0px
	margin-right: auto;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	position: relative;
	font-size: 12px;
}
.innerbox3 {
	width: 24%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.innerbox4 {
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#mapbox {
	float:left;
	width:650px;
	background-color: #FF9933;
    }
.skiplink {display:none}
.captiontexta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990033;
}
.float-left {
	float: left;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.float-left2 {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
}
.float-left3 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
}
.background_white {
	background-color: #FFFFFF;
}
.h2_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
	padding-left: 15px;
}
#linkedin_box {
	height: 55px;
	width: 55px;
	position: absolute;
	left: 925px;
	top: 92px;
	background-repeat: no-repeat;
}
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	width: 200px;
	font-size: 0.8125em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: -5px;
}
.menu {
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menu > li > a {
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menu ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.923em;
	font-weight: 400;
	color: #878d95;
}
.menu ul li:last-child a {
	border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, .menu > li > a.active {
	background-color: #f3aa4b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 133, 67)),to(rgb(38, 152, 219)));
	background-image: -webkit-linear-gradient(top, rgb(243, 170, 75), rgb(236, 133, 67));
	background-image: -moz-linear-gradient(top, rgb(243, 170, 75), rgb(236, 133, 67));
	background-image: -o-linear-gradient(top, rgb(243, 170, 75), rgb(236, 133, 67));
	background-image: -ms-linear-gradient(top, rgb(243, 170, 75), rgb(236, 133, 67));
	background-image: linear-gradient(top, rgb(243, 170, 75), rgb(236, 133, 67));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	border-bottom: 1px solid #103c56;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f3aa4b;
	-moz-box-shadow: inset 0px 1px 0px 0px #f3aa4b;
	box-shadow: inset 0px 1px 0px 0px #f3aa4b;
}
.menu > li > a.active {
	border-bottom: 1px solid #1a638f;
}
.menu > li > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.menu > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
	background: #2173a1;
}
.menu > li > ul li a:before{
	content: '?';
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
	color: #32373D;
}


.menu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}
.h2redtext {
	font-size: 18px;
	font-weight: bold;
	color: #c21505;
	font-style: italic;
}
.yellow_text {
	font-size: 18px;
	font-weight: bold;
	color: #FFFF33;
	font-style: italic;
}
#slider {
	width: 900px; /* important to be same as image width */
	height: 450px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin-right: auto;
	margin-left: auto;
}
#sliderContent {
    width: 900px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 900px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

#events_box {
	width: 750px;
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
}
#events_box2 {
	width: 700px;
	padding-right: 5px;
	padding-left: 45px;
	text-align: left;
	margin-top: -14px;
}
#events_box3 {
	width: 700px;
	padding-right: 5px;
	padding-left: 45px;
	text-align: left;
	margin-top: 10px;
}