/* body styles */
body {
	padding: 0;
	margin: 0 0 20px 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000e1e;
	background: white url(/img/bg.gif) repeat-x;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	letter-spacing: -0.01em;
	color: #000e1e;
}
h1 {
	font-size: 145%;
	font-weight: bold;
	padding-bottom: 0;
	margin: 0 0 12px 0;
	color: #5e1361;
	color: #19398a;
}
	h1.nm {
	margin: 0;
}
	body#midWide h1 {
	margin-top: 20px;
	margin-bottom: 15px;
}
h2 {
	font-size: 130%;
	margin: 12px 0 13px 0;
	font-weight: bold;
}
	body#midWide h2 {
	margin-top: 20px;
}
h3 {
	font-size: 120%;
	margin: 15px 0 10px 0;
	font-weight: bold;
}
h4 {
	margin: 7px 0 2px 0;
	clear: left;
	font-weight: bold;
	font-size: 110%;
}
h5 {
	font-weight: bold;
	padding-top: 4px;
	margin: 15px 0 10px 0;
	font-size: 110%;
}
p {
	margin: 0 0 1em 0;
}
p.r {
	text-align: right;
}
a {
	color: #5e1361;
	text-decoration: none
}
#middle #mid p a {
	text-decoration:underline
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a:hover {
	text-decoration: underline;
}

/* misc styles */
.hidden, .skiplinks, #wai, #styleswitch span {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
input {
	font-size: 100%;
}
textarea {
	font-size: 95%;
	width: 270px;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
table, #mid table p {
	font-size: 100%;
}
hr {
	height: 1px;
	border: 0;
	margin: 10px 0;
	color: #ddd;
	background-color: #ddd;
	line-height: 1px;
	clear: both;
}
label {
	display: block;
}
p {
	line-height: 1.15em;
}
caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 4px;
}
.divclear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin-top: -1px;
}
blockquote {
	font-style: italic;
	line-height: 1.5em;
	font-size: 100%;
	margin-top: 5px;
	padding: 0 10px;
	margin-bottom: 10px;
}
 cite {
	font-weight: bold;
}
div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  { float: left; width: 18em; padding: 20px; margin: 1em; background: #6af; }

#mid p.smlTxt { font-size: 70%; }

/* header styles */
#header {
	width:962px;
	margin:0 auto;
	text-align:left;
	position: relative;
}
#topNav {
	font-size: 65%;
	text-align: right;
	margin: 0 0 5px 0;
	height: 2em;
}
div[id] #topNav {
	height: auto;
	min-height: 2em;
}
	#topNav a {
		color: black;
		font-weight:normal;
	}
	#topNav em {
		text-decoration: underline;
		font-style: normal;
	}
		/* For the AAA links */
		#topNav strong {
			margin: 0 0 0 1em;
			font-size: 110%;
		}
		.large {
			font-size: 120%;
			line-height: 0.9;
		}
		.xl {
			font-size: 140%;
			line-height: 0.7;
		}

div#header p#logo {
	margin: 0;
	width: 251px;
	position: absolute;
	top: 32px;
	left: 0;
}
	#header div {
		margin: 0 0 0 250px;
		padding: 12px 0 5px 0;
	}
	* html #header div {
		padding: 7px 0 8px 0;
	}
		#header div div {
			margin: 0;
			float: left;
			width: 218px;
		}

#header #tagLine {
	font-size: 150%;
	font-weight: bold;
	margin: 0;
	float: left;
	text-align: center;
	width: 494px;
	padding: 23px 0 0 0;
}
#tagLine span {
	color: #19398a;
}
#header .button {
	text-align: center;
}
	#header .button span span span span {
		padding: 6px 0 8px 0;
	}

#nav {
	position:relative;
	z-index:1;
	/* So that it overlaps the content below */
	top: 8px;
	height:2.5em;
	background:url(/img/nav-bg.gif) top left repeat-x;
}

#nav ul {
	display: block;
	font-size: 75%;
	width:962px;
	margin: 0 auto;
}
#nav ul li {
	float: left;
	background: url(/img/divider.gif) 100% 2px no-repeat;
}
#nav ul li a, #nav ul li em {
	font-weight: normal;
	float: left;
	padding: 10px 13px 9px 13px;
	letter-spacing: -0.01em;
	margin: 0 2px 0 0;
	color: #fff;
	background:url(/img/nav-bg.gif) bottom left repeat-x;
}
	#nav ul li em a {
		display: inline;
		float: none;
		padding: 0;
		height: auto;
		margin: 0;
		background:none;
