/*
style-btc.css
May 4, 2009
*/

html {
}
body {
	background-color: #983468;
	margin: 0;
	padding: 30px 0 40px 0;
}

/********************
	=color palette
********************/
/*
	#983468	dk purple; 	top banner, h1, menu text
	#D5A8C3 lt purple;	borders
	#E7CFDD	vlt purple;	submenu disabled text
	#852E5B	vdk purple;	submenu hover bg
	#DA4A95	vlt purple; menu hover text
	
	#DE770F	dk orange;	top banner
	#EA8F3E	lt orange;	h2, some text
	#FBD5B1	vlt orange;	border
	
	#4D4D4F	gray;		text
*/

/********************
	=layout
********************/

div#outer-container {
/* has 100% width, puts orange border on top & bottom of page */
	background: white url(content-bg.jpg) center repeat-y;	
	border-top: solid 3px #DE770F;
	border-bottom: solid 3px #DE770F;
	margin: 0px 0 0px 0;
	width: 100%;
}

div#inner-container {
/* centers all content */
	margin: 10px auto 0px auto;
	overflow: hidden;
	width: 842px;
}

/* menu=159px; margin=22px; page-content=661; total=842; */
div#page-content {
	float: left; margin-left: 181px; width: 661px; display: inline;
	position: relative;
}

div#main-menu {
	float: left; margin-left: -842px; width: 159px; display: inline;
}

/* main-content=390; margin=27px; secondary-content=244; total=661px; */
div#main-content {
	float:left; margin-left: 0; width: 390px; display: inline;
}

div#secondary-content {
	float: left; margin-left: 27px; width: 244px; display: inline;
}

div#footer {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
	top: 25px;
	width: 842px;
}

/********************
	=style
********************/
b,strong { font-weight: bold; }
i,em { }
ul, ol { color: #4D4D4F; font: normal 14px arial, helvetica, sans-serif; }
li { margin-bottom: 6px; }
h1, h2, h3, h4 {
	font-weight: bold; font-family: arial, helvetica, sans-serif;
	margin: 0 0 -15px 0;
}
h1 {
	color: #983468;
	background: url(h1.gif) top center no-repeat;
	font-size: 22px;
	margin: 5px 0 0 0;
	padding: 15px 0 15px 20px;
	width: 641px;
}
h1:first-letter { font-size: 28px; }
h2 {
	color: #EA8F3E;
	font-size: 18px;
	width: 244px;
}
.off-left {
/* hide from browsers, show to screen readers */
position: absolute;
	left: -999px;
	width: 990px;
}

div#main-content img { 
	float: right;
	margin: 0px 5px;
	
}
#main-content {
	color: #4D4D4F;
	font: 14px normal arial, sans-serif;
	overflow: hidden;
}
#main-content p { line-height: 140%; }

#main-content a { font-weight: bold; text-decoration: none; border-bottom: 1px solid #983468;}
#main-content a:link { color: #983468; }
#main-content a:visited { font-weight: normal; border-bottom: 1px dashed #983468; }
#main-content a:hover { border-bottom: 1px dashed #983468; }
#main-content a:active { }

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 12px;
}

table {
	border: 1px solid #EA8F3E;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}
thead td {
	font-weight: bold;
	background: #EA8F3E;
	color: black;
}
th, td { 
	border: 1px solid #EA8F3E;
	padding: 3px;
}
th { text-align: left; padding-right: 13px; }
td { text-align: center; }
caption { font-style: italic; }
tfoot { color: #983468; font-style: italic; }

#highlights, #related { position: relative; top: -20px; }
#highlights h3 { 
	background: url(h3-news.gif) bottom left no-repeat;
	color: #983468;
	font-size: 18px;
	margin: 0;
	padding: 0 30px 5px 18px;
	position: relative;
	top: 16px;
	width: 196px;	
}
#highlights div { 
	border-right: 2px solid #FBD5B1;
	border-bottom: 2px solid #FBD5B1;
	border-left: 2px solid #FBD5B1;
	padding-top: 20px;
	width: 229px;
	overflow: hidden;
}
#highlights a { color: #983468; }
#highlights p, #related p {
	color: #4D4D4F; 
	font: 14px normal arial, sans-serif;
	margin: 12px 16px;
}
#related h3 {
	background: url(h3-related.gif) bottom left no-repeat;
	color: #EA8F3E;
	font-size: 18px;
	margin: 0px;
	padding: 0 30px 5px 18px;
	position: relative;
	top: 16px;
	width: 196px;
}
#related div { 
	border-right: 2px solid #DFBED1;
	border-bottom: 2px solid #DFBED1;
	border-left: 2px solid #DFBED1;
	padding-top: 20px;
	width: 229px;
}
#related a { color: #EA8F3E; }

