@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	min-height:100%;	
	margin: 0 auto; 
}
*{
	margin:0px;
	padding:0px;
}
a{
	text-decoration:underline;
	color:#009;
}
a:hover{
	text-decoration:none;
}

.content{
/*	width: 1300px;   
	height: 650px; 
	margin:110px auto 30px auto;
*/
	width: 100%;   
	height: 100%;  
	max-height:100%;
	max-width:100%;
	position:fixed;
}
.logo{
	background:transparent url(../images/logo.aspx) no-repeat scroll left top;
	height:512px;
	width:512px;		
	position:absolute; /* Hang this line to fixed */
	z-index:5000;	
	top: 50%;
	left: 50%;
	margin-left: -256px;
	margin-top: -256px;
	cursor:pointer;		 
}

.parentLogo
{
	margin-left:auto;
	margin-right:auto;	
	position:fixed;
	display:block;
	top: 50%;
	left: 50%;	
	width:auto;
	height:auto;
	margin: 0 auto; 
}

.red, .blue, .green, .yellow {
	width:255px;
	height:230px;
	position:absolute;
	cursor:pointer;
	z-index:2; /* Set to 2 for having the overlapping effect, the 'Scientific Concepts' text hides below */
	
}
.red{
	background:#bd0c03;	
	left:-445px; 
	top:-200px;	
	white-space:nowrap;	
}
.green{
	background:#3a6e2c;	
	right:-198px;
	top:-410px;	
	width:257px;
}
.blue{
	background:#18418d;
	bottom:-395px; 
	left:-215px; 
	padding-top:1px;
	width:237px;	
}
.yellow{
	background:#fbd01a;
	height:235px;
	right:-450px; 
	top:-45px; 
	white-space:nowrap;
}

.red h1, .blue h1, .green h1, .yellow h1{
	color:#FFFFFF;
	font-size:14px;
	height:21px;
	line-height:21px;
	padding:0 0 0 6px;
	position:relative;
}
.red h1{
	background:url(../images/home_bg_red.aspx) top left repeat-x;
}
.green h1{
	background:url(../images/home_bg_green.aspx) top left repeat-x;
}
.blue h1{
	background:url(../images/home_bg_blue.aspx) bottom left repeat-x;
}
.yellow h1{
	background:url(../images/home_bg_yellow.aspx) top left repeat-x;
	padding:0 0 0 35px;
}

.red .topLeft, .blue .topLeft, .green .topLeft, .yellow .topLeft{
	width:5px;
	height:5px;
	position:absolute;
}

.red .topLeft{
	background:url(../images/corner_red.aspx) top left no-repeat;
	top:0px;
	left:0px;
}

.green .topLeft{
	background:url(../images/corner_green.aspx) top left no-repeat;
	top:0px;
	left:0px;
}
.blue .topLeft{
	background:url(../images/corner_blue.aspx) bottom left no-repeat;
	bottom:0;
	left:0;
}
.yellow .topLeft{
	background:url(../images/corner_yellow.aspx) top right no-repeat;
	right:0;
	top:0;
}

.scroll{
	margin:2px;
	overflow:hidden;
	background:#fff;
	height:192px;
	padding:6px;	
}
.scrolltext
{
	margin-top:5px;
	margin-left:5px;
}
.yellow .scroll{
	padding:6px 6px 6px 55px;
	height:198px
}
.blue .scroll{
	padding:20px 6px 6px 6px;
}
.red .scroll{	
	padding-right:30px;
}

.companyText{	
	position: fixed;
    width: 50%;
    height: 100px;
    top: auto;
    right: 0;
    bottom:0;
    left: 10px;
}

/* ************** Inner Page for RED ********************* */

/* ################### HEADER ############### */
#red{
	width:800px;
	margin:10px auto;
}
#red .header{
	background:url(../images/header_bg_red.aspx) top left repeat-x;
	height:40px;
	position:relative;
	min-width:500px;
}
#red .header .topLeft, #red .header .topRt{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
}
#red .header .topLeft{
	background:url(../images/header_left_red.aspx) top left no-repeat;
}
#red .header .topRt{
	background:url(../images/header_right_red.aspx) top left no-repeat;
	right:0;
}

