/***********************************************************/
/* GENERAL STATEMENTS */
/***********************************************************/

	html {height:100%; margin:0px; padding:0px; overflow:-moz-scrollbars-vertical;}
	body {height:100%; margin:0px; padding:0px; background:#838383; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:15px; text-align:center;}
	div {margin:0px; padding:0px; display:block;}
	img {border:0px;}
	ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0px; padding:20px 0px 20px 25px;}
	ol {margin:0px; padding:0px 0px 15px 25px;}
	li {margin:0px; padding:0px;}
	a {color:#006970; text-decoration:underline; cursor:pointer;}
	a:hover {text-decoration:underline; cursor:pointer;}
	p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin:0px; padding:0px;}
	h1 {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px}
	h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px}
	h3 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px 0px 8px 0px;}
	h4 {font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height: 26px; color:#006970; font-weight:normal; margin:0px; padding:0px 0px 20px 0px}
	h5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin:0px; padding:20px 0px 0px 0px;}
	
	.breadcrumbs {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-decoration: none; margin-bottom: 8px;}
	
		a.breadcrumbs:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-decoration: none;}
		a.breadcrumbs:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-decoration: none;}
		a.breadcrumbs:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-decoration: none;}
		a.breadcrumbs:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:normal; text-decoration: underline;}
	
	.errorText {background: url(../images/common/ic_info.gif) #d8edee 4px 3px scroll no-repeat; border: 1px solid #c3e2e4; vertical-align: middle; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#141414; font-weight:bold; text-decoration: none; padding-left: 24px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 8px;}
		
/***********************************************************/
/* LAYOUT */
/***********************************************************/

	/* header */
		.header {position:relative; clear:both; width:770px; height:309px;}
			.header .gradient {position:relative; clear:both; width:770px; height:6px;}
			.header .logo {position:relative; clear:both; width:770px; height:106px; background:url(../images/common/bg_header_logo.gif) top left no-repeat;}
				.header .logo .lg {position:absolute; left:37px; top:37px; width:235px; height:29px;}
				.header .logo .welcome {position:absolute; left:352px; top:35px; width:300px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#646363;}
					.header .logo .welcome p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646363;}
			.header .emotion {position:relative; clear:both; width:770px; height:197px; background:url(../images/common/bg_header_emotion.jpg) top left no-repeat;}
	
	/* main navigation */
		.mainNav {position:relative; clear:both; width:770px; height:35px; background:url(../images/common/bg_mainMenu.gif) left top repeat-x;}
			.mainNav .navContent {position:absolute; top:6px; width:770px; text-align:center;}
				.mainNav .navContent .menuitem {position:relative; float:left; margin-left:10px; margin-right:10px; padding-top:5px; padding-bottom: 1px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
					.mainNav .navContent a.menuitem {padding: 4px 11px 4px 11px; color: #ffffff; text-decoration: none;}
					.mainNav .navContent a.menuitem:link {padding: 4px 11px 4px 11px; color: #ffffff; text-decoration: none;}
					.mainNav .navContent a.menuitem:active {padding: 4px 11px 4px 11px; color: #ffffff; text-decoration: none;}
					.mainNav .navContent a.menuitem:visited {padding: 4px 11px 4px 11px; color: #ffffff; text-decoration: none;}
					.mainNav .navContent a.menuitem:hover {padding: 3px 10px 3px 10px; color: #ffffff; text-decoration: none; background-color: #006970; border: 1px solid #559ba0;}

	/* default */
		.default {position:relative; clear:both; width:770px; height:auto; margin-left:auto; margin-right:auto; text-align:left; background:#323232; z-index:10; border-left: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f;}

	/* content */
		.content {position:relative; clear:both; width:770px; height:900px; background:url(../images/common/background.gif) top left repeat-x;}
		.content[class] {height:auto; min-height:900px;}
			.content .page {position:relative; clear:both; margin-left:15px; margin-top:17px; padding-bottom:17px; width:746px; height:900px; background:url(../images/common/bg_content.gif) top left repeat-y;}
			.content .page[class]{margin-top:0px; top:17px;height:auto; min-height:900px;}
				/* left */
				.content .page .left {position:relative; float:left; width:220px; min-height:900px;}
					.content .page .left .leftContent {position:relative; margin-left:11px; padding-top:24px; width:195px;}
						.content .page .left .leftContent .subMenu {position:relative; clear:both; width:195px; margin-bottom: 24px;}
							.content .page .left .leftContent .subMenu .row1 {position:relative; clear:both; width:195px; height:21px;}
							.content .page .left .leftContent .subMenu .row2 {position:relative; clear:both; width:195px; height:21px; padding-left:15px;}
								.menuIn {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DE1F13; font-weight:bold; text-transform:uppercase;}
									.menuIn a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuIn a:link {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuIn a:active {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuIn a:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuIn a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#cb0005; font-weight:bold; text-transform:uppercase; text-decoration:none;}
								.menuOf {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7d7d7d; font-weight:bold; text-transform:uppercase;}
									.menuOf a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuOf a:link {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuOf a:active {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuOf a:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.menuOf a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#353535; font-weight:bold; text-transform:uppercase; text-decoration:none;}
								.subMenuIn {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DE1F13; font-weight:bold; text-transform:uppercase;}
									.subMenuIn a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuIn a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuIn a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuIn a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DE1F13; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuIn a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#cb0005; font-weight:bold; text-transform:uppercase; text-decoration:none;}
								.subMenuOf {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7d7d7d; font-weight:bold; text-transform:uppercase;}
									.subMenuOf a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuOf a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuOf a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuOf a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; font-weight:bold; text-transform:uppercase; text-decoration:none;}
									.subMenuOf a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#353535; font-weight:bold; text-transform:uppercase; text-decoration:none;}
								
						.content .page .left .leftContent .access {position:relative; clear:both; width:195px; height:250px;}
						.content .page .left .leftContent .newsletter {position:relative; clear:both; width:205px;; height:305px;}
							.content .page .left .leftContent .newsletter .issue {position:relative; margin-left:25px; padding-top:15px; width:140px; height:200px;}
				/* right */
				.content .page .right {position:relative; float:left; width: 485px; min-height:900px; padding: 15px 15px 24px 15px;}
					.content .page .right .textZone {position:relative; clear:both; width:481px; height:200px; margin-left:21px; padding-top:18px;}
					.content .page .right .textZone[class] {height:auto; min-height:200px;}
						.content .page .right .textZone .backTop {position:relative; clear:both; width:481px; height:16px; text-align:right; background:url(../images/common/vi_hsep_large.gif) bottom left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060; text-transform:uppercase;}
			.content .bottom {position:relative; clear:both; margin-left:15px; width:737px; height:5px; background:url(../images/common/bg_bottomPage.gif) top left repeat-x;}
		
		.row {position:relative; clear:both; margin:0px; padding:0px 0px 8px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606060;}
		.titleH1 {position:relative; clear:both; margin:0px; padding:0px;}
		.titleH2 {position:relative; clear:both; padding-top:16px;}
		
		.tableRowOdd {background-color: #f1f1f1;}
		.tableRowEven {background-color: #ebebeb;}
		.picPlaceholder {padding: 1px; border: 1px solid #cacaca; width: 132px; height: 172px;}
		.tableSection {background-color: #006970; color: #ffffff;}
		
	/* footer */
		.footer {position:relative; clear:both; width:770px; height:63px; padding-top:14px; background:#323232; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#BCBCBC;}
			.footer a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
			.footer a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
			.footer a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
			.footer a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
			.footer a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:underline;}
			
		
	/* field */
		.field1 {border:1px solid #C3C3C3; width:183px; height:16px; padding: 2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; font-weight:bold; background:url(../images/common/bg_login_field.gif) top left no-repeat;}
		
	/* separator */
		hr.discrete {border: 0px; height: 1px; color: #CACACA; background-color: #CACACA;}