/*		line-height: auto;*/
	}

#nav ul li em {
	background: url(/img/bgNavOn.gif) top center no-repeat;
	font-style: normal;
	padding-bottom: 19px;
}
#nav ul li a:hover {
	text-decoration: underline;
}

#header div div dl {
	margin: 0 0 5px 0;
	font-size: 75%
}
	#header div div dt {
		font-size: 100%;
		float: left;
		width: 107px;
		text-align: center;
		padding: 7px 0 0 0;
	}
	#header div div dd {
		float: left;
		width: 100px;
	}

#container {
	margin: 0 auto;
	width: 962px;
	text-align: left;
}

/* middle styles */
#preMiddle {
	background: url(/img/bgPre.gif) top left repeat-y;
	border: 1px solid #dbdbdb;
	float: left;
	width: 960px;
}

#preMiddle .wrap {
	padding: 4px 0 10px 10px;
}

#preMiddle .lSide {
	float: left;
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 81%;
	width: 642px;
}
#preMiddle .search {
	float: left;
	padding: 7px 10px 0 0;
	width: 298px;
}
	.search p {
		margin: 0;
	}

#preMiddle input {
	font-size:81%;
}

#preMiddle input.submit {
	cursor: pointer;
	font-size: 75%;
	background:#383639 url(/img/bg-submit.png) repeat-x;
	border: 0;
	color: #fff;
	padding: 4px 0 5px 0;
	padding: 0;
	width: 103px;
	min-height: 27px;
	line-height: 27px;
}
*:first-child+html #preMiddle input.submit {
	height: 27px;
}
* html #preMiddle input.submit {
	height: 27px;
}

#preMiddle input.submit:hover {
	background:#712673 url(/img/bg-submit-hover.png) repeat-x;
	color: #fff;
	text-decoration: none;
}

#preMiddle input#searchBox {
	width: 161px;
	border: 1px solid #ccc;
	color: #333;
	padding: 4px 10px;
	margin: 0 10px 0 0;
}

#preMiddle label {
	display: none;
}
#preMiddle #bkmrk {
	float: left;
	width: 152px;
	font-size: 90%;
	margin: 0;
}
#preMiddle #bkmrk a {
	display: block;
	letter-spacing: 0;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	padding: 7px 20px 5px 10px;
	background: #531556 url(/img/bkmrk.jpg) no-repeat;
}
#preMiddle .breadcrumb {
	float: left;
	padding-top: 8px;
	font-size: 100%;
	width: 479px;
	margin: 0;
}
#row1 {
	background:url(/img/row1bg.gif) bottom left repeat-x;
	position: relative;
	border: 1px solid #dbdbdb;
	border-top: none;
	height: 255px;
	margin: 0;
	width: inherit;
	width:960px;
	clear: both;
}
#row1 .lSide {
	float: left;
	width: 641px;
	margin:0;
}
#row1 .lSide img {
	position: absolute;
}
#row1 #promoHolder {
	position: absolute;
	left: -18px;
	bottom: 0;
}
#row1 #promo {
	border: 1px solid #fff;
	font-size: 100%;
	padding: 11px 15px 0 17px;
	width: 234px;
	background:#69266d url(/img/bgPromo.jpg) repeat-x;
	color: #fff;
}
#row1 #promo h2 {
	color: #fff;
	margin: 0 0 12px 0;
	padding: 0 0 5px 0;
	font-size: 110%;
	border-bottom: 1px solid #ae84af;
}
#row1 #promo a {
	color: #fff;
}
#row1 #promo ul, #row1 #promo p {
	margin: 0 0 12px 0;
	list-style-type: none;
	font-size: 75%;
}
#row1 #promo ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background:url("/img/dot-white.gif") no-repeat scroll left 3px transparent;
}
#row1 #edge {
	background: url(/img/edge.jpg) no-repeat;
	width: 17px;
	height: 10px;
}

