html, body {
	margin: 0px;
	padding: 0px;
	background: #251f73;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 100.01%;
	color: #505050;
}
body {
	background: url(../images-design/all-bg.png) repeat-x left top #ffffff;
	font-size: 80%;
}
/* common styles */	
table {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
}
table td {
	border-spacing: 0px;
	padding: 0px;
}
th {
	color:#FFFFFF;
	font-size:115%;
	text-align:left;
	font-weight:normal;
	background:#da0008;
	padding: 5px 7px;
	border: 1px solid #ffffff;
}
.table-content {
	line-height: 130%;
}
.table-content td {
	padding: 5px 7px;
	border: 1px solid #ffffff;
	background: #e1e2e2;
}
.table-content td p {
	margin: 0px;
}
.table-content td ul, .table-content td ol {
	margin: 15px;
}
a {
	color: #cb040c;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border:0px;
}
p {
	margin:5px 0px 20px 0px;
}
p.text-right {
	text-align: right;
}
ul {
	list-style:none;
	padding:0px;
	margin:35px 30px;
	clear: both;
	position: relative;
}
ul li {
	background: url(../images-design/bullet.png) 6px 7px no-repeat;
	_background: url(../images-design/bullet.png) 2px 7px no-repeat;
	padding-left:25px;
	margin-left:0px;
}
ol {
	padding:0px;
	margin:35px 30px;
	clear: both;
	list-style: outside decimal;
	color: #262261;
}
ol li {
	padding:0px;
	margin-left:25px;
}
ol li p {
	color: #505050;
	margin: 0px;
}
li {
	margin-bottom:10px;
}
h1 {
	color:#262261;
	font-size:230%;
	font-weight:normal;
	line-height:90%;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	margin: 0px 0px 10px 0px;
	letter-spacing: -1px;
}
h2 {
	color:#4f5651;
	font-size:145%;
	font-weight:normal;
	line-height:135%;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	margin-top: 0px;
}
h2 a {
	color: #262261;
}
h3 {
	color:#262261;
	font-size:140%;
	font-weight:normal;
	margin: 20px 0px 0px 0px;
}
h4 {
	color:#505050;
	font-size:100%;
	display: inline;
	font-weight: bold;
}
h5 {
	color:#1f1f1f;
	font-size:100%;
	margin: 0px;
	font-weight: bold;
}
small {
	color: #9e9e9e;
	font-size: 90%;
}
big {
	font-size: 125%;
}
hr {
	border: 0px;
	border-bottom: 1px dotted #c0c2c3;
	color: #ffffff;
}
.odd {
	border-bottom: 1px solid #ddddde;
}
.even {
	border-bottom: 0px;
}

