* {
	padding:0;
	margin:0;
}
html {
	padding:0;
	margin:0;
	background:#99c url(../graphics/bg-books.jpg) no-repeat fixed 800px bottom;
}

body {
	padding:0;
	margin:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.6em;
	color: #000;
	background:url(../graphics/bg-main.gif) repeat-y;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #f00;
}
a:hover {
	color: #900;
}

/* ============= Firefox uses padding-left for ul; IE uses margin-left ============ */
ul {
	padding-left:1em;
    margin-left:0;
}

ul.smaller li {
	margin-bottom:10px;
	font-size:11px;
	line-height:16px;
	padding-left:6px;
}

.pdf {
	list-style: none;
	padding-left:0;
	font-size:11px;
	line-height:16px;
}
.pdf li {
	padding: 0 0 4px 18px;
	background-image: url(../graphics/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	margin-bottom:8px;
}

.indent {
	margin-left:18px;
	padding-left:18px;
	margin-bottom:18px;
}
.help {
	list-style: none;
	padding-left:0;
	font-size:11px;
	line-height:16px;
}
.help li {
	padding-left: 18px;
	background-image: url(../graphics/icon-help.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom:10px;
}

.help2 {
	list-style: none;
	padding-left:0;
	font-size:11px;
	line-height:16px;
}
.help2 li {
	padding-left: 18px;
	background-image: url(../graphics/icon-help_white.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom:10px;
}


img {
	padding: 0;
	margin: 0;
	border: 0;
}

table {
	cellpadding: 0;
	cellspacing: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.ruler {
	font-size: 12px;
}
.ruler td {
	vertical-align: top;
	padding-right: 10px;
}

tr.ruled{
	color:#F4EBD3;
	background:#A79D80;
}    

.spacer {  
	clear: both;
	float: none;
	height: 1px;
	margin:0;
	padding:0;
	overflow:hidden;
  }

p {
	padding: .6em 0 .6em 0;
}
.lessair{
	margin: 2px 0 4px 0;
	padding: 0;
}

.air{
	line-height: 2em;
}

.small {
	font-size: 11px;
	line-height: 13px;
}
.small li {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 8px;
}

.tight  {
	font-size:11px;
	margin-bottom:-10px;
}
#container {
	width: 800px;
	text-align: left;
	border-top:#600 18px solid;
}

.se-header {
	width: 774px;
	height: 60px;
	margin:0px 0 -1px 18px;
	border-top:#900 2px solid;
}
.se-photo {
	position: absolute;/*
	width: 179px;
	height: 233px;*/
	top:0px;
	left:0px;
	z-index:10;
}
.tagline-corner {
	position: absolute;
/*	width: 394px;
	height: 252px;*/
	top:79px;
	left:162px;
	z-index:8;
}

#main {
	width: 770px;
	margin-left: 20px;
}


.main_col {
	float:left;
	display: inline-block;
	width: 394px;
	padding-left:142px;
}

.main-pic {
	width: 394px;
	height: 252px;
}
.main_col_copy {
	padding: 0 0 0 38px;
}

.right_col {
	float:left;
	display: inline-block;
	width: 210px;
	background: url(../graphics/bg-right-col-shadow.gif) top left no-repeat;
}

.right_col_copy {
	padding: 0 0 0 18px;
}

.main_wide {
	clear:both;
	width: 604px;
	padding-left:142px;
}

*html .main_wide {
	margin-top:-20px;
}

.text_container {
	margin:20px 0 0 0;
	padding:0;
	border:1px solid #F4EBD3;
}

.head_box {
	background:#A79D80 url(../graphics/corner-up-left.gif) top left no-repeat;
}
.head_box2 {
	background:#DDD3B4 url(../graphics/corner-up-left2.gif) top left no-repeat;
}

.headline2 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0 2px 17px;
	background: url(../graphics/corner-up-right2.gif) top right no-repeat;
}

.headline {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0 2px 17px;
	background: url(../graphics/corner-up-right.gif) top right no-repeat;
}

h1 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0 2px 17px;
	background: url(../graphics/corner-up-right.gif) top right no-repeat;
}
h1.lighter {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0 2px 17px;
	background: url(../graphics/corner-up-right2.gif) top right no-repeat;
}