#row1 .rSide {
	position:absolute;
	top:0;
	right:2px;
	background: url(/img/bgTabs.jpg) repeat-x;
	width:317px;
}
#row1 .button span, #header .button span {
	background: url(/img/bg-button-3.png) 0 0 no-repeat;
}
	#row1 .button span span, #row1 .button:hover span span, #header .button span span, 
	#header .button:hover span span {
		background-position: 100% 100%;
	}
		#row1 .button span span span, #header .button span span span {
			background: url(/img/bg-button-4.png) 0 100% no-repeat;
		}
			#row1 .button span span span span, #row1 .button:hover span span span span, 
			#header .button span span span span, #header .button:hover span span span span {
				background-position: 100% 0;
			}

#tabs div {padding:10px;}

#row1 .button:hover span, #header .button:hover span {
	background: url(/img/bg-button-3-hover.png) 0 0 no-repeat;
}
		#row1 .button:hover span span span, #header .button:hover span span span {
			background: url(/img/bg-button-4-hover.png) 0 100% no-repeat;
		}

#middle {
	padding: 16px 21px;
	border: 1px solid #dbdbdb;
	border-top: 0;
	clear: both;
}
#home #middle {
	background: url(/img/bgMidHome.jpg) no-repeat;
	padding: 16px 21px 12px 21px;
}

#imgPanel {
	border-top: 5px solid #67136b;
	border-bottom: 1px solid #ddd;
	font-size: 80%;
	text-align: right;
	position: relative;
	margin-bottom: 25px;
}
	body#midWide #imgPanel {
		margin-bottom: 5px;
	}

#imgPanel p {
	margin: 9px 0 10px 0;
}
#imgPanel p.imgTitle {
	position: absolute;
	right: 0;
	margin: 0;
	top: 121px;
	padding: 10px 25px 10px 15px;
	background-color: #67136b;
	color: #fff;
	font-size: 190%;
}

/* left styles */
#left {
	display: block;
	width: 210px;
	padding: 0 0 20px 5px;
	float: left;
	font-size: 100%;
	margin-right: 15px;
}

#left ul {
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 75%;
	border-top: 1px solid #e5e5e5;
	padding-top: 6px;
}
#left ul strong {
}
#left ul li {
	padding-left: 25px;
	margin-bottom: 9px;
	padding-top: 2px;
	padding-bottom: 7px;
	background: url(/img/arrow.gif) no-repeat 10px 2px;
	border-bottom: 1px dotted #ddd;
}
#left ul.pdf? li {
	background: url(/img/pdf.gif) no-repeat 3px 0;
}
#left ul.doc li {
	background: url(/img/doc.gif) no-repeat 3px 0;
}
#left ul li a {
	color: #000;
}
#left ul li a:hover {
	color: #67136b;
}

#left ul#subNav {
	margin-bottom: 50px;
	padding: 0;
	border-top: 0;
	margin-top: 5px;
	font-size: 75%;
	border-bottom: 1px solid #e5e5e5;
}
#left ul#subNav strong {
}
#left ul#subNav li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 0;
	background: none;
}
#left ul#subNav li a, #left ul#subNav li em {
	display: block;
	padding: 9px 20px 9px 11px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	background: url(/img/arrow.gif) no-repeat 198px 11px;
}
#left ul#subNav li span {
	display: block;
	padding: 9px 20px 9px 11px;
	font-weight: normal;
	font-style: normal;
	color: #999;
	background: url(/img/arrow.gif) no-repeat 198px 11px;
}
#left ul#subNav li a:hover {
	color: #67136b;
	text-decoration: underline;
}
	#left ul#subNav li em a {
		display: inline;
		padding: 0;
		background: none;
	}

#left ul#subNav li em {
	color: #67136b;
	text-decoration: underline;
	background: url(/img/arrowDown.gif) no-repeat 196px 10px;
}

#left ul#subNav ul {
	margin: 5px 0 5px 20px;
	border: 0;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
}
#left ul#subNav ul li {
	margin: 0 0 10px 0;
	border: 0;
	padding: 0 0 0 12px;
	background: url(/img/dot.gif) no-repeat left 4px;
	font-weight: normal;
}
#left ul#subNav ul li a, #left ul#subNav ul li em {
	margin: 0;
	border: 0;
	padding: 0;
	background: none;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#left ul#subNav ul li a:hover {
	color: #67136b;
	text-decoration: underline;
}
#left ul#subNav ul li em {
	color: #67136b;
	text-decoration: underline;
}

