#supportarea a, #supportarea a:visited, #supportarea a:link, #supportarea a:hover {color: #0000ee;}
#support_nav a, #support_nav a:visited, #support_nav a:link, #support_nav a:hover {color: #0066cc;}
.page_container {
	width: 760px;
	float: left;
}
.support_body_top {
  display: block;
  height: 28px;
  background-repeat: no-repeat;
  background-image: url(../images/bg-support-body-ends.gif);

}
.support_body_bottom {
  display: block;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(../images/bg-support-body-ends.gif);

}
.support_body_top {background-position: left top;}
.support_body_bottom {background-position: left bottom;}
.support_body_content {padding: 0 15px;}
.support_body_outer {
  display: block; 
  background: url(../images/bg-support-body-content.gif) repeat-y left top;
}
.support_body {
  padding: 0 15px 1em;
}
.tocpage h2, .tocpage h3 {color: #000000;}

.red {color: #c9362b;}
.text-red {color: #d60000;}
.text-blue {color: #293086;}

#curvefiller {height: 0px;}

#supportarea h1 { font-size: 155%; font-weight: bold; }

#supportarea h2 { font-size: 17px; font-weight: bold; }

#supportarea h3 { font-size: 110%; font-weight: bold; margin-bottom: 0.5em;}

#supportarea p.lead { font-size: 114%; }

#breadcrumbs { font-size: 80%; margin-bottom: 1.5em;}

/*#supportform .input-text {
border:1px solid #3b6e22;
color:#666666;
}*/

#supportform label{
display:block;
margin-bottom:10px;
color:#555555;
clear:both;
}

#supportform label span{
display:block;
float:left;
padding-right:6px;
width:200px;
text-align:right;
font-weight:bold;
}

#supportform label span.input-error {
display: inline;
float: none;
padding: 0px;
width: auto;
text-align: left;
color: #d60000;
}

#supportform label label {color: #d60000; margin-left: 20px; display: inline;}

#share-overview h3 a {text-decoration: none; color: #000;}
#share-overview h3 a:hover {text-decoration: none; color: #0000ee;}

#supportform .input-text {
  border:1px solid #666666;
  color:#000000;
	width: 230px;
	padding-left: 7px;
}
#supportform .required {
	border:1px solid #666666;/*#3b6e22;*/
	/*border-left: 5px solid rgb(243,116,33);*/
	color:#000000;
	backgroundx: url(../images/required.gif) repeat-y left top;
}
#supportform select {width: 239px; _width: 230px; padding-left: 7px; border: 1px solid #666666;}
#supportform .spacer{
	display: block;
	margin: 2px 0 10px 206px;
	color:#555555;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}
.support_page { 
}
.support_menu { 
   /*float: left;
   width: 150px;
   padding: 5px;
   border-width: 0px 5px 0px 0px;
   border-color: black;
   border-style: solid;*/
}
.support_body { 
   /*border-width: 5px 5px 5px 0px;
   border-color: black;
   border-style: solid;
   padding: 10px;
   width: 760px;*/
}

.support_nav { 
  padding: 0;
  margin:0;
  list-style-type: none;
  text-align: right;
  font-size: 12pt;
}
.support_nav li { 
   border: 1px solid black;
   padding: 2px;
}

.support_subnav { 
  padding-right:0;
  padding-top:0;
  padding-bottom:0;
  padding-left: 20px;
  margin:0;
  list-style-type: none;
  text-align: right;
  font-size: 8pt;
}
.support_subnav li { 
  border-right: 2px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
   padding: 2px;
}

#supportarea .selected { 
  background-color: #D0D000;
  border: 4px solid black;
}

/****************************************************/

ul.checkbox {margin-top: 0.5em; margin-bottom: 1em; padding: 0 0 0 15px; list-style: none; list-style-type: none;}
ul.checkbox li {margin-bottom: 1em; padding: 4px 0 0 30px; background: url(../images/checkbox_small.gif) no-repeat 7px top;}
ul.checkbox h4 {margin: 0;}
ul.checkbox p {margin: 0;}
ul.checkbox img {float: right;}

ul.spaced li {margin-bottom: 0.5em;

}