h2 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 12px 0 2px 0px;
}
.text_box {
	background:#DDD3B4 url(../graphics/corner-low-left.gif) bottom left no-repeat;
}
.text_box4 {
	background:#fff url(../graphics/corner-low-left4.gif) bottom left no-repeat;
}

.text_box2 {
	background: url(../graphics/corner-low-right.gif) bottom right no-repeat;
}
.text_box5 {
	background: url(../graphics/corner-low-right5.gif) bottom right no-repeat;
}

.text {
	padding: 6px 10px 10px 10px;
}


.tagline {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	margin:6px 0 10px 0;
}

.tagline2 {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;/*
	margin:6px 0 10px 0;*/
}


#rotate {
	font-size: 1.1em;
	background-color:#ccf;
/*	color:#303; */
	border:none;
	padding:12px;
	margin:26px 0 10px 0;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
}


.dropquote {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align:center;
	margin:18px auto 24px auto;
	width:84%;
	padding: 14px 0 14px 0;
	border-top: 4px double;
	border-bottom: 4px double;
}

.quote {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	margin-top:20px;
}
.quote_ref {
	text-align:center;
	margin-top:30px;
}
.quote_ref_left {
	text-align:left;
	margin:10px 10px 32px 0;
}

.quote_author {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 2px 6px 16px 0;
	font-weight: normal;
	text-align:center;
}
.center {
	text-align:center;
}
.quote_open {
	margin: -4px 0 2px 0;
	display: inline;
}

.quote_close {
	margin: 0 0 0 2px;
	display: inline;
}

#nav_container {
	width:142px;
	position: absolute;
	top:254px;
	left:20px;
	/*border: 1px solid #fff;*/
}

#social_icons {
	margin:0 0 30px 5px;
}
#social_icons li{
	list-style:none;
	float:left;
	display:inline;
	margin:0 5px;
	width:16px;
	height:16px;
	text-indent:-8000px;
}
#social_icons li a, #social_icons li a:active {
	display:block;
	height:16px;
	background-position:left top;
	background-repeat:no-repeat;
}
#social_icons li a:hover {background-position:0 -16px;}
#social_icons li.blog a {background-image:url(../graphics/icon-blog.png);}
#social_icons li.rss a {background-image:url(../graphics/icon-rss.png);}
#social_icons li.linkedin a {background-image:url(../graphics/icon-linkedin.png);}





#nav {width:; font-size:12px;}

#nav ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#nav a  {
font-weight:normal;
display: block;
margin: 0;
padding:4px 2px 4px 6px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0, .8);
background:#303 url(../graphics/gradient.png) repeat-x 0 -140px;
text-decoration: none;
}

#nav a:hover {
color: #303;
font-weight:bold;
text-shadow: 0 1px 2px rgba(255,255,255, .8);
background: #33c url(../graphics/gradient.png) repeat-x 0 -90px;
}

/* main button borders */
#nav ul ul li {
border-top: 1px solid #636;
border-bottom: 1px solid #101;
}
#nav ul ul li:hover {
border-top: 1px solid #333;
border-bottom: 1px solid #c9f;
}

/* Pop out menu styling */
#nav ul ul ul {
border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0, .4);
	box-shadow: 0 2px 3px rgba(0,0,0, .4);
}
#nav ul ul ul li {
border:none;
}
#nav ul ul ul li:hover {
border:none;
}
#nav ul ul ul li a {
background: #000 url(../graphics/gradient.png) repeat-x 0 -90px;
}
#nav ul ul ul ul li a {
background: #444 url(../graphics/gradient.png) repeat-x 0 -90px;
}