#red .logoInner{
	background:transparent url(../images/logo_small.aspx) no-repeat scroll left top;
	display:block;
	height:31px;
	left:8px;
	position:absolute;
	top:5px;
	width:30px;
}
#red .logoInner span{
	display:none;
}
#red .header  h1{
	color:#FFFFFF;
	font-size:18px;
	left:57px;
	position:absolute;
	top:10px;
}
#red .header  h2{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	right:12px;
	top:4px;
}
/* ################### NAVIGATION ############### */
#red #nav{
	list-style:none;
	margin:0 0 0 50px;
}
#red #nav li a{
	float:left;
	border:solid 3px #bf1700;
	border-top:none;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#bf1700;
	font-size:14px;
	font-weight:bold;
}

/* ################### CONTENT AREA ############### */
#red .contentDiv{
	background:#fff;
	border-left:solid 2px #bf1700;
	border-right:solid 2px #bf1700;
	min-width:500px;
}
.data{
	padding-top:100px;	
	margin:0 30px 30px;
	padding:19px 0 0;
	clear:both;
}
.clear{
	clear:both;
}


/* ################### FOOTER ############### */
#red .footer{
	background:transparent url(../images/footer_bg_red.aspx) repeat-x scroll left bottom;
	clear:both;
	color:#FFFFFF;
	height:40px;
	min-width:500px;
	position:relative;
	text-align:center;
	font-size:10px;
}
#red .footer a{
	color:#fff;
	font-weight:bold;
	margin:0 10px;
}
#red .footer span{
	display:block;
}
#red .footer .btmLeft, .footer .btmRt {
	width:20px;
	height:20px;
	position:absolute;
	bottom:0px;
}

#red .footer .btmLeft{
	background:url(../images/footer_left_red.aspx) top left no-repeat;
}
#red .footer .btmRt{
	background:url(../images/footer_rt_red.aspx) top left no-repeat;
	right:0;
}

/* ************** Inner Page for YELlOW ********************* */

/* ################### HEADER ############### */
#yellow{
	width:800px;
	margin:10px auto;
}
#yellow .header{
	background:url(../images/header_bg_yellow.aspx) top left repeat-x;
	height:40px;
	position:relative;
	min-width:500px;
}
#yellow .header .topLeft, #yellow .header .topRt{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
}
#yellow .header .topLeft{
	background:url(../images/header_left_yellow.aspx) top left no-repeat;
}
#yellow .header .topRt{
	background:url(../images/header_right_yellow.aspx) top left no-repeat;
	right:0;
}

#yellow .logoInner{
	background:transparent url(../images/logo_small.aspx) no-repeat scroll left top;
	display:block;
	height:31px;
	left:8px;
	position:absolute;
	top:5px;
	width:30px;
}
#yellow .logoInner span{
	display:none;
}
#yellow .header  h1{
	color:#FFFFFF;
	font-size:18px;
	left:57px;
	position:absolute;
	top:10px;
}
#yellow .header  h2{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	right:12px;
	top:4px;
}

/* ################### NAVIGATION ############### */
#yellow #nav{
	list-style:none;
	margin:0 0 0 50px;
}
#yellow #nav li a{
	float:left;
	border:solid 3px #f7bc11;
	border-top:none;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#f7bc11;
	font-size:14px;
	font-weight:bold;
}

/* ################### CONTENT AREA ############### */
#yellow .contentDiv{
	background:#fff;
	border-left:solid 2px #f7bc11;
	border-right:solid 2px #f7bc11;
	min-width:500px;
}
.data{
	margin:0 30px 30px;
	padding:19px 0 0;
	clear:both;
}
.clear{
	clear:both;
}

/* ################### FOOTER ############### */
#yellow .footer{
	background:transparent url(../images/footer_bg_yellow.aspx) repeat-x scroll left bottom;
	clear:both;
	color:#FFFFFF;
	height:40px;
	min-width:500px;
	position:relative;
	text-align:center;
	font-size:10px;
}
#yellow .footer a{
	color:#fff;
	font-weight:bold;
	margin:0 10px;
}
#yellow .footer span{
	display:block;
}
#yellow .footer .btmLeft, .footer .btmRt {
	width:20px;
	height:20px;
	position:absolute;
	bottom:0px;
}

#yellow .footer .btmLeft{
	background:url(../images/footer_left_yellow.aspx) top left no-repeat;
}
#yellow .footer .btmRt{
	background:url(../images/footer_rt_yellow.aspx) top left no-repeat;
	right:0;
}

/* ************** Inner Page for GREEN ********************* */