.red-big {color:#cb040c; font-size: 155%;}
.blue{color: #262261;}
em {font-size: 110%;}
/* menus */
.menu-top {
	line-height: 16px;
	height: 34px;
}
ul.nav-top {
	margin:0px;
	padding:0px;
	list-style:none;
}
.nav-top li {
	padding:0px;
	margin:0px 2px 0px 0px;
	float: left;
	background: none;
}
.nav-top a {
	display:block;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	background: url(../images-design/menu-item-right-bg.png) no-repeat right top;
}
.nav-top a:hover {
	background: url(../images-design/menu-item-right-bg.png) no-repeat right -34px;
	text-decoration: none;
}
.nav-top a span {
	background: url(../images-design/menu-item-left-bg.png) no-repeat left top;
	padding: 9px 11px;
	display:block;
}
.nav-top a:hover span {
	background: url(../images-design/menu-item-left-bg.png) no-repeat left -34px;
}
body#page1 #nav01 a, body#page2 #nav02 a, body#page3 #nav03 a, body#page4 #nav04 a, body#page5 #nav05 a, body#page6 #nav06 a {
	background: url(../images-design/menu-item-right-bg.png) no-repeat right -34px;
	text-decoration: none;
}
body#page1 #nav01 a span, body#page2 #nav02 a span, body#page3 #nav03 a span, body#page4 #nav04 a span, body#page5 #nav05 a span, body#page6 #nav06 a span {
	background: url(../images-design/menu-item-left-bg.png) no-repeat left -34px;
}
ul.nav-left {
	margin: 0px;
	padding: 6px 6px 0px 0px;
	list-style:none;
	position: relative;
	background: url(../images-design/menu-left-bg.png) no-repeat left top;
	font-size: 107%;
}
.nav-left li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url(../images-design/menu-left-item-border.png) repeat-x left bottom;
}
.nav-left a {
	display:block;
	color:#656565;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
	padding: 4px 0px 4px 40px;
	_height: 16px;
	background: url(../images-design/menu-left-item-bg.png) 15px 0px no-repeat;
}
.nav-left a:hover {
	background: url(../images-design/menu-left-item-bg.png) -198px 0px no-repeat;
	text-decoration: none;
	color: #16133e;
}
body#page7 #nav07 a, body#page8 #nav08 a, body#page9 #nav09 a, body#page10 #nav10 a, body#page11 #nav11 a, body#page12 #nav12 a, body#page13 #nav13 a, body#page14 #nav14 a, body#page15 #nav15 a, body#page16 #nav16 a, body#page17 #nav17 a, body#page18 #nav18 a,body#page19 #nav19 a, body#page20 #nav20 a, body#page21 #nav21 a {
	background: url(../images-design/menu-left-item-bg.png) -411px 0px no-repeat;
	text-decoration: none;
	color: #16133e;
}
.nav-right {
	margin: 11px;
	padding: 0px 0px 1px 0px;
	line-height: 155%;
	font-weight: bold;
}
.nav-right li {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: none;
}
.nav-right a {
	color: #4c4c4c;
	font-weight: bold;
}
body#page22 #nav08 a, body#page23 #nav08 a, body#page24 #nav08 a, body#page25 #nav08 a, body#page26 #nav08 a {
	background: url(../images-design/menu-left-item-bg.png) -411px 0px no-repeat;
	text-decoration: none;
	color: #16133e;
}
body#page22 #nav22 a, body#page23 #nav23 a, body#page24 #nav24 a, body#page25 #nav25 a, body#page26 #nav26 a {
	color: #cb040c;
}
/* structure styles */
.decor {
	width: 100%;
}
.left-col-decor {
	width: 20%;
	background: url(../images-design/left-bg.png) no-repeat right top;
}
.right-col-decor {
	width: 20%;
	background: url(../images-design/right-bg.png) no-repeat left top;
}
.middle-col-decor {
	width: 960px;
}
.main {
	width: 960px;
	padding: 0px;
	margin: 0px;
}
.main td {
	vertical-align: top;
}
.left-col {
	width: 213px;
	background: url(../images-design/border-col-bg.png) repeat-y right top;
	padding-bottom: 20px;
}
.left-col h2 {
	background: url(../images-design/left-col-title.png) no-repeat right top;
	margin: 0px;
	color: #ffffff;
	letter-spacing: -1px;
	font-size: 22px;
	padding: 94px 15px 3px 15px;
	width: 183px;
}
.right-col {
	background: url(../images-design/border-col-bg.png) repeat-y right top;
}
.right-col#inner {
	background:url(../images-design/border-col-inner-bg.png) repeat-y right top;
}
td.logo {
	vertical-align: middle;
	text-align: center;
	width: 350px;
}
.login-area-header {
	width: 610px;
	text-align: right;
	height: 154px;
}
.login-area-header .login-area {
	padding: 0px 5px;
	vertical-align: top;
	font-size: 115%;
	height: 120px;
}
.login-area-header .login-area img {
	vertical-align: bottom;
}
.login-area-header .login-area a {
	color: #949494;
	font-size: 73%;
}
.login-area-header .login-area p {
	margin-top: 20px;
}
.main-image img {
	border-top: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
}
.join-area {
	background: url(../images-design/join-area-bg.jpg) no-repeat left top;
	padding: 30px 20px 0px 20px;
	color: #ffffff;
}
.join-area h2 {
	color: #ffffff;
	margin: 0px;
	font-size: 22px;
	letter-spacing: -1px;
}
.join-area h3 {
	color: #ffffff;
	margin: 10px 0px;
	font-size: 16px;
	line-height: 22px;
}
.join-area a {
	color: #a3bdf8;
}
.join-area p {
	font-size: 13px;
}
.content {
	padding: 30px;
	line-height: 150%;
}
.content p {
	margin: 15px 0px;
}
.right-boxes {
	width: 212px;
}
.right-boxes h2 {
	margin: 0px 10px 0px 0px;
	padding: 6px 11px;
	background: #d8d7d9;
	font-size: 190%;
	color: #373737;
	letter-spacing: -1px;
}
.right-col#inner .right-boxes h2 {
	margin: 0px;
	padding: 6px 11px;
	background: #d8d7d9;
	font-size: 190%;
	color: #373737;
	letter-spacing: -1px;
}
.right-boxes div.box {
	border-left: 1px solid #ddddde;
	margin: 23px 0px 0px 0px;
	font-size: 90%;
}
.right-col#inner .right-boxes div.box {
	border-left: 0px solid #ddddde;
	border-top: 23px solid #ffffff;
	margin: 0px 10px 0px 0px;
	font-size: 90%;
}
.right-col .right-boxes div.box div {
	margin: 10px;
}
.right-boxes table {
	width: 191px;
	margin: 0px 0px 0px 11px;
}
.right-col#inner .right-boxes table {
	width: 191px;
	margin: 0px 0px 0px 11px;
	font-size: 110%;
	line-height: 20px;
}
.right-boxes table td {
	padding: 11px 0px;
}
.right-boxes table td a.topic {
	padding-left: 9px;
	background: url(../images-design/arrow.png) no-repeat left 5px;
	color: #262261;
	font-weight: bold;
}
.bookmarks {
	position: absolute;
	top: -70px;
	right: 20px;
}
.pic {
	border: 1px solid #d2d2d2;
	padding: 1px;
	background: #ffffff;
	margin: 0px 11px 0px 0px;
}
.footer-row {
	background: url(../images-design/footer-bg.png) repeat-x left top;
}
.footer {
	padding: 0px;
	margin: 0px;
	width: 960px;
	height: 126px;
	color: #636099;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 75%;
}
.footer a {
	color: #9996cd;
	font-weight: bold;
	font-size: 110%;
}
.footer td {
	vertical-align: top;
}
.footer td p {
	margin: 0px 0px 10px 0px;
}
.footer .left {
	width: 213px;
}
.footer .middle {
	width: 495px;
	padding: 20px;
}
.footer .right{
	width: 192px;
	padding: 20px;
	text-align: right;
	color: #9996cd;
}
.footer .right div {
	position: relative;
}
/* form styles */
.login-area .inputwrap {
	padding-left:0;
	padding-top:3px;
	*padding-top:0;
	*padding-left:4px;
    padding-bottom:5px;
	width: 122px;
	background: url(../images-design/login-input-bg.png) no-repeat left top;
	}