/* Positioning the pop-outs make the list elements a containing block for the nested lists */
#nav li {
position: relative;
} 
#nav ul ul ul {
position: absolute;
top: 6px;
left: 100%; /* to position them to the right of their containing block */
width: 105%; /* width is based on the containing block */
}

/* hiding and revealing using hover */
div#nav ul ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}


/* rounded corners of first and last link */
#nav ul ul ul li:first-child > a {


	border-radius: 9px 9px 0 0;

	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	
}
#nav ul ul ul li:last-child > a {

	border-radius: 0 0 9px 9px;
	
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

* {
outline: none;
-moz-outline-style:none;
}







#footer {
	clear: both;
	width: 628px;
	height: 100px;
	margin-left:142px;
	background: url(../graphics/bg-footer.gif) no-repeat right;
}

.footer_copy {
	padding: 56px 8px 0 0;
	font-size: 12px;
	text-align: right;
	color: #303;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #303;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
}

#copyright {
	font-size: 11px;
	text-align: right;
	background: #303;
	color: #669;
	width: 774px;
	border-left:18px solid #600;
	border-right:8px solid #600;
	border-bottom:8px solid #600;
}

.copy {
	width: 762px;
	padding: 0 8px 0 0;
	border-left:2px solid #900;
	border-right:2px solid #900;
	border-bottom:2px solid #900;
}

#copyright a:link, #copyright a:active, #copyright a:visited {
	color: #669;
	text-decoration: underline;
}
#copyright a:hover {
	color: #99c;
}

.video-icon {
	vertical-align:middle;
}
.seven-text {
	float:left; 
	width:300px; 
	display:inline; 
	padding-top:10px;
}
.sidepic {
	float:right; 
	display:inline; 
	width:190px; 
	margin: 0 0px 10px 14px;
	font-size:11px; color:#666; line-height:15px; text-align:right;
}

/* ============= right column photos ============ */
.rightpic {
	width:190px;
	margin: 20px 0 0 0;
}

.gallerypic {
	float:left; 
	display:inline; 
	width:120px;
	height:100px; 
	margin: 0 16px 20px 0;
}
.byline {
	font-size:12px;
	margin-bottom:2px;
	text-align:right;
}
.article-headline-top {
	font-weight:bold;
	margin: 16px 0 0px 0;
}
.article-headline {
	font-weight:bold;
	margin: 40px 0 0px 0;
	padding-top:10px;
	border-top:1px dotted;
}


/* ============= misc ============ */
.feature_link {
	text-align:center;
	font-weight:bold;
}

.feature_link a:link, .feature_link a:active, .feature_link a:visited {
	color: #303;
	text-decoration: none;
}
.feature_link a:hover {
	color: #900;
}



/* ============= bubble tooltip ============ */
/*------------------------------------------*/
a.tt{
    position:relative;
    z-index:24;
	font-weight:bold;
    text-decoration:underline;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:130px;
	padding: 5px 0 0 0;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../graphics/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../graphics/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../graphics/bubble.gif) no-repeat bottom;
}



.video_button a  {
font-weight:bold;
display: block;
margin: 0;
padding:4px 2px 4px 24px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0, .8);
background:#600 url(../graphics/gradient.png) repeat-x 0 -140px;
text-decoration: none;
border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0, .4);
	box-shadow: 0 2px 3px rgba(0,0,0, .4);
}

.video_button a:hover {
color: #600;
text-shadow: 0 1px 2px rgba(255,255,255, .8);
background: #33c url(../graphics/gradient.png) repeat-x 0 -90px;
}

/* home page logo slider */

#slider1_container {
position: relative; top: 0px; left: 0px; width:980px; height: 100px; overflow: hidden;
}

.slides {
cursor: move; position: absolute; left: 0px; top: 0px; width:566px; height: 100px; overflow: hidden;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
}
.slides-narrow {
cursor: move; position: absolute; left: 0px; top: 0px; width:330px; height: 100px; overflow: hidden;
	background-color: #fff;
}

.logos_header {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin:6px 0;
}