.included-table {
	/*border: 2px solid #000000;*/
	border-collapse: collapse;
	margin-top: 1em;
}
.included-table td {
	/*border: 2px solid #000000;*/
	border-collapse: collapse;
	padding: 5px 10px;
	height: 45px;
}
.included-table td.row-header {
	padding-left: 0;
}
.included-table h1 {
	/*margin: 0;*/
	padding-left: 5px;
	font-size: 1.5em;
}
.included-table h3 { 
	margin: 0;
}
.included-table p {
	margin: 0 0 .5em;
}
.included-table ul {
	padding-left: 20px;
	margin: 0;
}
.included-table td.img-wrapper {
	padding: 0;
}
.included-table td.img-wrapper table {
	/*float: right;
	padding: 0 0 0 20px;*/
	border: 0;
}
.included-table td.img-wrapper table td {
	border: 0;
}
h1.blue {color: #000095;}

.page-title {
	border-bottom: 3px solid black;
	padding-bottom: 15px;
	font-size: 1.5em;
	margin-bottom: .25em;
	margin-top: 0;
}
#breadcrumbs {
	font-size: 1em;
}
.clear {clear: both}
.right {float: right}
.left {float: left}

body {width: 960px;}
#topnav {width: 960px;}
#topbar {width: 960px;}
#outerbox {width: 960px;}
#mainbox {margin-left: 0px; width: 960px;}
#innerbox {padding-left: 0px; padding-right: 0px;}
#footer {width: 960px;}
#footernav {width: 806px;}
#innerbox_disabled {padding: 4px 0 6px 10px;}