#left h2 {
	color: #67136b;
	font-size: 120%;
}

/* mid styles */
#mid {
	position: relative;
	width: 461px;
	float: left;
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#mid22 {
	position: relative;
	width: 693px;
	padding: 0 0 20px 0;
	float: left;
	margin-right: 0;
}
/* mid can also be wider, if there is no call-to-action, to the right */
.noaction #mid {
	/* #mid + #right */
	width: 671px;	
	/* Maximum width possible */
	width: 688px;	
}
	body#midWide #mid {
	width: 693px;
}
	body#home #mid {
	width: 960px;
	padding: 0 0 0 0;
}

	* html body#home #mid {
	width:918px!important;
	}
	
#mid ul, #mid ol.roman {
	list-style-type: none;
	margin: 15px 30px 15px 15px;
	font-size: 75%;
	line-height:1.25em;
}
	#mid ul ul {
		font-size: 100%;
	}
	
#mid ul.sitemap ul {margin:5px 0 0 15px;}
#mid ul.sitemap ul ul {margin:5px 0 5px 15px}
#mid ul.sitemap ul li {list-style-type:circle; margin:0; padding:0}

#mid ol.roman li {
	list-style-type: lower-roman;
}

#mid ul li {
	margin-bottom: 10px;
	background: url(/img/dot.gif) no-repeat left 4px;
	padding-left: 10px;
}
#mid ul li ul li {
	margin: 0;
	background: none;
	padding-left: 10px;
}
#mid ul li em {
	font-size:100%;
	display:block;
	padding:5px 0 0 0
}
#mid ul li a {
	color: #000;
}
#mid ul li a:hover {
	color: #67136b;
}

#mid ul.images {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	#mid ul.images li {
		padding: 0;
		float: left;
		width: 143px;
		list-style-type: none;
		background: none;
	}
	#mid ul.images li.clear {
		clear: left;
	}
	#mid ul.images li a {
		border: 0;
		margin: 0 20px 16px 0;
		display: block;
	}
	#mid ul.images li img {
		border: 1px solid #adadad;
	}
		ul.images strong {
			display: block;
		}

	#mid ul.images li P {
		font-size:  90%;
	}

#mid p {
	line-height: 1.5;
	font-size:  75%;
}

#mid22 p {
	line-height: 1.5;
	font-size:  75%;
}
#middle p iframe {
	width: 918px;
	border: none;
}
#mid p iframe {
	width: 461px;
}
.noaction #mid p iframe {
	width: 688px;
}
#map {
	margin-bottom: 20px;
}
#mid form {
	margin-top: 0!important;
}
#mid label {
	display: block;
	float: left;
	width: 105px;
	padding-top: 3px;
	font-size: 90%;
	text-align: right;
	margin-right: 9px;
	font-weight: bold;
	vertical-align: middle;
}
#mid input, #mid select {
	padding: 3px;
	vertical-align: top;
	display: block;
}
#mid input.submit {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: url(/img/bg_submit.gif) repeat;
	background-color: #373737;
	color: #a2a2a2;
	font-size: 90%;
	cursor: pointer;
	text-transform: uppercase;
}
#mid label.error {
	display: block;
	float: none;
	clear: both;
	color: red;
	padding: 5px 0 0 150px;
	text-align: left;
	width: 250px;
}
#mid .errors {
	display: block;
	float: none;
	width: 50%;
	clear: both;
	color: red;
	padding: 8px;
	text-align: left;
	background-color: #fefefe;
	border: 1px solid #ccc;
}
#mid button {
	padding: 5px 25px;
	background-color: #ccc;
	border: 1px solid #eee;
	cursor: pointer;
}
#mid #topImgId {
	float: right;
	margin: 0 10px 15px 15px;
	width: 200px;
	border: 3px solid #ccc;
}
#mid form p {
	clear: both;
}
#mid input[type=text] {
	width: 200px;
}
#mid select {
	width: 210px;
}
#mid input[type=password] {
	width: 200px;
}
#mid input[type=checkbox] {
	float: right;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#mid fieldset {
	padding: 0;
	margin: 0;
}
#mid textarea {
	width: 202px;
	float: left;
	margin-bottom: 15px;
}