/* ################### HEADER ############### */
#green{
	width:800px;
	margin:10px auto;
}
#green .header{
	background:url(../images/header_bg_green.aspx) top left repeat-x;
	height:40px;
	position:relative;
	min-width:500px;
}
#green .header .topLeft, #green .header .topRt{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
}
#green .header .topLeft{
	background:url(../images/header_left_green.aspx) top left no-repeat;
}
#green .header .topRt{
	background:url(../images/header_right_green.aspx) top left no-repeat;
	right:0;
}

#green .logoInner{
	background:transparent url(../images/logo_small.aspx) no-repeat scroll left top;
	display:block;
	height:31px;
	left:8px;
	position:absolute;
	top:5px;
	width:30px;
}
#green .logoInner span{
	display:none;
}
#green .header  h1{
	color:#FFFFFF;
	font-size:18px;
	left:57px;
	position:absolute;
	top:10px;
}
#green .header  h2{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	right:12px;
	top:4px;
}

/* ################### NAVIGATION ############### */
#green #nav{
	list-style:none;
	margin:0 0 0 50px;
}
#green #nav li a{
	float:left;
	border:solid 3px #699c19;
	border-top:none;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#699c19;
	font-size:14px;
	font-weight:bold;
}

/* ################### CONTENT AREA ############### */
#green .contentDiv{
	background:#fff;
	border-left:solid 2px #699c19;
	border-right:solid 2px #699c19;
	min-width:500px;
}
.data{
	margin:0 30px 30px;
	padding:19px 0 0;
	clear:both;
}
.clear{
	clear:both;
}

/* ################### FOOTER ############### */
#green .footer{
	background:transparent url(../images/footer_bg_green.aspx) repeat-x scroll left bottom;
	clear:both;
	color:#FFFFFF;
	height:40px;
	min-width:500px;
	position:relative;
	text-align:center;
	font-size:10px;
}
#green .footer a{
	color:#fff;
	font-weight:bold;
	margin:0 10px;
}
#green .footer span{
	display:block;
}
#green .footer .btmLeft, .footer .btmRt {
	width:20px;
	height:20px;
	position:absolute;
	bottom:0px;
}

#green .footer .btmLeft{
	background:url(../images/footer_left_green.aspx) top left no-repeat;
}
#green .footer .btmRt{
	background:url(../images/footer_rt_green.aspx) top left no-repeat;
	right:0;
}

/* ************** Inner Page for BLUE ********************* */

/* ################### HEADER ############### */
#blue{
	width:800px;
	margin:10px auto;
}
#blue .header{
	background:url(../images/header_bg_blue.aspx) top left repeat-x;
	height:40px;
	position:relative;
	min-width:500px;
}
#blue .header .topLeft, #blue .header .topRt{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
}
#blue .header .topLeft{
	background:url(../images/header_left_blue.aspx) top left no-repeat;
}
#blue .header .topRt{
	background:url(../images/header_right_blue.aspx) top left no-repeat;
	right:0;
}

#blue .logoInner{
	background:transparent url(../images/logo_small.aspx) no-repeat scroll left top;
	display:block;
	height:31px;
	left:8px;
	position:absolute;
	top:5px;
	width:30px;
}
#blue .logoInner span{
	display:none;
}
#blue .header  h1{
	color:#FFFFFF;
	font-size:18px;
	left:57px;
	position:absolute;
	top:10px;
}
#blue .header  h2{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	right:12px;
	top:4px;
}

/* ################### NAVIGATION ############### */
#blue #nav{
	list-style:none;
	margin:0 0 0 50px;
}
#blue #nav li a{
	float:left;
	border:solid 3px #275798;
	border-top:none;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#275798;
	font-size:14px;
	font-weight:bold;
}

/* ################### CONTENT AREA ############### */
#blue .contentDiv{
	background:#fff;
	border-left:solid 2px #275798;
	border-right:solid 2px #275798;
	min-width:500px;
}
.data{
	margin:0 30px 30px;
	padding:19px 0 0;
	clear:both;
}
.clear{
	clear:both;
}

/* ################### FOOTER ############### */
#blue .footer{
	background:transparent url(../images/footer_bg_blue.aspx) repeat-x scroll left bottom;
	clear:both;
	color:#FFFFFF;
	height:40px;
	min-width:500px;
	position:relative;
	text-align:center;
	font-size:10px;
}
#blue .footer a{
	color:#fff;
	font-weight:bold;
	margin:0 10px;
}
#blue .footer span{
	display:block;
}
#blue .footer .btmLeft, .footer .btmRt {
	width:20px;
	height:20px;
	position:absolute;
	bottom:0px;
}