.note-box {background: #e5daf4; border: 1px solid #58595b; padding: 20px 20px 20px 20px; margin: 20px 0 20px 20px;}
.note-box h2 {margin-top: 0px;}
.note-box ul {padding-left: 1em; margin: 0;}
.note-box li {}

.district h2 {color: #000 !important;}
.district h3 {/*color: #567ec3;*/ color:#990000; margin-top: 1.5em;}
.district li a {color: blue !important}
/* set the image to use and establish the lower-right position */ 
#toggles h2 {font-size: 1em;}

.pricing-included h3 {color: #990000;}
.pricing-included h4 {}

.bluebox, 
.bluebox .bluebox-body, 
.bluebox .bluebox-top, 
.bluebox .bluebox-top .bluebox-top-right { 
	background: #ffffff url(../images/bluebox.gif) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000;
	font-style: normal;
	}
.bluebox {
	width: 278px !important; /* intended total box width - padding-right(next) */ 
	width: 293px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ } /* set the top-right image */
.bluebox .bluebox-top { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.bluebox .bluebox-top .bluebox-top-right { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 1px 0 6px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.bluebox .bluebox-body {
	background-position: bottom left; 
	/*margin-right: 25px; /* interior-padding right */ 
	padding: 0 0 6px 15px; /* mirror .btn-pur_head right/left */}

.purplebox, 
.purplebox .purplebox-body, 
.purplebox .purplebox-top, 
.purplebox .purplebox-top .purplebox-top-right { 
	background: #ffffff url(../images/purple-container.gif) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000;
	font-style: normal;}
.purplebox {
	/*width: 278px !important;
	width: 293px;*/
	padding-right: 15px;
	margin: 10px auto;}
.purplebox .purplebox-top { 
	background-position: top right; 
	margin-right: -15px;
	padding-right: 40px;}
.purplebox .purplebox-top .purplebox-top-right { 
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 1px 0 6px 40px;
	height: auto !important;
	height: 1%;
	_height: auto;}
.purplebox .purplebox-body {
	background-position: bottom left; 
	padding: 0px 0px 6px 15px;
	float: left;
	}

.bubble-mark {position: relative;
	top: -8px;
}
/*.bubble-mark span {cursor: pointer; color: #0000ee; text-decoration: underline;}*/
.bubble-mark span {height: 28px !important; width: 28px !important; background: url(../images/bubble-mark.png) no-repeat bottom right; cursor: pointer; display: block;}
#supportform label span.bubble-mark, #supportform label span.bubble-mark span {vertical-align: top; margin: 0px; padding: 0px; float: none; display: inline; text-align: left; width: auto; font-weight: normal;}
#supportform label span.bubble-mark span {display: inline-block; vertical-align: top;}
.bubble {width: 180px; position: absolute; bottom: 100%; left: 10px; z-index: 1000;}
.bubble, 
.bubble .bubble-body, 
.bubble .bubble-top, 
.bubble .bubble-top .bubble-top-right { 
	background: #ffffff url(../images/bubble-container.gif) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000;
	font-style: normal;}
.bubble {
	/*width: 278px !important;
	width: 293px;*/
	padding-right: 15px;
	margin: 10px auto 2px;}
.bubble .bubble-top { 
	background-position: top right; 
	margin-right: -15px;
	padding-right: 40px;}
.bubble .bubble-top .bubble-top-right { 
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 1px 0 6px 40px;
	height: auto !important;
	height: 1%;
	_height: auto;}
.bubble .bubble-body {
	background-position: bottom left; 
	padding: 0px 0px 23px 15px;
	float: left;}



a.btn-pur, 
a.btn-pur em, 
a.btn-pur span, 
a.btn-pur span i { 
	background: #e5daf4 url(../images/purplebox.gif) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: white;
	font-style: normal;
	font-size: 13px;
	font-family: Arial, sans-serif;
	}
a.thin,
a.thin em, 
a.thin span, 
a.thin span i { 
	background-image: url(../images/purplebox-thin.gif) !important;
	background-color: white;
	}
a.b-pur,
a.b-pur em, 
a.b-pur span, 
a.b-pur span i { 
	background-image: url(../images/purplebox-thin-purple.gif) !important;
	}
a.btn-pur {
	width: 130px !important; /* intended total box width - padding-right(next) */ 
	width: 145px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ } /* set the top-right image */
a.btn-pur span { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 15px; /* right-image-gap + right-inside padding */ /* set the top-left image */ }
a.btn-pur span i { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 1px 0 6px 15px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	/*height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
	}
a.btn-pur em {
	text-align: center;
	background-position: bottom left; 
	/*margin-right: 25px; /* interior-padding right */ 
	padding: 0 0 13px 15px; /* mirror .btn-pur_head right/left */}

.cost-per-school-note {padding: 20px 0 0 0;}
.cost-per-school-note p {
	background: url(../images/arrow_red_left.gif) no-repeat left center;
	padding-left: 70px;
	font-weight: bold;
}

.notop {margin-top: 0; padding-top: 0;}
.nobottom {margin-bottom: 0; padding-bottom: 0;}
.nomargin {margin: 0;}

.district-list {padding-left: 20px; list-style-position: outside;}
.district-list li h3 {margin-bottom: -.75em;}
.cost-per-school-table {text-align: right; font-weight: bold;}
.cost-per-school-table td {padding: 5px;}

ul.nodisc {list-style: none; list-style-image: none; padding-left: 0;}
ul.nodisc li {list-style: none; list-style-image: none;}

ul.indent-nodisc {
	list-style: none;
	list-style-image: none;
	padding-left: 2em;
}
ul.indent-nodisc li {list-style: none; list-style-image: none;}
ul.indent-nodisc li h3 {margin: 0;}
ul.indent-nodisc li p {padding-left: 1.5em; margin-top: 0;}

#button_toggle2 {color: blue;}

.togglebox2 {
  width: 11px;
  height: 11px;
  display: block;
  background: transparent url(../images/bg-toggle2.gif) no-repeat left top;
  text-align: center;
  float: left;
  line-height: 10px;
  margin-top: .4em;
}
.togglebox2 a {color: blue;}
.togglebox3 {
  float: left;
  margin-top: .4em;
  padding-right: 7px;
}
.togglebox3 a {
  width: 8px;
  height: 8px;
  display: block;
  color: blue;
  background: transparent url(../images/toggle_blue.gif) no-repeat left top;
}
.togglebox3 a.closed {
  background-position: left bottom;
}
a.togglebox4 {text-decoration: none; color: blue;}
a.togglebox4:hover {text-decoration: underline;}

.togglebox5 .toggle_button {
  width: 8px;
  height: 8px;
  display: block;
  background: transparent url(../images/toggle_blue.gif) no-repeat left top;
  padding-right: 7px;
  float: left;
  margin-top: .4em;
  overflow: hidden;
}
.togglebox5 .closed {
  background-position: left bottom !important;
}
.togglebox5 a {text-decoration: none; color: blue;}
.togglebox5 a:hover {text-decoration: underline;}

.search-example {position: relative;}
.search-example .search-example-img {float: left; margin-right: 1em;}
.search-example .example-links {position: absolute; bottom: 0.5em; right: 0px;}
.search-example .example-links a {display: block; margin-bottom: 1em;}

dl.large-disc {padding: 0;}
dl.large-disc li {padding-bottom: 2px; line-height: 25px;}
dl.large-disc dt {display: block; float: left; clear: both; width: 24px; height: 22px;}
/*dl.large-disc dt {display: block; float: left; clear: both; background: url(../images/ul_large_disc.png) no-repeat right top; width: 24px; height: 22px; text-align: center; font-size: 16px; font-weight: bold; font-family: Helvetica, serif; color: #ffffff;}*/
dl.large-disc dd {margin: .1em 0 0 5px; float: left;}

ul.small {padding: 0; margin: 0; list-style: none; list-style-image: none;}
ul.small li {padding-left: 18px; background: url(../images/bullet_small.gif) no-repeat left .5em; list-style: none; list-style-image: none;}

ul.small-adj li {padding-left: 10px; line-height: 1em; margin-bottom: 1em;}
ul.small-nob {padding: 0; margin: 0; list-style: none; list-style-image: none;}
ul.small-nob li {padding-left: 10px; line-height: 1em; margin: 0.2em 0; background: url(../images/bullet_small.gif) no-repeat left .5em; list-style: none; list-style-image: none;}

.tt1 {font-size: 15px;}

.icon-rows {padding-left: 12px; width: 700px; margin-bottom: 1em;}
.icon-rows table {width: 700px;}
.icon-rows td {/*text-align: center;*/}
.icon-rows p {text-align: center; margin: 0.2em auto 0;}
.icon-rows a {/*text-align: center;*/ display: block; margin: 0 auto;}
.icon-rows div.clear {width: auto; float: none; margin: 0;}

a.video-player-box {color: #d60000; background: url(../images/video_player.gif) no-repeat left top; width: 139px; height: 129px; display: block; text-align: center;}
a.video-player-box span {padding-top: 84px; color: #d60000; display:block;}
.play-btn {background: url(../images/video_player_play.gif) no-repeat left top; display: block; height: 29px; padding-left: 35px;}

.indent1 {padding-left: 15px !important;}
.indent2 {padding-left: 30px !important;}

.invalid {border: 1px solid #f29552 !important; background-color: #fffed4 !important;}

a.toggle {color: #0000ee; cursor: pointer; font-weight: bold;}
a.toggle:hover {color: #d60000;}
.hidden {display: none;}

.pricing-list {width: 300px; float: left;}
.pricing-list a.active {color: #d60000; background: url(../images/arrow_purple.gif) no-repeat right center; padding-right: 15px;}


#list-options {width: 300px; float: left; position: relative;}
#list-options li a {text-decoration: underline; font-weight: normal; color: #0000EE; line-height: 20px;}
#list-options ul {margin-left: 0px; padding-left: 10px; list-style-position: inside;}
#list-options li {padding: 1px 0px 1px 11px; margin-left: 0px;}

#list-options li.active {padding: 0px 0px 0px 10px; background: #e5daf4; border: 1px solid #58595B; border-right: 0px;}
#list-options li.active a {text-decoration: none; color: #000000;}
/*#list-options li.active {width: 100%; background: url(../images/list-selected.png) no-repeat right center;}*/
#list-container {width: 380px; padding-right: 10px; padding-bottom: 20px;}
#list-container .section-title {margin: 0.5em 0; color: #0000a7;}
#list-container ul {margin: 0px;}

ul.adj {padding-left: 30px;}
ul.adj li {margin-bottom: 0.5em;}

.t-center {text-align: center;
*text-align: left;}
.t-right {text-align: right;}
.t-left {text-align: left;}

.col-2 {}
.col-2-left {float: left;}
.col-2-right {float: right;}

.share-table {padding: 0; margin: 0; border-top: 1px solid #ccc;}
.share-table td {vertical-align: top; padding: 10px 10px 10px 15px; width: 50%; border-bottom: 1px solid #ccc;}
.share-table table {width: 100%;}
.share-table table td {border: 0; padding: 0; width: auto; vertical-align: baseline;}
.share-table table td.share-img {vertical-align: middle;}

form#shareregistration {background-color: #ccd8ed; padding: 1em; margin: 2em 0;}
form#shareregistration .email {width: 230px;}
form#shareregistration .envelope-btn {margin: 10px auto 0;display: block;border: 0; outline: 0;background: url(../images/envelope-blue_b.gif) no-repeat right top; width: 65px; height: 50px;}
form#shareregistration .error-box {display: block; height: 3em;}
form#shareregistration label.error {display: block; clear: both;}


#supportcontact .comment-area {
	display: block;
	/*width: 300px;
	float: right;*/
}
#supportcontact .form-textareas {float: left; width: 360px;height: 200px;}
#supportcontact .form-textareas p {
width: 356px;
_width: 360px;
[width: 356px;
width: 360px;]
overflow: hidden; display: block;margin: 0;line-height: 1.2em; color: #25408F; font-style: oblique; border: 2px solid #939598; border-bottom: 0;}
#supportcontact .form-textareas p span {display: block; padding: 0.5em; padding-bottom: 0; }
#supportcontact .form-textareas textarea {
  display: block;
	border: 0;
	outline: 0;
	margin: -1px 0 0 0;
	width: 356px;
	_width: 360px;
	border: 2px solid #939598;
	overflow: hidden;
}
#supportcontact .form-textareas textarea {
color:black;
voice-family:"\"}\"";
voice-family:inherit;
color:black;\
color:black;width:354px!important;
[color:black;
color:black;]
}
/*end*/
/*\*/
#supportcontact .form-textareas textarea {
[color:black;
color:black;width:354px!important;
]width:356px!important;
}/*end*/
.dummyend[id]{clear:both;}
#supportcontact .form-textareas p {
color:#25408F;
voice-family:"\"}\"";
voice-family:inherit;
color:#25408F;\
color:#25408F;
[color:#25408F;
color:#25408F;]
}
/*end*/
/*\*/
#supportcontact .form-textareas p {
[color:#25408F;
color:#25408F;width:352px;
]color:#25408F;width:356px;
}/*end*/
.dummyend[id]{clear:both;}

#supportcontact .form-radios {float: left; width: 300px; padding-left: 20px;}
#supportcontact .form-radios label {_padding: 0.2em 0px; line-height: 2em; clear: both; display: block;}
#supportcontact .form-radios label input {margin: 0px; padding: 0px;}
#supportcontact .form-extras {display: display; padding: 1em 0;margin: 0;}
#supportcontact .form-extras .text-wrapper {
	/*float: left;*/
	margin: 0.5em 0;
	display: inline-block;
	/*width: 370px !important;*/
	clear: both;
	display: block;
	/*float: right;*/
}
#supportcontact .form-extras .text-wrapper span {margin: 0 !important; width: 140px !important; text-align: right; display: block; float: left; line-height: 1.2em;}
#supportcontact .form-extras .text-wrapper input {margin: 0 0 0 10px !important; width: 208px !important; line-height: 1.2em;}
#supportcontact .form-extras div.checkbox-wrapper {margin: 0;clear: both; padding-left: 150px; position: relative;}
#supportcontact .form-extras span.checkbox-note {text-align: left; width: 200px;}
#supportcontact .form-extras div.warning {position: absolute; left: 380px; _left: 235px; top: -11px; background: url(../images/arrow_red_left_small.gif) no-repeat left 15px; width: 300px; text-align: left; display: none;}
#supportcontact .form-extras div.warning-inner {padding-left: 25px;}

.icon-desc td.ti {padding: 1.2em 2em 0pt 0pt; text-align: right;vertical-align: top;}
/*.icon-desc td.ti img {height: 90%; width: 90%;}*/
.icon-desc td.tc {padding: 1.2em 2em 0pt 0pt; text-align: center;vertical-align: top;}
/*.icon-desc td.tc img {height: 90%; width: 90%;}*/
.icon-desc h3 {margin-bottom: 0;}
.icon-desc ul {margin-top: 0.5em;}

.link {color: #0000ee; text-decoration: underline; cursor: pointer;}

#supportarea .search-links {
	text-align: center;
	margin: 1em auto;
}
#supportarea .search-links-inner {
	margin: 0;
}

a.learn-more {
	text-decoration: none;
	color: #000000 !important;
	display: block;
	/*float: left;*/
	padding-right: 20px;
	border-right: 1px solid #ccc;
}
a.learn-more span {
	background: url(../images/icon-learn_more.gif) no-repeat left top;
	padding: 2px 0 2px 22px; 
}

a.learn-more:hover {color: #0000ee !important;}

a.go-to {
	text-decoration: none;
	color: #000000 !important;
	display: block;
	/*float: left;*/
	padding-left: 20px;
}

a.go-to span {
	//background: url(../images/icon-go_to.gif) no-repeat left 3px;
	padding: 2px 0 2px 25px; 	
}
a.go-to span.icon-right {
	background-position: right top;
	padding-left: 0px;
	padding-right: 25px;
}

a.go-to:hover {color: #0000ee !important;}

.search-example a.learn-more {float:left}
.search-example a.go-to {float:left;}

.browsebar-examples {}
.browsebar-examples .browsebar-example {border-bottom: 1px solid #cccccc; padding: 1em 0;}
.browsebar-examples .browsebar-icon {width: 110px; float: left; text-align: right; margin-right: 15px;}

.copy-btn {float: left;}

h5 {font-size: 1em; margin: 1em 0;}
.faq-links ul {list-style: none; padding-left: 6px;
	margin-left: 0;
}
.faq-answers h4 {color: #d60000; clear:both; margin-bottom: 0px;}

.tocpage .backtotop {float: none; text-align: right; display: block;}

#support_nav {background: url(../images/bg-support-navtab.gif) no-repeat left top;}

dl.nomargin dt {font-weight: bold;}
dl.nomargin dd {margin-left: 15px; margin-bottom: .5em;}

.step {padding-left: 15px; display: inline-block;/*display: block;*/}
.educator-profile label.option {_margin-bottom: 5px !important;}

.side-container {}
.side-container .top {
	display: block;
	padding-top: 10px;
	background: white url(../images/purple-side-raised.gif) no-repeat left top;
}
.side-container .body {
	display: block;
	padding: 0 20px 20px 20px;
	background: white url(../images/purple-side-raised.gif) no-repeat left bottom;
}
.side-container .body p {margin: 0 0 1em;}

.nowrap {white-space: nowrap;}

/* some ideas */

.light_title,.light_title a, .light_title a:visited {
	font-size: 20px;
	color: #e0e4f2 !important;
	text-decoration: none;
}

.title_wrap {
	display: block;
	float: left;
	text-align: left;
		padding-bottom: 15px;
	margin-bottom: .25em;
	margin-top: 20px;
	clear: both;
}

.dark_title, .light_title a:hover {
	font-size: 20px;
	color: #577ebf !important;
	text-decoration: none;
}

.page-title {
	margin-top: 16px;
	padding-bottom: 0;
	border-bottom-style: none;
	font-size: 24px !important;
}

div#supportarea #breadcrumbs {
	color: #9d5f9d;
	font-weight: bold;
	text-decoration: none !important;
}

div#supportarea #breadcrumbs a, div#supportarea #breadcrumbs a:link, div#supportarea #breadcrumbs a:visited {
	color: #9d5f9d !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

div#commonarea #breadcrumbs {
	color: #2B686A;
	font-weight: bold;
	text-decoration: none !important;
}

div#commonarea #breadcrumbs a, div#commonarea #breadcrumbs a:link, div#commonarea #breadcrumbs a:visited {
	color: #2B686A !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

div#handoutarea #breadcrumbs {
	color: #577EBF;
	font-weight: bold;
	text-decoration: none !important;
}

div#handoutarea #breadcrumbs a, div#handoutarea #breadcrumbs a:link, div#handoutarea #breadcrumbs a:visited {
	color: #577EBF !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

#breadcrumbs a:hover {
	text-decoration: underline !important;
	color: #000 !important;
}

/* Extras */



#innerbox {
	margin-right: 0;
}

div#sidebar {
	display: none;
}

div#supportarea {
	width: 720px;
	display: block;
	float: left;
	overflow: hidden;
}

div#commonarea {
	width: 720px;
	display: block;
	float: left;
	overflow: hidden;
}

div#handoutarea {
	width: 720px;
	display: block;
	float: left;
	overflow: hidden;
}

div#outerbox {
	background-image: none;
	padding: 0;
	margin: 0;
}

#supportarea .subhed {
	background: transparent url(../images/darkgradientlinerl.gif) no-repeat bottom left;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-top: 2em;
	margin-bottom: 0.75em;
	color: #9d5f9d;
	width: 700px;
	height: 22px;
	vertical-align: middle;
	    line-height: 17px;

}

