html {
	overflow-y: scroll
}

* {
	margin: 0;
	padding: 0
}

body {
	background: White;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 20px 0
}

#wrapper {
	border: #7F7F7F solid 1px;
	margin: 0 auto;
	width: 980px
}

/* Header */
#header {
	background: url(../images/bg-header.gif) repeat-x;
	border-bottom: #003399 solid 3px;
	height: 125px;
	width: 980px
}

#header #hdr1 {
	float: left;
	padding: 20px 0 0 36px;
	height: 105px;
	width: 672px
}

#header #hdr1 div {
	width: 286px
}

#header #hdr2 {
	float: left;
	padding: 0;
	height: 125px;
	width: 272px
}

#header #hdr2 p {
	color: #003399;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 52px 36px 0 0;
	text-align: right
}

/* Navigation */
#menu {
	background: url(../images/bg-navi.gif) repeat-x;
	height: 32px;
	float: left;
	width: 100%
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 145px
}

#menu ul li { position: relative }

#menu ul li a {
	border-right: #555 solid 1px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url(../images/bg-navi.gif) repeat-x;
	font: bold 14px/32px Arial, sans-serif;
	color: White
}

#menu ul li a:hover, #menu ul li a.act, #menu ul li:hover a.expanded
	{ background: url(../images/bg-navi.gif) repeat-x bottom }

#menu ul li ul li a {
	background: #FDFDFD;
	border-bottom: #555 solid 1px;
	color: #4E4B49;
	font: bold 11px/28px Verdana, sans-serif;
	text-align: left;
	padding: 0 0 0 10px
}

#menu ul li ul li a:hover { background: #E8E8E8; color: black }

#menu ul li ul {
	/*border-bottom: #555 solid 1px;*/
	position: absolute;
	z-index: 100;
	/* standards-compliant browsers */
	opacity: 0.95;
	/* The following is ignored by standards-based browsers */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */
	/*filter: alpha(opacity=95); /* IE 5-7  */
}

/*#menu ul ul ul { position: absolute; top: 0; left: 100% }*/

div#menu ul li ul { display: none }
/*div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul*/

div#menu ul li:hover ul { display: block }
/*div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul*/

.first {
	width: 272px !important
}

.second {
	width: 146px !important
}

.third {
	width: 340px !important
}

/* Topics */
#main {
	float: left;
	width: 980px
}

#main .middleBox {
	float: left;
	width: 708px
}

#main .rightBox {
	float: left;
	width: 272px
}

#main .topBox {
	float: left;
	width: 980px
}

#main .bottomBox {
	float: left;
	padding: 18px;
	width: 944px
}

#main .infoBox {
	float: left;
	padding: 36px 0 36px 36px;
	width: 200px
}

#main .doubleInfoBox {
	float: left;
	padding: 36px 0 36px 36px;
	width: 436px
}

#main .partnerBox {
	float: left;
	padding: 18px 36px;
	width: 200px
}

#main .doublePartnerBox {
	float: left;
	padding: 18px 0 18px 36px;
	text-align: center;
	width: 400px
}

#main .normalContentBox {
	float: left;
	padding: 18px 36px;
	width: 200px
}

#main .specialContentBox {
	float: left;
	padding: 32px 26px;
	width: 220px
}

#main .doubleContentBox {
	float: left;
	padding: 18px 0 36px 36px;
	width: 318px
}

#main .refBox {
	float: left;
	padding: 18px;
	width: 200px
}

#main .refBox div p {
	font-size: 11px;
	line-height: 15px;
	padding: 2px 4px
}

#main img {
	display: block
}

#main .doublePartnerBox img {
	display: inline
}

#main .normalContentBox h4, #main .doubleContentBox h4, #main .specialContentBox h4, #main .infoBox h4, #main .partnerBox h4 {
	color: #24211D;
	font-size: 11px;
	padding: 0 0 10px 0
}

#main .normalContentBox h4 {
	line-height: 15px
}

#main .normalContentBox p, #main .specialContentBox p, #main .infoBox p, #main .doubleContentBox p, #main .partnerBox p , #main .doublePartnerBox p {
	color: #24211D;
	line-height: 15px;
	font-size: 11px
}

#main .normalContentBox p, #main .specialContentBox p {
	text-align: justify
}

#main a {
	color: #039;
	text-decoration: none
}

#main a:hover, #main a:focus {
	text-decoration: underline
}

#main h3 {
	color: #24211D;
	font-size: 14px;
	padding: 18px 0 0 36px
}