#blue .footer .btmLeft{
	background:url(../images/footer_left_blue.aspx) top left no-repeat;
}
#blue .footer .btmRt{
	background:url(../images/footer_rt_blue.aspx) top left no-repeat;
	right:0;
}

/*# CMS List Menu Inner page#*/
.FHorizontalCMSListMenuUL
{
	list-style:none;
	margin:0 0 0 50px;
	list-style-type:none;
}
.FHorizontalCMSListMenuUL li
{
	float:left;	
	padding:5px 10px;
	text-decoration:none;	
	font-size:14px;
	font-weight:bold;
	list-style:none;
	margin-right:10px;
}
.FHorizontalCMSListMenuUL li a
{
	text-decoration: none;
}
#red .FHorizontalCMSListMenuUL li
{	
	border:solid 3px #bf1700;
	border-top:none;	
}
#red .FHorizontalCMSListMenuUL li a
{	
	color:#bf1700;
}

#blue .FHorizontalCMSListMenuUL li
{	
	border:solid 3px #275798;
	border-top:none;
}
#blue .FHorizontalCMSListMenuUL li a
{		
	color:#275798;
}
#yellow .FHorizontalCMSListMenuUL li
{	
	border:solid 3px #f7bc11;	
	border-top:none;
}
#yellow .FHorizontalCMSListMenuUL li a
{	
	color:#f7bc11;
}
#green .FHorizontalCMSListMenuUL li
{	
	border:solid 3px #699c19;	
	border-top:none;
}
#green .FHorizontalCMSListMenuUL li a
{	
	color:#699c19;
}
.HorizontalCMSListMenuUL
{
	list-style:none;
	margin:0 0 0 60px;
	list-style-type:none;
}
#red .HorizontalCMSListMenuLI
{
	float:left;
	border:solid 3px #bf1700;
	border-top:none;
	padding:5px 10px;
	text-decoration:none;	
	font-size:14px;
	font-weight:bold;
	list-style:none;
	margin-right:10px;
}
#red .HorizontalCMSListMenuLI A
{
	text-decoration: none;
	color:#bf1700;
}
#blue .HorizontalCMSListMenuLI
{
	float:left;
	border:solid 3px #275798;
	border-top:none;
	padding:5px 10px;
	text-decoration:none;	
	font-size:14px;
	font-weight:bold;
	list-style:none;
	margin-right:10px;
}
#blue .HorizontalCMSListMenuLI A
{
	text-decoration: none;
	color:#275798;
}
#yellow .HorizontalCMSListMenuLI
{
	float:left;
	border:solid 3px #f7bc11;
	border-top:none;
	padding:5px 10px;
	text-decoration:none;	
	font-size:14px;
	font-weight:bold;
	list-style:none;
	margin-right:10px;
}
#yellow .HorizontalCMSListMenuLI A
{
	text-decoration: none;
	color:#f7bc11;
}
#green .HorizontalCMSListMenuLI
{	
	float:left;
	border:solid 3px #699c19;
	border-top:none;
	padding:5px 10px;
	text-decoration:none;	
	font-size:14px;
	font-weight:bold;
	list-style:none;
	margin-right:10px;
	
}
#green .HorizontalCMSListMenuLI A
{
	text-decoration: none;
	color:#699c19;
}
.HorizontalCMSListMenuHighlightedLI
{	
	display:none;
}


/* ################### Horizontal Footer Tab ############### */
.TabControlTable
{
	margin-left:auto;
	margin-right:auto;
}
.TabControlSelected,.TabControlSelectedLeft,.TabControlSelectedRight
{
	display:none;
}

.pointer
{
	cursor:pointer;
}
.marker
{
margin-left:44px;
margin-top:-267px;
}


.iframeleft
{
	float:left; width:48%;
}
.iframeright
{
	margin-left:52%; width:48%
}
.contentdata
{
	margin-top:10px;
}
.address
{
	line-height:100%
}
.scrolllefttext
{	
	margin-top:10px;
	margin-right:18px;
	text-align:center;
	line-height:180%;
}
.scrollrighttext
{	
	margin-top:10px;
	margin-right:18px;
	text-align:center;
	line-height:180%;
}
.scrollbottomtext
{
	margin-top:10px;	
	text-align:center;
	line-height:180%;
}
.scrolltoptext
{	
	margin-top:10px;
	text-align:center;
	line-height:180%;
}