#supportarea .subhed .subhed-title {
	background: #ffffff url(../images/subhed_border.png) no-repeat top left;
	padding: 6px 0px 6px 10px;
	_padding: 0px 0px 0px 10px;
	margin-left: 14px;
	color: #9d5f9d;
	display: inline;
	height: 22px;
	vertical-align: middle;
}
#supportarea .subhed .subhed-title span {
	background: #ffffff url(../images/subhed_border.png) no-repeat top right;
	padding: 6px 10px 6px 0px;
	_display: inline-block;
	border-top: 0px;
	vertical-align: top;
	_vertical-align: middle;
}

#supportarea .subhedline {
	background: url(../images/darkgradientlinerl.gif) no-repeat;
	width: 700px;
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	/*margin-bottom: 20px;*/
	margin-bottom: 0.75em;
	clear: both;
	display: block;
}

/*================* 
 *= support menu =*
 *================*/

.support_menu {
	width: 202px;
	float: left;
	display: inline-block;
	margin-right: 22px;
	text-align: right;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-left: 0px;
	/*position: relative;
	top: 0;
	left: -28px;*/
}

.support_menu .support_menu {float: none;}
.support_menu a {
	color: #1c1c1c;
	text-decoration: none;
}

.support_menu .menu_title a {
	color: #9d5f9d;
	font-weight: bold;
	font-size: 18px;
}