#mid .fl {
	float: left;
}
#mid .fr {
	float: right;
}
#mid img.rImg {
	float: right;
	margin: 0 0 5px 10px;
}

#mid .panel {
	margin: 10px 0;
	padding: 15px 20px 0 20px;
	border: 1px solid #d2e0e0;
	background: #f0f0f0 url(/img/bgPanel.gif) repeat-x;
	color: #000;
}
	#mid .panel h2 {
		margin-top: 0;
	}
	#mid .panel p {
		font-size: 95%;
	}
	#mid .panel .button {
		float: none;
		width: auto;
	}
	#mid .panel a.button {
		float: right;
	}

#mid .panelAlt {
	float: left;
	width: 212px;
	margin-right: 20px;
	font-size: 100%;
}

	body#home #mid .panelAlt {
	display: block;
	float: left;
	width: 280px;
	margin-right: 40px;
	font-size: 100%;
}
	body#home #mid .panelAlt .button {
	float: right;
}

	* html body#home #mid .panelAlt {
	width:278px;
	}

#mid .last {
	margin-right: 0!important;
}
#mid .panelAlt h3 {
	padding-top: 0;
	margin-top: 0;
	font-size:  85%;
}
	body#home #mid .panelAlt h2, body#home #mid  .panelAlt h3 {
		color: #19398a;
		font-size: 140%;
		margin-bottom: 13px;
	}
		body#home #mid .panelAlt h2 a, body#home #mid .panelAlt h3 a {
			color: #19398a;
		}
#mid em {
	font-style: italic;
	color: #777;
	font-size: 95%;
}
#mid .panelAlt p h3 {
	margin-bottom: 15px;
	line-height: 1.45em;
	font-size: 75%;
}

#middle .panelAlt ul {
	margin-bottom: 10px;
	margin-top: 14px;
	font-size: 75%;
	margin-left: 0;
	border-top: 1px dotted #ccc;
	padding-top: 6px;
}
#middle .panelAlt ul strong {
}
#middle .panelAlt ul li {
	padding-left: 25px;
	margin-bottom: 9px;
	padding-top: 2px;
	padding-bottom: 7px;
	background: url(/img/arrow.gif) no-repeat 10px 4px;
	border-bottom: 1px dotted #ccc;
}

#middle .panelAlt .button {
	margin-top: 0;
	font-size: 100%;
}

/* -- =News Mid --------- */
#mid #newsHolder {
}
#mid #newsHolder .newsItem {
	display: block;
	clear: both;
	padding: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
#mid #newsHolder h2 {
	
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 110%;
}
#mid #newsHolder h3 {
	font-style: italic;
	font-size: 100%;
	color: #67136b;
	margin-top: 1px;
	padding-top: 0;
	margin-bottom: 15px;
}
#mid #newsHolder .readMore {
	text-align: right;
}
#mid #newsHolder .readMore a {
	background: url(/img/arrowPurple.gif) no-repeat;
	padding-left: 12px;
	background-position: 0 3px;
}
#mid #newsHolder p {
	margin-bottom: 15px;
}

/* -- =Awards --------- */
#mid .awardsHolder dl {
	margin-bottom: 15px;
}
#mid .awardsHolder dt {
	display: block;
	float:left;
	width: 40%;
	clear: both;
	padding: 0;
	margin: 0 0;
	border-top: 1px solid #ddd;
}
#mid .awardsHolder dt img {
	display: block;
	padding: 10px 0;
	float: left;
}
#mid .awardsHolder dd {
	display: block;
	float:right;
	width: 60%;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	border-top: 1px solid #ddd;
}
#mid .awardsHolder h2 {
	margin: 0 0 0 20px;
	padding-bottom: 0;
	font-size: 110%;
}
#mid .awardsHolder h3 {
	font-style: italic;
	font-size: 100%;
	color: #67136b;
	margin: 1px 0 15px 20px;
	padding-top: 0;
}