#main .normalContentBox h2 {
	color: #24211D;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 3px 0
}

#main .normalContentBox ul, #main .doubleContentBox ul {
	list-style: none
}

#main .doubleContentBox ul li {
	color: #24211D;
	font-size: 11px;
	line-height: 20px;
	padding: 0 0 0 18px
}

.underline {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	padding: 0 0 0 36px;
	height: 36px
}

#main .normalContentBox ul.button li {
	padding: 0 0 4px 0
}

#main .normalContentBox ul.button li a, #main .normalContentBox ul.button li span {
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 18px;
	text-decoration: none
}

#main table td {
	height: 28px;
	vertical-align: top
}

#main table td.textcell {
	font-size: 11px;
	font-weight: bold
}

#main .input-text {
	background: #FFF;
	border: none;
	width: 180px
}

#main textarea {
	background: #FFF;
	border: none;
	height: 100px;
	width: 200px
}

#main select {
	background: #FFF;
	border: none;
	width: 200px
}

#main .Submit-Btn {
	border: none;
	width: 200px
}

.variant00 {
	background: #4E4B49;
	color: #FFF
}

.variant01 {
	background: #5D7E7E;
	color: #FFF
}

.variant02 {
	background: #6D211C;
	color: #FFF
}

.variant03 {
	background: #DEDEDE;
	color: #72706F
}

.variant04 {
	background: #B22456;
	color: #FFF
}

.variant05 {
	background: #F7C5B4;
	color: #8F5444
}

.variant06 {
	background: #A5543D;
	/*background: #933122;*/
	color: #FFF
}

.variant07 {
	background: #0072BC;
	color: #FFF
}

.variant08 {
	background: #C5D68D;
	color: #FFF
}

.variant09 {
	background: #94856D;
	color: #FFF
}

.variant10 {
	background: #647C86;
	/* background: #B2CA00; */
	color: #FFF
}

.variant11 {
	background: #D5B745;
	color: #FFF
}

.sq01 {
	background: url(../images/01square.gif) no-repeat 0 7px
}

.sq02 {
	background: url(../images/02square.gif) no-repeat 0 7px
}

.sq03 {
	background: url(../images/03square.gif) no-repeat 0 7px
}

.sq04 {
	background: url(../images/04square.gif) no-repeat 0 7px
}

.sq07 {
	background: url(../images/07square.gif) no-repeat 0 7px
}

.sq08 {
	background: url(../images/08square.gif) no-repeat 0 7px
}

.sq09 {
	background: url(../images/09square.gif) no-repeat 0 7px
}

.sq10 {
	background: url(../images/10square.gif) no-repeat 0 7px
}

.sq11 {
	background: url(../images/11square.gif) no-repeat 0 7px
}

.btn01 {
	background: #5D7E7E url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn02 {
	background: #942E26 url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn03 {
	background: #933122 url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn04 {
	background: #B22456 url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn05 {
	background: #F7C5B4 url(../images/rightarrow05.gif) no-repeat 3% 25%;
	color: #8F5444 !important;
	height: 36px !important;
	line-height: 18px !important;
	padding: 3px 0 3px 18px !important
}

.btn06 {
	background: #BAA88A url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn07 {
	background: #91B0B0 url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn08 {
	background: #DE5C8A url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn09 {
	background: #94856D url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn10 {
	background: #6D211C url(../images/rightarrow.gif) no-repeat 3% 50%
}

.btn11 {
	background: #D5B745 url(../images/rightarrow.gif) no-repeat 3% 50%
}

.back_btn {
	background: #F3F3F3 url(../images/rightarrow-grey.gif) no-repeat 6px 50%;
	color: #72706F !important;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 18px;
	text-decoration: none
}

.back_btn:hover {
	text-decoration: none !important
}

/* Footer */
#footer {
	background: url(../images/bg-footer.gif) repeat-x;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 32px;
	width: 980px
}

#footer #foo1 {
	float: left;
	height: 27px;
	margin: 3px 0 0 0;
	padding: 0 0 0 36px;
	width: 798px
}

#footer #foo2 {
	border-left: #555 solid 1px;
	float: left;
	height: 27px;
	margin: 3px 0 0 0;
	width: 145px
}

#footer #foo2 p {
	text-align: center
}

#footer p {
	color: White;
	padding: 6px 0 0 0;
}

#footer a {
	color: White;
	font-weight: bold;
	text-decoration: none
}

#footer a:hover, #footer a:focus {
	text-decoration: underline
}