#footer p {
	color: white;
	font: normal 12px arial, helvetica, sans-serif;
	margin: 0;
	text-align: center;
}

/********************
	=menu
********************/
/* bug: text color of hovered disabled text doesn't change. */

/* colors for top and submenus */
.menu li { background: white url(menu-item.gif) bottom left no-repeat; }
.menu li a { color: #983468; }

.menu li.menuCurrentItem a,
.menu li.menuCurrentPath a {
	background: white url(menu-item-on.gif) bottom left no-repeat;
	padding: 20px 15px 03px 0px;
}
.menu li a:hover { color: #DA4A95; }

/* colors for submenus */
.menu ul { background-color: #983468; background-image: none; }
.menu ul li.submenu { background: url(submenu-white.png) 180px center no-repeat; }
.menu ul li { color: #852E5B; background: transparent; }
.menu ul li.submenu { color: white; }
.menu ul li.menuCurrentItem a { background: transparent; }
.menu ul a { color: white; background: transparent !important; }

.menu ul li:hover { background-color: #852E5B; }
.menu ul a:hover { color: #EA8F3E; }
.menu ul li.submenu span:hover { color: #D5A8C3; } /* submenus and disabled items */
.menu ul li.submenu * span:hover { color: #D5A8C3; } /* disabled items */

.menu ul ul { background: purple; }

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;
}
.menu li a, .menu li span {
	display: block;
	font: bold 14px helvetica, sans-serif;
	padding: 10px 15px 02px 0px;
	text-align: right;
	text-decoration: none;
	width: 145px;
}


/* top and submenus */
.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.menu li {
	float: left;
}
.menu li a {
	display: block;
	height: 25px;
}


/* Level 1 (1st dropdown) and deeper */
.menu ul {
	margin-left: 150px;
	margin-top: -32px;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	position: absolute;
	width: 175px;
	top: 25px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	left: -999em; 
}

.menu ul li {
	border-bottom: 1px solid white;
	position: relative;
	margin: 0;
	padding: 0;
	width: 175px;
}
.menu ul a, .menu ul span { 
	display: block; /* makes text 1 line */
	font: bold 12px helvetica, sans-serif;
	width: 165px;
	height: auto !important;
	text-decoration: none; 
	text-align: left;
	padding: 4px 0 4px 10px !important;
}

/* Level 2 (nested dropdown) and deeper */
.menu ul li:hover ul {
	margin: -26px 0 0 200px;
}

.menu li:hover ul ul, 
.menu li:hover ul ul ul {
	/* make sure hover doesn't cascade down */
	left: -999px; 
}

.menu li:active ul,
.menu li:hover ul,
.menu ul li:hover ul, 
.menu ul ul li:hover ul { 
	/* lvl 2, 3 lists nested under hovered list items */
	left: auto;
	top: auto;
}


/********************
	Notes
********************/
/*
	Using conditional comments for IE
	IE <= 5.5 must be detected to correct for the box model
	http://www.positioniseverything.net/articles/cc-plus.html
	#ie5 anyelement { this will only be seen by IE 5.x }
	body>#outer-container { this will not be seen by IE 5.x }
*/