/* right styles */
#right {
	display: block;
	width: 210px;
	padding: 0 0 20px 0;
	float: right;
	font-size: 100%;
	margin-right: 0;
}
	body#midWide #right {
	padding-top: 10px;
}
#right p {
	font-size: 75%;
	padding: 0 0 10px 0;
}
#right ul {
	margin-bottom: 15px;
	margin-top: 12px;
	border-top: 1px dotted #ddd;
	padding-top: 6px;
	font-size:75%;
}
#right ul strong {
}
#right ul li {
	padding-left: 20px;
	margin-bottom: 9px;
	padding-top: 2px;
	padding-bottom: 7px;
	background: url(/img/arrow.gif) no-repeat 9px 4px;
	border-bottom: 1px dotted #ddd;
}
#right ul.pdf? li {
	padding-left: 25px;
	margin-bottom: 9px;
	padding-bottom: 9px;
	background: url(/img/pdf.gif) no-repeat 3px 0;
	border-bottom: 1px dotted #ddd;
}
#right ul li a {
	color: #000;
}
#right ul li a:hover {
	color: #67136b;
}
#right form {
	margin: 0 0 10px 0;
	padding: 0;
}
#right form p {
	clear: both;
}
#right label {
	display: block;
	float: left;
	width: 80px;
	vertical-align: middle;
	font-weight: normal;
	padding: 0;
	margin: 5px 5px 3px 0;
	color: #333;
	text-align: right;
}
#right select {
	vertical-align: baseline;
	margin-top: 2px;
	padding: 3px;
	width: 122px;
	font-size: 80%;
	color: #666;
}
#right legend {
	font-size: 120%;
	font-weight: bold;
	display: block;
	padding-top: 10px;
	float: none;
	margin: 0 0 3px 0!important;
	padding: 0;
}
#right label {
}
#right input[type="text"] {
	width: 170px;
	padding: 4px;
	margin: 0;
	border: 1px solid #CECECE;
	background-color: #FCFCFC;
	color: #666666;
	font-size: 90%;
	vertical-align: middle;
}
#right input.submit {
	margin: 0 0 0 5px;
	width: 55px;
	padding: 5px 1px 4px 1px;
	border: 1px solid #aaa;
	background: url(/img/bg_submit.gif) repeat;
	background-color: #373737;
	color: #efefef;
	font-weight: bold;
	font-size: 76%;
	cursor: pointer;
	text-transform: uppercase;
	vertical-align: middle;
}
#right input[type=submit] {
	 vertical-align: top;
	margin: -2px 0 0 0;
	min-width: 55px;
	padding: 5px 1px 4px 1px;
	border: 1px solid #aaa;
	background: url(/img/bg_submit.gif) repeat;
	background-color: #373737;
	color: #efefef;
	font-weight: normal;
	font-size: 76%;
	cursor: pointer;
	text-transform: uppercase;
	vertical-align: middle;
}
#right textarea {
	width: 169px;
	padding: 3px;
	margin-bottom: 0;
	border: 1px solid #CECECE;
	background-color: #FCFCFC;
	color: #666666;
	font-size: 80%;
}
#right h2 {
	color: #67136b;
	font-size: 120%;
	margin-top: 4px;
}

#right .panel {
	display: block;
	margin: 10px 0;
	font-size: 90%;
	position: relative;
	padding: 10px;
	min-height: 80px;
	border: 1px solid #d2e0e0;
	background-color: #f7f7f9;
	color: #000;
}
#right .panel h2 {
	margin-top: 0!important;
	padding: 0!important;
	color: #67136b;
}
#right .panel h3 {
	margin-top: 0!important;
	padding: 0!important;
	font-size: 110%;
}
#right .panel p {
	font-size: 95%;
}

/* footer styles */
#footer {
	clear: both;
	display: block;
	text-align: left;
	padding: 17px 15px 0 17px;
	min-height: 90px;
	border: 1px solid #dbdbdb;
	border-top: 0;
	background-color: #fefefe;
}
	#footer p {
		margin: 0 0 6px 0;
		font-size: 75%;
		padding: 0;
		line-height: 1.34em;
		letter-spacing: -0.01em;
	}
	#footer a {
		font-weight: normal;
		color: #5e1361;
	}
	#footer em {
		color: #5e1361;
		text-decoration: underline;
		font-style: normal;
	}
	#footer div ul {
		float: left;
		width: 585px;
		font-size: 75%;
	}
		#footer div li {
			float: left;
		}
			#footer div ul a, #footer div ul em {
				display: block;
				border-right: solid 1px black;
				padding: 0 0.3em 0 0;
				margin: 0 0.3em 0 0;
			}
			#footer div ul .last a, #footer div ul .last em {
				border: none;
				padding: 0;
				margin: 0;
			}

	#footer div p {
		float: left;
		width: 343px;
		text-align: right;
	}
		#footer div img {
			vertical-align: top;
		}