.login-area .inputwrap input {
	width: 122px;
	padding: 6px 12px 6px 0;
	background: transparent;
	border: 0px;
	color: #303030;
	font-size: 73%;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}
.login-area input {
    width: 122px;
    padding: 6px 8px 6px 8px;
    background: url(../images-design/login-input-bg.png) no-repeat left top;
    border: 0px;
    color: #303030;
    font-size: 73%;
    vertical-align: middle;
    margin: 0px 0px 0px 10px;
}
input.enter {
	width: 70px;
	height: 27px;
	padding: 0px;
	background: url(../images-design/btn1.png) no-repeat left top;
	font-size: 100%;
	color: #ffffff;
	cursor: pointer;
}
input.enter:hover {
	background: url(../images-design/btn1.png) no-repeat left -27px;
}
input.logout {
	width: 80px;
	height: 27px;
	padding: 0px;
	background: url(../images-design/btn2.png) no-repeat left top;
	font-size: 100%;
	color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
}
input.logout:hover {
	background: url(../images-design/btn2.png) no-repeat left -27px;
}
input.account {
	width: 130px;
	height: 27px;
	padding: 0px;
	background: url(../images-design/btn4.png) no-repeat left top;
	font-size: 100%;
	color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
}
input.account:hover {
	background: url(../images-design/btn4.png) no-repeat left -27px;
}
input.signup {
	width: 163px;
	height: 25px;
	padding: 0px;
	background: url(../images-design/btn5.png) no-repeat left top;
	font-size: 115%;
	color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
	border: 0px;
}
input.signup:hover {
	background: url(../images-design/btn5.png) no-repeat left -25px;
}
input.submit {
	width: 105px;
	height: 29px;
	padding: 0px;
	background: url(../images-design/btn3.png) no-repeat left top;
	font-size: 115%;
	color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
	border: 0px;
}
input.submit:hover {
	background: url(../images-design/btn3.png) no-repeat left -29px;
}
input.radio {
	width: auto;
	border: 0px;
	margin-right: 5px;
	_vertical-align: middle;
}
input.check {
	width: auto;
	border: 0px;
	margin-right: 5px;
	_vertical-align: middle;
}
form {
	margin: 10px 0px;
}
form table {
	background: #e5e5e5;
	font-size: 110%;
	width: 470px;
}
form table td {
	padding: 3px 0px 3px 20px;
}
form table td input {
	width: 213px;
}
form table td textarea {
	height: 80px;
	width: 210px;
}
form table td span {
	vertical-align: top;
	margin-left: 3px;
}
form a.marg-right {
	margin-right: 10px;
}
input {
	border: 1px solid #7f9db9;
	padding: 1%;
	font-size: 83%;
	width: 97%;
	color: #505050;
}
textarea {
	border: 1px solid #7f9db9;
	padding: 1%;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	width: 97%;
	height: 130px;
	color: #505050;
	font-size: 83%;
}
select {
	border: 1px solid #7f9db9;
	padding: 1%;
	font-size: 83%;
	color: #505050;
	width: 95%;
}