.support_menu ul#navigation, .support_menu ul#navigation li ul {
	list-style-type: none;
	margin: 0;
	/*padding: 8px;*/
	padding: 0px;
	display: block;
	clear: both;
	text-indent: 0;
	/*float: right;*/
	/*left: 30px;
	position: relative;
	width: 190px;*/
}

/*.support_menu ul#navigation li ul li {
	background: url(http://teachingbooks.net/images/r_nub_purp.png) no-repeat right center;
}*/

.support_menu ul#navigation li a.active {
	border: 1px solid red;
}
.support_menu ul#navigation li a.active ul {
	display: none;
}


.support_menu ul#navigation li ul li a {
	display: block;
	clear: both;
	margin-top: 10px;
	padding: 4px 17px 4px 0;
	color: #9d5f9d;
	font-size: 12px;
	margin-right: 0;
}

.support_menu li a.ui-accordion-content-active {
	display: block;
	clear: both;
	padding: 6px 10px 6px 8px !important;
	color: #000 !important;
	background-color: #eae4ee !important;
	padding-right: 8px;
}

.support_menu a.head{
	font-size: 14px;
	display: block;
	margin-top: 10px;
	background-color: #ffffff;
	color: #9d5f9d;
	font-weight: bold;
	padding: 6px 10px;
	border: 1px solid #9d5f9d;
}