/* accordion */
.accordion {
	background: #fbfbfd;
	margin-top: 10px;
	margin-bottom: 20px;
}
.accordion h2 {
		background: #ccc url(/img/bgAcc.jpg);
	margin: 0;
	padding: 7px 15px 0 12px;
	color: #fff;
	height: 26px;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}
.accordion h2 strong {
	font-weight: bold;
	font-size: 120%;
	margin-right: 20px;
}
.accordion h2.current {
	cursor: default;
	background: #ccc url(/img/bgAccOn.jpg);
}
.accordion .pane {
	display: none;
	border: 1px solid #e1e1e1;
	background-color: #fbfbfd;
	padding: 15px 20px;
	font-size: 13px;
}
#mid .accordion .pane p, #mid .accordion .pane ul {
    font-size: 100%;
}

.accordion h3 {
	font-size: 130%;
}

.panes div {
	display: none;
	padding: 11px 10px;
	font-size: 100%;
	width: 299px;
}

/* root element for tabs  */
ul.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #ddd;
	width: 320px;
	height: 35px;
	background: url(/img/bgTabsOff.jpg) repeat-x;
	position:  relative;
}

/* single tab */
ul.tabs li {
 	float: left;
	min-width: 40px;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}
ul.tabs li.last a {
	border: 0;
	width: 106px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	background:  url(images/bgTabsOff.jpg) no-repeat 0 0;
	font-size: 12px;
	display: block;
	padding: 12px 19px 11px 19px;
	float: left;
	text-align: center;
	border-right: 1px solid #aaa;
	text-decoration: none;
	color: #fff;
	margin: 0;
	position: relative;
	top: 0;
}
ul.tabs li.first a {
	padding-left: 12px;
	padding-right: 11px;
}
ul.tabs a:active {
	outline: none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	text-decoration: underline;
	color: #fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs li.ui-tabs-selected a, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #fff;
	cursor: default !important;
	padding-bottom: 12px;
	color: #67136b!important;
}

/* Different widths for tabs:  use a class name:  w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s 			 {
	background-position:  -553px 0;
	width: 81px;
}
ul.tabs a.s:hover 	 {
	 background-position:  -553px -31px;
}
ul.tabs a.s.current {
	 background-position:  -553px -62px;
}

/* width 2 */
ul.tabs a.l 			 {
	 background-position:  -248px -0px;
	width: 174px;
}
ul.tabs a.l:hover 	 {
	 background-position:  -248px -31px;
}
ul.tabs a.l.current {
	 background-position:  -248px -62px;
}

/* width 3 */
ul.tabs a.xl {
	background-position:  0 -0px;
	width: 248px;
}
ul.tabs a.xl:hover {
	background-position:  0 -31px;
}
ul.tabs a.xl.current {
	background-position:  0 -62px;
}

table {
	border-collapse: collapse;
	border: 1px solid #d0dfdf;
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 85%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
table tr th {
	padding: 9px 12px 8px 12px;
	border-collapse: collapse;
	font-weight: bold;
	color: #67136b;
	font-size: 130%;
}
table tr td {	
	padding: 5px 12px 6px 12px;
	border: 1px solid #d0dfdf;
	border-collapse: collapse;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.2em;
}
table tr td.tick {	
	width:8px;
}
#mid table tr td ul {
    margin: 0;
    font-size: 95%;
}
table tr td.alt {
	background-color: #f1f2f3;
}


