@import url ("menu_ie.css"); {
padding: 0;
margin: 0;
border: 0;
}
body, html {
	color: #525252;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	height: 100%;
	background: url(images/navback.jpg) 0 158px #fff;  /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
	background-repeat: no-repeat;
}
body {
	font:12px/16px Tahoma, verdana, arial, helvetica, sans-serif;
	min-width: 920px; /* Don't work in IE */
}
p {
	padding: 4px 0 4px 0;
}
a {
	color: #0019A8;
}
a:hover {
	color: #2F44BC;
	text-decoration: underline;
}
h1 {
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:18px;
}
h1#med2 {
	font-weight: bold;
	color: #8A0753;
	font-size: 14px;
	line-height:20px;
}
h1#sm {
	font-weight: bold;
	color: #8A0753;
	font-size: 12px;
	line-height:20px;
}
h1#med {
	font-weight: bold;
	color: #8A0753;
	font-size: 18px;
	line-height:20px;
}
h1#med_blue {
	font-weight: bold;
	color: #0019A8;
	font-size: 18px;
	line-height:20px;
}
h1#big {
	font-weight: bold;
	color: #8A0753;
	font-size: 20px;
	line-height:22px;
}
h1#blue {
	font-weight: bold;
	color: #0019A8;
	font-size: 13px;
	line-height:18px;
}
h2 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #0019A8;
}
h2#sm {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #0019A8;
}
h2#black {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
}
h2#codate {
	width: 317px;
	height: 37px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(symposiumcolorado/savethedate.gif) no-repeat;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #3A4DBC;
}
img {
	border:none;
}
.sm {
	font-size: 10px;
	line-height: 12px;
}
.clear {
	clear: both;
}
#mainContainer {
	min-height: 100%;
	background: url(images/rightback.jpg) 100% 142px; /*** This is the right column background "faked" with an image.  The 100px is added to have control of where the vertically repeating starts. ***/
	background-repeat: no-repeat;
}
* html #mainContainer {
	height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.inset {
	float:right;
	margin:0 15px 15px 15px;
	color:#000;
	text-align:center;
	width: 210px;
	vertical-align: top;
	font: italic normal 10px Arial, Helvetica, sans-serif;
}
/**************************
HEADER
**************************/
#header {
	background-image: url(images/topback.jpg);
	background-repeat: no-repeat;
	padding: 0;
	height:142px;
	padding-right:120px;
	padding-left:104px;
}
table.top {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
	width: 779px;
}
table.top td {
	padding: 0px 0px 0px 0px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 138px; /*** Same width as margin-left for the float-wrap div ***/
	padding-right: 133px; /*** Our right column width ***/
}
.inner {
	width: 100%;
	padding-bottom: 45px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 100%;
	margin-left: -138px; /*** Same length as .outer padding-left but with negative value ***/
	border: 0px black solid;
}
#content {
	float: right;
	margin-right: -138px;
	/*** Same length as .outer padding-left but with negative value ***/
	width: 100%;
	position: relative;
	/*** IE needs this  ***/
	border: 0px black solid;
}
.contentWrap {
	min-height: 350px;
}
table.main {
	border: none;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	width:100%;
	padding: 0;
	min-width: 650px;
	table-layout: fixed;
}
table.main td {
	padding: 0px 0px 0px 0px;
	border-style: none;
	border-width: 0px;
}
table.main td.backabout {
	background-image: url(images/back-about.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backtreatment {
	background-image: url(images/back-treatment.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 14px;
	line-height:28px;
	width:318px;
}
table.main td.backresearch {
	background-image: url(images/back-research.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backevents {
	background-image: url(images/back-events.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backadvocacy {
	background-image: url(images/back-advocacy.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backdirectory {
	background-image: url(images/back-directory.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backnews {
	background-image: url(images/back-news.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backlibrary {
	background-image: url(images/back-library.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backproducts {
	background-image: url(images/back-products.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backfamilies {
	background-image: url(images/back-families.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backmembers {
	background-image: url(images/back-members.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backaboutus {
	background-image: url(images/back-aboutus.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backhelp {
	background-image: url(images/back-help.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backcontact {
	background-image: url(images/back-contact.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backcredits {
	background-image: url(images/back-credits.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backsearch {
	background-image: url(images/back-search.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backemployment {
	background-image: url(images/back-employment.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.backoffer {
	background-image: url(images/back-whatweoffer.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	font-weight: bold;
	color: #8A0753;
	font-size: 16px;
	line-height:28px;
	width:318px;
}
table.main td.picback {
	background-image: url(images/toppicback.jpg);
}
table.main td.maincontent {
	background-image: url(images/back-maincontent.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	text-align: left;
	padding-top: 10px;
	padding-left: 22px;
	padding-right: 40px;
	height:100%;
}
table.quote {
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:100%;
	background-color:#EDEFF9;
}
table.quote td {
	padding: 10px 20px 10px 20px;
	border-style: none;
	border-width: 0px;
	text-align: left;
	color: #0019A8;
	font-size: 12px;
	line-height:16px;
}
table.quote2 {
	float: right;
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:300px;
	background-color:#EDEFF9;
	margin: 0 0 5px 20px;
}
table.quote2 td {
	padding: 10px 20px 10px 20px;
	border-style: none;
	border-width: 0px;
	color: #0019A8;
	font-size: 12px;
	line-height:16px;
}
table.dsmcomments {
	float: right;
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:400px;
	background-color:#EDEFF9;
	margin: 0 0 5px 20px;
}
table.dsmcomments td {
	padding: 10px 20px 10px 20px;
	border-style: none;
	border-width: 0px;
	color: #0019A8;
	font-size: 12px;
	line-height:16px;
}
table.libcomments {
	float: right;
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:60%;
	background-color:#EDEFF9;
	margin: 0 0 5px 20px;
}
table.libcomments td {
	padding: 10px 20px 10px 20px;
	border-style: none;
	border-width: 0px;
	color: #666666;
	font-size: 12px;
	line-height:16px;
}
table.swg {
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:100%;
}
table.swg tr.color {
	border-style: none;
	border-width: 0px;
	text-align: left;
	background-color:#E9E9E9
}
table.swg td {
	padding: 5px 10px 5px 10px;
	border-style: none;
	border-width: 0px;
	text-align: left;
}
table.products {
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}
table.products td {
	padding: 12px 15px 12px 15px;
	border-style: none;
	border-width:0px;
	border-color:#C0C0C0;
	width:150px;
}
table.form {
	border: none;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	width:100%;
}
table.form td {
	padding: 4px 4px 4px 4px;
	border-style: none;
	border-width: 0px;
}
table.treatdir {
	border: none;
	border-spacing: 0px;
	border-style: solid;
	border-color:#FFFFFF;
	border-collapse: collapse;
	width:100%;
	background-color:#FFFFFF;
}
table.treatdir td {
	padding: 4px 4px 4px 4px;
	border-style: none;
	border-width: 0px;
}
table.treatdired {
	border-spacing: 0px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	border-collapse: collapse;
	width:100%;
	background-color:#FFFFFF;
}
table.treatdired td {
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	text-align: left;
}
table.setting {
	border-spacing: 0px;
	border-width: 0px;
	border-style: none;
	border-color:#ffffff;
	border-collapse: collapse;
	width:100%;
	background-color:#FFFFFF;
}
table.setting td.gray {
	background-color:#e9e9e9;
}
table.breakout {
	border-spacing: 5px;
	border-width: 0px;
	border-style: none;
	border-color:#ffffff;
	border-collapse: collapse;
	width:100%;
	background-color:#EDEFF9;
}
table.breakout td {
	padding: 5px 10px 5px 20px;
}
table.conference {
	border-spacing: 0px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	border-collapse: collapse;
	width:100%;
	background-color:#FFFFFF;
}
table.conference td {
	padding: 10px 4px 10px 4px;
	border-style: solid;
	border-width: 1px;
}
table.conference td.head {
	font-size: 10px;
	line-height: 12px;
}
/*.firstp {
	font-size: 13px;
	line-height: 18px;
}*/
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
	float: left;
	top:120px;
	width: 90px;
	padding-left:40px;
	text-align:center;
	position: absolute; /*** IE needs this  ***/
}
.navigation {
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	font-family: Tahoma, verdana, Arial, helvetica, sans-serif;
	color: #8A0753;
}
.navigation a:link {
	text-decoration: none;
	color: #8A0753;
}
.navigation a:visited {
	text-decoration: none;
	color: #8A0753;
}
.navigation a:hover {
	text-decoration: none;
	color: #C483A9;
}
.navigation a:active {
	text-decoration: none;
	color: #C483A9;
}
.navsecond {
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	font-family: Tahoma, verdana, Arial, helvetica, sans-serif;
	color: #898889;
}
.navsecond a:link {
	text-decoration: none;
	color: #898889;
}
.navsecond a:visited {
	text-decoration: none;
	color: #898889;
}
.navsecond a:hover {
	text-decoration: none;
	color: #838ECA;
}
.navsecond a:active {
	text-decoration: none;
	color: #898889;
}
table.right {
	float:right;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
}
table.buttons td {
	padding: 0px 0px 0px 0px;
}
.alert {
	font-weight: bold;
	color: #8A0753;
}
.alert a:link {
	text-decoration: underline;
	color: #2F44BC;
}
.alert a:visited {
	text-decoration: underline;
	color: #2F44BC;
}
.alert a:hover {
	text-decoration: underline;
	color: #2F44BC;
}
.alert a:active {
	text-decoration: underline;
	color: #2F44BC;
}
/*************************
RIGHT COLUMN
**************************/
#right {
	float: right;
	width: 142px;
	padding: 0;
	position: relative; /*** IE needs this  ***/
	margin-right: -142px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
	position: relative; /*** IE needs this  ***/
}
#alignbottom {
	width:84px;
	text-align:center;
	bottom: 0;
	padding: 0;
}
table.buttons {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
	width: 84px;
	text-align:center;
	height:100%;
}
table.buttons td {
	padding: 0px 0px 0px 0px;
}
/**************************
FOOTER
**************************/
#footer {
	height: 45px; /*** The drawback with this solution is that the height of the footer can't have a flexible height. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
	margin-top: -45px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
	text-align: center;
	color: #000000;
}
#footer p {
	clear: both;
}
.bottom {
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	color: #6C6C6C;
}
input {
	color: #525252;
	background: #FFFFFF;
	border: 1px solid #C3C3C3;
	font-size: 12px;
}
.submit input {
	border: 0px;
	background-color: transparent;
}
.formbutton {
	cursor:pointer;
	border:outset 1px #C3C3C3;
	background:#B36191;
	color:#FFFFFF;
	padding: 1px 2px;
}
textarea {
	color: #525252;
	background: #FFFFFF;
	border: 1px solid #C3C3C3;
	font-size: 12px;
}
hr {
	border: 1;
	width: 90%;
}
hr.hr1 {
	color: #CA8FB1;
	background-color: #CA8FB1;
	height: 1px;
}
ul.list1 {
	list-style-image: url(images/list_dot.gif);
	padding: 0;
	text-indent: 2px;
	text-align: left;
	padding-left: 20px;
	margin-top: 10px;
}
ul.list1 li {
	margin-top: 2px;
	margin-bottom: 5px;
}
ul.list1b {
	list-style-image: url(images/list_dot.gif);
	padding: 0;
	text-indent: 2px;
	text-align: left;
	padding-left: 20px;
	margin: 0;
}
ul.list1b li {
	margin-top: 2px;
	margin-bottom: 5px;
}
ul.list2 {
	list-style-image: url(images/list_dot.gif);
	padding: 0;
	text-indent: 2px;
	text-align: left;
	padding-left: 50px;
}
ul.navlist {
	list-style-image: url(images/list_arrow.gif);
	padding: 0 0 12px 0;
	text-align: left;
	padding-left: 12px;
}
ul.list3 {
	list-style-image: url(images/list_dot.gif);
	padding: 0;
	text-indent: 2px;
	text-align: left;
	padding-left: 10px;
	margin-top: 20px;
}
ul.list3 li {
	margin-top: 1px;
	margin-bottom: 2px;
}
ol {
	margin-left:15px;
	padding: 0;
	text-indent: 2px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 5px;
}
blockquote {
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
}
.blue {
	color: #0019A8;
}
.gray {
	color: #666666;
}
.purple {
	color: #8a0753;
}
.black {
	color: #000;
}
.red {
	font-weight: bold;
	color: #FF0000;
}
.emph {
	font-weight: bold;
	color: #8A0753;
	font-size:14px;
}
.emph2 {
	font-weight: bold;
	font-size:14px;
}
table.blueback {
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-style: none;
}
table.blueback td {
	padding: 8px 8px 8px 8px;
	font-size: 9pt;
	line-height: 12pt;
	font-family: tahoma, verdana, Arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8A0753;
}
table.blueback td a:link {
	text-decoration: none;
	color: #FFFFFF;
}
table.blueback td a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
table.blueback td a:hover {
	text-decoration: none;
	color: #65A5B1;
}
table.blueback td a:active {
	text-decoration: none;
	color: #65A5B1;
}
table.two {
	border-width: 2px 2px 2px 2px;
	border-spacing: 0px;
	border-collapse: separate;
}
table.two td {
	padding: 2px 2px 2px 2px;
}

/*************************
Table classes for What we offer page
*************************/

table.whatweoffer {
	border-width: 2px 2px 2px 2px;
	border-spacing: 0px;
	border-collapse: separate;
	width: 75%;
	margin: 0 auto;
}
table.whatweoffer td {
	padding: 8px 8px 8px 8px;
	border: 0px;
}
table.whatweoffer td.rightbottom {
	border-right: 1px solid #ca8fb1;
	border-bottom: 1px solid #ca8fb1;
}
table.whatweoffer td.right {
	border-right: 1px solid #ca8fb1;
}
table.whatweoffer td.bot {
	border-bottom: 1px solid #ca8fb1;
}

/*************************
CONTACT POPUP
**************************/

#expandCollaspItems {
	color: #525252;/*margin: 0 0 5px 0;
	padding: 0px;*/
}
#expandCollaspItems p {
	line-height: 1.5em;
	color: #525252;
	margin: 0 0 12px 0;
	padding: 0px;
	text-indent:25px;
}
#expandCollaspItems h2 {
	line-height: 1.5em;
	color: #525252;
	margin: 0 0 12px 0;
	padding: 0px;
	text-indent:25px;
}
.errortext {
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	font-family: Tahoma, verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}
.errortext a:link {
	text-decoration: underline;
	color: #0019A8;
}
.errortext a:visited {
	text-decoration: underline;
	color: #0019A8;
}
.errortext a:hover {
	text-decoration: underline;
	color: #2F44BC;
}
.errortext a:active {
	text-decoration: underline;
	color: #2F44BC;
}
a[name]:hover {
	text-decoration: none;
	color: inherit;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu {
	font-family: arial, sans-serif;
	width:95px;
	position:relative;
	font-size:11px;
	margin:50px 0;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#8A0753;
	width:95px;
	height:25px;
	text-align:center;
	background: url(images/dot.gif);
	line-height:12px;
	font-size:12px;
}
.menu ul li.double a, .menu ul li.double a:visited {
	display:block;
	text-decoration:none;
	color:#8A0753;
	width:95px;
	height:39px;
	text-align:center;
	background: url(images/dot.gif);
	line-height:13px;
	font-size:12px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	margin:0 1px 0 0;
	position:relative;
}
.menu ul li ul {
	display: none;
}
.menu ul li.double {
	float:left;
	margin:0 1px 0 0;
	position:relative;
}
.menu ul li.double ul {
	display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	color:#C483A9;
}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:90px;
	width:150px;
}
.menu ul li:hover ul li a.hide {
	background:#f5eaf2;
	color:#000;
}
.menu ul li:hover ul li:hover a.hide {
	width:170px;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	background:#f5eaf2;
	color:#898889;
	width:170px;
	padding: 7px 0 0 0;
	height: 20px;
}
.menu ul li:hover ul li a:hover {
	background:#d59fb9;
	color:#fff;
}
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:151px;
	top:0;
	color:#000;
}
.menu ul li:hover ul li:hover ul li a {
	display:block;
	width:200px;
	background:#dfc184;
	color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover {
	background:#bd8d5e;
	color:#fff;
}
.menu ul li.double:hover a {
	color:#C483A9;
}
.menu ul li.double:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:90px;
	width:150px;
}
.menu ul li.double:hover ul li a.hide {
	background:#f5eaf2;
	color:#000;
}
.menu ul li.double:hover ul li:hover a.hide {
	width:150px;
}
.menu ul li.double:hover ul li ul {
	display: none;
}
.menu ul li.double:hover ul li a {
	display:block;
	background:#f5eaf2;
	color:#898889;
	width:150px;
	padding: 7px 0 0 0;
	height: 20px;
}
.menu ul li.double:hover ul li a:hover {
	background:#d59fb9;
	color:#fff;
}
.menu ul li.double:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:151px;
	top:0;
	color:#000;
}
.menu ul li.double:hover ul li:hover ul li a {
	display:block;
	width:200px;
	background:#dfc184;
	color:#000;
}
.menu ul li.double:hover ul li:hover ul li a:hover {
	background:#bd8d5e;
	color:#fff;
}
img.right {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
}
img.left {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

/* ------------------- tabbed panels --------------- */

/* panel container */
.tabbackground {
	background: url(tabs/tabbackground.png) no-repeat;
	width:700px;
	height:37px;	
}

.panelbackground {
	background: url(tabs/panelbackground.png) repeat-y;	
	width:700px;	
}

.panelfooter {
	background: url(tabs/panelfooter.png) no-repeat;	
	width:700px;
	height:25px;
}

.panes {
	width:620px;
	padding:40px;
 
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}

/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 0 0 15px !important; 
	padding:0;
	height:37px;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

.tabs a {
	font-size:14px;
	display:block;
	height: 37px;
	line-height:45px;
	width: 150px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-weight: bold;
}

.tabs a:hover {
	color:#8a0753;	
}

/* active tab uses a class name "current". */
.tabs .current, .tabs .current:hover, .tabs li.current a {
		
	cursor:default !important; 
	color:#666 !important;
	background: url(tabs/tab.png) no-repeat;
}


/*
playback timings (ms):
  RedisCDXSource: 132.301
  CDXLines.iter: 12.731 (3)
  exclusion.robots: 0.321
  LoadShardBlock: 263.692 (3)
  PetaboxLoader3.resolve: 160.934 (2)
  esindex: 0.018
  PetaboxLoader3.datanode: 335.455 (5)
  exclusion.robots.policy: 0.293
  captures_list: 412.426
  load_resource: 336.674
*/