.support_menu ul#navigation li {
	display: inline;
	_display: inline-block;
}

.support_menu ul#navigation li ul.menu-sub li {
	display: inline-block;
}

.support_menu a.head.ui-state-active, .support_menu a.head:hover{
	background-color: #9d5f9d;
	color: #fff;
}

.support_menu a.head.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top {
}

.support_menu ul#navigation li.menu-active ul.menu-sub {
	background: transparent url(../images/menu_head_active.png) no-repeat scroll center -1px;
	padding-top: 5px;
	_padding-top: 10px;
	margin-left: 10px;
}
a.menu-head, 
a.menu-head em, 
a.menu-head span, 
a.menu-head span i { 
	background: transparent url(../images/menu_head.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #9D5F9D;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
a.menu-head {
	padding-right: 10px;
	margin: 10px 0 0;
	display: inline-block;
	width: 192px;
	_width: 202px;
}
a.menu-head span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px; 
}
a.menu-head span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important;
}
a.menu-head em {
	text-align: right;
	background-position: bottom left; 
	padding: 0 0 8px 5px;
}
	
a.menu-head:hover {
	background-image: url(../images/menu_head_hover.png);
	background-position: bottom right; 
	color: white;
} 
a.menu-head:hover em {
	background-image: url(../images/menu_head_hover.png);
	background-position: bottom left;
	color: white;
}
a.menu-head:hover span {
	background-image: url(../images/menu_head_hover.png);
	background-position: top right; 
	color: white;
} 
a.menu-head:hover span i {
	background-image: url(../images/menu_head_hover.png);
	background-position: top left;
	color: white;
}

