/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
}
	* html {
		border: none;
	}
body {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
img, object, embed {
	display: block;
}
a img, img a, img {
	border: none;
}
a {
	text-decoration: none;
	color: #FF850D;
	font-weight: bold;
}
a:hover {
	border-bottom: 1px solid #FF850D;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.BKAHeader {
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 3px 6px 3px 6px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
div.BKAHeader span.template {
    display: block;
    font-family: Arial;
    font-size: 9px
}
div.container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	color: #5C6A76;
}
/*~~~~~~~~~~~~~~~~~global styles end~~~~~~~~~~~~~~~~~*/
div.header {
	height: 100px;
	margin-bottom: 6px;
	background-color: #002768;
}
div.contentContainer {
	width: 700px;
	width/**/:/**/ 698px;
	border: 1px solid #CDD0D9;
	border-bottom: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*~~~~~~~~~~~~~~~~~topNav styles start~~~~~~~~~~~~~~~~~*/
div.topNav {
	height: 28px;
	background-color: #E1E3E8;
}
div.topNav a {
	font-size: 10px;
	color: #002768;
	text-transform: capitalize;
	display: block;
	float: left;
	margin: 0px;
	padding: 8px 17px;
	font-weight: normal;
}
div.topNav a:hover {
	background: url(images/ui/bg-topNav-hover.jpg) repeat-x;
	border-bottom: none;
}
div.topNav a.active {
	color: #FF850D;
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~topNav styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~col1 styles start~~~~~~~~~~~~~~~~~*/
div.col1 {
	width: 396px;
	width/**/:/**/ 341px;
	margin-top: 33px;
	padding-right: 25px;
	padding-left: 30px;
	float: left;
	background: url(images/ui/bg-col1-right.jpg) repeat-y right top;
}
div.col1 img {
	float: left;
	margin: 0px -3px;
	margin/**/:/**/ 0px;
}
div.col1 h1 {
	font-size: 20px;
	font-weight: normal;
	color: #FF850D;
	margin: 18px 0px 10px 0px;
	padding: 0px;
}
div.col1 p {
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
/*~~~~~~~~~~~~~~~~~global styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~col2 styles start~~~~~~~~~~~~~~~~~*/
div.col2 {
	float: left;
	margin-top: 14px;
	padding-left: 24px;
}
div.tip {
	width: 253px;
	height: 204px;
	position: relative;
	background: url(images/ui/bg-tipbox-bottomCornerSides.gif) no-repeat left bottom;
}
div.tip img.bottomCornerRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
	* html div.tip img.bottomCornerRight {
		bottom: 0px;
		right: -1px;
	}
div.tip span.tipNumber {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	width: 253px;
	width/**/:/**/ 236px;
	height: 50px;
	height/**/:/**/ 24px;
	padding: 26px 0px 0px 17px;
	background: url(images/ui/bg-tipNumber.jpg) 0px 0px;
}
div.tip h1 {
	font-size: 18px;
	color: #002768;
	font-weight: normal;
	margin: 0px;
	padding: 5px 8px 7px 14px;
}
div.tip p {
	font-size: 10px;
	line-height: 14px;
	color: #777777;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	width: 112px;
	height: 88px;
	float: left;
}
	* html div.tip p {
		margin: 0px 0px 0px 9px;
	}
div.tip p a {
	font-weight: normal;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	background: url(images/ui/tipbox-moreArrow.jpg) no-repeat right 4px;
}
div.tip span.img {
	overflow: hidden;
	display: block;
	float: left;
	width: 123px;
	height: 103px;
	margin: 6px -20px 0px 0px;
}
	* html div.tip span.img {
		width: 122px;
	}
div.worried {
	width: 252px;
	height: 114px;
	margin-top: 18px;
	background: #AAAAAA url(images/ui/worried-bottom.jpg) no-repeat left bottom;
}
div.worried h1 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px 0px 0px 18px;
	padding: 0px;
}
div.worried p {
	font-size: 11px;
	color: #FFFFFF;
	margin: 18px 0px 0px 18px;
	padding: 0px;
}
div.worried p a {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
div.worried p a:hover {
	border-bottom: none;
}
/*~~~~~~~~~~~~~~~~~col2 styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~breadcrumbs styles start~~~~~~~~~~~~~~~~~*/
div.breadcrumbs {
	font-size: 9px;
	color: #B1B7C2;
	padding: 5px 0px 0px 19px;
	margin-bottom: 16px;
}
div.breadcrumbs a {
	color: #B1B7C2;
}
/*~~~~~~~~~~~~~~~~~breadcrumbs styles end~~~~~~~~~~~~~~~~~*/
div.contentBlock {
	width: 698px;
	background: url(images/ui/bg-content.jpg) repeat-y left top;
}
/*~~~~~~~~~~~~~~~~~leftNav styles start~~~~~~~~~~~~~~~~~*/
div.leftNav {
	width: 159px;
	font-size: 10px;
	float: left;
	margin-top: 22px;
}
div.leftNav a {
	color: #666666;
	font-weight: normal;
	display: block;
	margin: 0px 0px 0px 27px;
	padding: 6px 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div.leftNav a.leftNavActive {
	color: #FF850D;
	font-weight: bold;
}
div.leftNav a:hover {
	color: #333333;
	border-top: 1px solid #CDD0D9;
	border-bottom: 1px solid #CDD0D9;
}
div.leftNav p {
	color: #FF850D;
	width: 129px;
	margin: 8px 0px 5px 27px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #FF850D;
}
/*~~~~~~~~~~~~~~~~~leftNav styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contentArea styles start~~~~~~~~~~~~~~~~~*/
div.contentArea {
	float: left;
	width: 474px;
	width/**/:/**/ 448px;
	padding: 0px 26px 0px 0px;
	margin-left: 38px;
	margin-top: 31px;
}
div.contentArea h2 {
	font-size: 18px;
	color: #FF850D;
	margin: -4px 0px 20px 0px;
	padding: 0px;
}
div.contentArea p {
	font-size: 10px;
	line-height: 14px;
	color: #002768;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
div.contentArea h3 {
	font-size: 10px;
	line-height: 14px;
	color: #002768;
	margin: 0px;
	padding: 0px;
}
div.contentArea img.imageFloatRight {
	float: right;
	margin: 0px 0px 0px 10px;
}
div.contentArea ul {
	margin: 0px;
	padding: 0px;
}
div.contentArea ul li {
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	list-style: none;
	width: 420px;
	width/**/:/**/ 402px;
	margin: 0px 0px 10px 18px;
	padding: 0px 0px 0px 12px;
	background: url(images/ui/bg-list.jpg) no-repeat 0px 3px;
}
div.contentAreaAlt {
	width: 698px;
	width/**/:/**/ 660px;
	padding: 0px 19px;
	margin-top: 31px;
}
div.contentAreaAlt h2 {
	font-size: 18px;
	color: #FF850D;
	margin: -4px 0px 20px 0px;
	padding: 0px;
}
div.contentAreaAlt p {
	font-size: 10px;
	line-height: 14px;
	color: #002768;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
div.contentAreaAlt p a {
	color: #002768;
	font-weight: bold;
}
div.contentAreaAlt h3 {
	font-size: 10px;
	line-height: 14px;
	color: #002768;
	margin: 0px;
	padding: 0px;
}
div.contentAreaAlt img.imageFloatRight {
	float: right;
	margin: 0px 0px 0px 10px;
}
div.contentAreaAlt ul {
	margin: 0px;
	padding: 0px;
}
div.contentAreaAlt ul li {
	font-size: 10px;
	line-height: 14px;
	color: #002768;
	list-style: none;
	width: 420px;
	width/**/:/**/ 402px;
	margin: 0px 0px 10px 18px;
	padding: 0px 0px 0px 18px;
	background: url(images/ui/bg-list.jpg) no-repeat 0px 1px;
}
/*~~~~~~~~~~~~~~~~~contentArea styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~hints styles start~~~~~~~~~~~~~~~~~*/
div.contentAreaHints {
	width: 495px;
	padding: 0px 0px 0px 0px;
}
a.hint1 {
	font-size: 15px;
	color: #002768;
	font-weight: normal;
	display: block;
	float: left;
	width: 152px;
	height: 100px;
	margin: 0px 9px 9px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/ui/bg-hintsTips-arrow.gif) no-repeat right 74px;
}
a.hint1:hover {
	color: #FF850D;
	border-bottom: none;
	background-position: right -232px;
}
a.hint1 span {
	display: block;
	margin: 0px 0px 0px 11px;
}
a.hint2 {
	font-size: 15px;
	color: #002768;
	font-weight: normal;
	display: block;
	float: left;
	width: 152px;
	width/**/:/**/ 141px;
	height: 100px;
	height/**/:/**/ 94px;
	margin: 0px 9px 9px 0px;
	padding: 6px 0px 0px 11px;
	background: url(images/ui/bg-hintsTips-cell.jpg) no-repeat 0px 0px;
}
a.hint2:hover {
	border-bottom: none;
	background-position: left bottom;
}
/*~~~~~~~~~~~~~~~~~hints styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~footer styles start~~~~~~~~~~~~~~~~~*/
div.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 45px 9px 0px 28px;
	font-size: 10px;
	line-height: 10px;
	background: #FFFFFF url(images/ui/bg-content-bottom.jpg) no-repeat left top;
}
div.footer p {
	color: #AAAAAA;
	margin: 0px;
	padding: 0px;
}
div.footer p span.headingUseful {
	color: #FF850D;
	display: block;
	margin: 0px;
	padding-left: 10px;
	background: url(images/ui/bg-list.jpg) no-repeat 0px 1px;
}
div.footer p a {
	color: #AAAAAA;
	display: block;
	margin: 3px 0px;
	padding: 0px;
	font-weight: normal;
}
div.footer p a:hover {
	text-decoration: underline;
	border-bottom: none;
}
div.footer p.footerPAlt {
	font-size: 9px;
	color: #AAAAAA;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: right;
	
}
/*~~~~~~~~~~~~~~~~~footer styles end~~~~~~~~~~~~~~~~~*/