/* misc styles */
.dn, .hidden {
	display: none!important;
}
a.dp-choose-date {
	width:  31px;
	height:  29px;
	float: right;
	padding:  0;
	margin:  10px 2px 0 0;
	display:  block;
	text-indent:  -2000px;
	overflow:  hidden;
	background:  url(/img/calendar.png) no-repeat;
}
.ui-widget {
	z-index: 100000;
	font-size: 85%!important;
}
.clearfix:after, p:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, p {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix, * html p {
	height: 1%;
}
.clearfix, p {
	display: block;
}
/* End hide from IE-mac */
a {outline: none;}
.button {
	clear: both;
	display: block;
	background: #333 url(/img/bgBtnOff.jpg) repeat-x;
	color: #fff;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	color: white;
}
.button:hover {
	background: #501152 url(/img/bgBtnOn.jpg) repeat-x;
	color: #fff;
}
#middle #mid p a.button, #middle #mid p a.button:hover, #row1 a.button:hover {
	text-decoration: none;
	color: white;
}
#mid .button, #right .button {
	float: left;
}
#row1 .button, #mid p.r .button {
	float: right;
}
#row1 .button {
	font-size: 75%;
}
#right .button {
	font-size: 90%;
}

/* This is not madness, this is CURVED CORNERS IN IE! */
.button span {
	display: block;
	background: url(/img/bg-button-1.png) 0 0 no-repeat;
}
	.button span span, .button:hover span span {
		background-position: 100% 100%;
	}
		.button span span span {
			background: url(/img/bg-button-2.png) 0 100% no-repeat;
		}
			.button span span span span, .button:hover span span span span {
				background-position: 100% 0;
				padding: 4px 25px 6px 25px;
			}

.button:hover span {
	background: url(/img/bg-button-1-hover.png) 0 0 no-repeat;
}
		.button:hover span span span {
			background: url(/img/bg-button-2-hover.png) 0 100% no-repeat;
		}

/* self clearing rules */
dl:after, div:after, ul:after, dd:after, ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html dl, * html div, * html ul, * html li, * html #nav map em,
* html #nav map a, * html dd, * html ol {height: 1%;}
dl, div, ul, dd, ol {display: inline-block;}
/* !IE Mac \*/
dl, div, ul, dd, ol {display: block;}
/* */

/* To indicate content which is omitted */
s, a.s, ins, #mid ul li.s {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}
.c {text-align: center;}

/* For the glossary */
ol#alpha, #alpha li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ol#alpha {
	font-size: 75%;
}
	#alpha li {
		float: left;
	}
		#alpha a, #alpha em, #alpha span {
			display: block;
			padding: 5px 6px;
			margin: 0 3px 0 0;
			color: #696969;
			background: transparent url(/img/bgPagingOff.gif) 0 100% repeat-x;
			border: 1px #d0dfdf solid;
		}
		/* This is not a link! */
		#alpha span {
			color: #bbb;
		}
		/* You are here */
		#alpha em, #alpha a:hover {
			color: white;
			background: transparent url(/img/bgPagingOn.gif) 0 100% repeat-x;
			border: 1px #69126b solid;
			font-style: normal;
			text-decoration: none;
		}

#glossary h2 {
	float: left;
	width: 24px;
	margin: 0;
	color: #67136b;
}
#glossary div div {
	float: left;
	width: 669px;
	padding: 0.5em 0 0 0;
}
	#glossary h3 {
		font-size: 95%;
	}

/* Back to top link */
.btt a {
	background: url(/img/bg-btt-a.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
}

/* For listing documents in a two-column layout */
div#doclist {
	border: solid 1px #d4d4d4;
	border-right: none;
	background: white url(/img/bg-doclist.png) 0 0 repeat-y;
}
	#doclist div {
		float: left;
		width: 230px;
	}
		#doclist dt {
			border-right: solid 1px #d4d4d4;
			border-bottom: solid 1px #d4d4d4;
			font-size: 90%;
			font-weight: bold;
			color: #494649;
			background: white url(/img/bg-doclist-dt.png) bottom repeat-x;
			padding: 0.8em 12px;
		}
		#doclist dd {
			border-right: solid 1px #d4d4d4;
			border-bottom: solid 1px #d4d4d4;
			font-size: 75%;
			padding: 0.4em 12px;
			line-height: 1.5;
		}
			#doclist dd a {
				color: #000e1e;
				display: block;
			}
				#doclist dd a img {
					vertical-align: top;
				}
/* This class is dynamically applied */
.ui-tabs .ui-tabs-hide {display: none;}