.support_menu ul#navigation li ul li {
	margin: 5px 0 0 0;
	width: 165px;/*184px;
	_width: auto;*/
	padding-right: 7px;
}

.support_menu ul#navigation li ul li.current {

}

.support_menu ul#navigation li ul li.current a.menu-link, 
.support_menu ul#navigation li ul li.current a.menu-link em, 
.support_menu ul#navigation li ul li.current a.menu-link span, 
.support_menu ul#navigation li ul li.current a.menu-link span i { 
	background: transparent url(../images/menu_link_active.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000000;
	font-style: normal;
}

.support_menu ul#navigation li ul li a.menu-link:hover, 
.support_menu ul#navigation li ul li a.menu-link:hover em, 
.support_menu ul#navigation li ul li a.menu-link:hover span, 
.support_menu ul#navigation li ul li a.menu-link:hover span i { 
	background: transparent url(../images/menu_link_active.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000000;
	font-style: normal;
}

.support_menu ul#navigation li ul li a.menu-link, 
.support_menu ul#navigation li ul li a.menu-link em, 
.support_menu ul#navigation li ul li a.menu-link span, 
.support_menu ul#navigation li ul li a.menu-link span i { 
	background: transparent url(../images/menu_head.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #9D5F9D;
	font-style: normal;
}

.support_menu ul#navigation li ul li a {
	margin: 0px;
	display: inline-block;
}
.support_menu ul#navigation li ul li a em {
	font-style: normal;
}

#body .support_menu ul#navigation li ul li a.menu-link {
	padding: 0 10px 0 0;
	margin: 0px 0 0;
}
#body .support_menu ul#navigation li ul li a.menu-link span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px;
}
#body .support_menu ul#navigation li ul li a.menu-link span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important; 
}
#body .support_menu ul#navigation li ul li a.menu-link em {
	text-align: right;
	background-position: bottom left; 
	padding: 0 0 8px 5px;
}

.support_menu ul#navigation li.menu-active a.menu-head-active, 
.support_menu ul#navigation li.menu-active a.menu-head-active em, 
.support_menu ul#navigation li.menu-active a.menu-head-active span, 
.support_menu ul#navigation li.menu-active a.menu-head-active span i { 
	background: transparent url(../images/menu_head_hover.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.support_menu ul#navigation li.menu-active a.menu-head-active {
	padding-right: 10px;
	margin: 10px 0 0;
}
.support_menu ul#navigation li.menu-active a.menu-head-active span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px;
}
.support_menu ul#navigation li.menu-active a.menu-head-active span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important; 
}
.support_menu ul#navigation li.menu-active a.menu-head-active em {
	text-align: right;
	background-position: bottom left;
	padding: 0 0 8px 5px;
}
.support_menu ul#navigation li .menu-sub {
	display: none;
}
.support_menu ul#navigation li.menu-active .menu-sub {
	display: block;
}

/*.support_menu ul#navigation li ul li {display: inline-block;}*/

/* ================================================= */