body 	{background-color: #e4e4e4; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000}

hr {color: #C0C0C0; background-color: #C0C0C0; height: 1px;}

.content {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:12px;}
.content1 {font-family:arial,verdana,helvetica; color:#000000; font-size:13px;}
.content2 {font-family:arial,verdana,helvetica; color:#000000; font-size:14px;}
.content3 {font-family:arial,verdana,helvetica; color:#000000; font-size:15px;}
.content4 {font-family:arial,verdana,helvetica; color:#000000; font-size:16px;}

.accessDemo{
	position:relative; 
	left:0px; top:0px; 
	width:520px; height:171px; 
	border-right: 1px solid #FFBF1F;
	border-bottom: 1px solid #FFBF1F;
	border-left: 1px solid #FFBF1F;
}

.contentTitle{
	position:absolute; 
	left:0px; top:0px;
	width:280px;
	font-family:verdana,helvetica,arial; 
	color:#63305E; 
	font-size:20px;
}

.contentSubTitle{
	position:absolute; 
	left:0px; top:20px;
	width:280px;
	font-family:arial,helvetica,verdana; 
	color:#000000; 
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.contentText{
	position:absolute; 
	left:0px; top:40px;
	width:280px;
	font-family:verdana,helvetica,arial; 
	color:#000000; 
	font-size:12px;
	text-align:justify;
}

.contentButton{
	position:absolute; 
	left:0px; top:130px;
	width:280px;
	text-align:right;
}

.content1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.style3 {
	color: #643A73;
	font-weight: bold;
}

.background {
	background-image: url(../../green/site_images/background.gif);
	background-repeat: repeat;
}

.backgroundPage {
	background-image: url(../../green/site_images/backgroundPage.gif);
	background-repeat: repeat;
}

.header {
	background-image: url(../../green/site_images/home/header.jpg);
	background-repeat: no-repeat;
}

.headerBS {
	background-image: url(../../green/site_images/header_background_BS.gif);
	background-repeat: no-repeat;
}

.login {
	background-image: url(../../green/site_images/login.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.loginArea {
	position: relative; 
	top:0px; left:0px; 
	width:208px; height:140px;
	visibility: visible;
	background-image: url(../../green/site_images/login_bg.gif);
	background-repeat: no-repeat;
}

.menuSpacer {
	background-image: url(../../green/site_images/menuSpacer.gif);
	background-repeat: no-repeat;
}


.bottomSpacer {
	background-image: url(../../green/site_images/spacer.gif);
}

.bottomSpacerEnd {
	background-image: url(../../green/site_images/spacer2.gif);
}

.bottomSpacerStart {
	background-image: url(../../green/site_images/spacer3.gif);
}

.footer {
	background-image: url(../../green/site_images/footer.gif);
	background-repeat: no-repeat;
}

.example {
	background-image: url(../../green/site_images/exampleBG.gif);
	background-repeat: repeat;
}

.greenDescTop {
	top:0px; 
	left:0px; 
	width:265px; 
	height:190px;
	background-image: url(../../green/site_images/greenDesc_top.jpg);
	background-repeat: no-repeat;
}

.webFilmDesc {
	top:0px; 
	left:0px; 
	width:265px; 
	height:200px;
	background-image: url(../../green/site_images/webFilmDesc_top.jpg);
	background-repeat: no-repeat;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #643A73;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #643A73;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.titleText {font-family:verdana,helvetica,arial; color:#63305E; font-size:20px;}
.subTitleText {font-family:verdana,helvetica,arial; color:#000000; font-style:italic; font-size:14px;}
.smallNote {font-family:arial,verdana,helvetica; font-size:10px;}

.loginAs {font-family:arial,verdana,helvetica; color:#63305E; font-size:16px; font-weight:bold}
.loginText {font-family:arial,verdana,helvetica; color:#666666;  font-size:12px;}
.loginSelect {font-family: verdana,helvetica,arial; font-size:13px; color:#004080; background-color:#FFFFFF; width:160px;}
.loginButton {width:40}
.pinText {font-family:arial,verdana,helvetica; color:#666666; font-size:16px;}
input.accessCode {font-family: verdana,helvetica,arial; font-size: 14px; color: #004080; border: solid #004080 1px; background-color: #FFFFFF; width:160;}
input.albumLogin {width:160;}
input.albumLoginPW {width:160;}
input.cachelanLogin {width:130;}
input.cachelanLoginPW {width:130;}  
input.accLogin {width:90;}

.dark {background-color:#63305E}
.mediumLight {background-color: #C7C7C7}
.darklight {background-color: #B4B4B7}
.light {background-color: #DADADC}
.lighter {background-color: #EEEEF0}

.blueFont {font-family:arial,verdana,helvetica; color:#004080; font-size:13px;}

.whiteTitle	{font-family:verdana,helvetica,arial; color:#FFFFFF; font-size:17px;}

.whiteFont 	{font-family:Arial,Helvetica,sans-serif; color:#FFFFFF;  font-size:13px;}

.descTitle 	{font-family:sans-serif,Arial,Helvetica; color:#000000;  font-size:14px;}
.descFont 	{font-family:Arial,Helvetica,sans-serif; color:#000000;  font-size:13px;}

.redError {font-family:verdana,helvetica,arial; color:#FF0000; font-size:14px;}
.redErrorMedium {font-family:verdana,helvetica,arial; color:#FF0000; font-size:12px;}
.redErrorSmall {font-family:verdana,helvetica,arial; color:#FF0000;  font-size:9px;}

.yellowNew {font-family:verdana,helvetica,arial; color:#FF8000;  font-size:9px;}

A.small {COLOR: #63305E; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.small:visited {COLOR: #63305E; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.small:hover {COLOR: #FF8000;  FONT-SIZE: 10px; TEXT-DECORATION: none; }

A.pma         {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}
A.pma:visited {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}
A.pma:hover   {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #FF8000; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}

A.cansia         {font-family: Helvetica, Arial, sans-serif, Verdana; COLOR: #0000A0; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight:bold}
A.cansia:visited {font-family: Helvetica, Arial, sans-serif, Verdana; COLOR: #0000A0; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight:bold}              
A.cansia:hover   {font-family: Helvetica, Arial, sans-serif, Verdana; COLOR: #FF8000; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight:bold}              
              
A.press         {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 12px; TEXT-DECORATION: none;}
A.press:visited {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 12px; TEXT-DECORATION: none;}
A.press:hover   {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #FF8000; FONT-SIZE: 12px; TEXT-DECORATION: none;}

A.navigation_w {COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
A.navigation_w:visited {COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
A.navigation_w:hover {COLOR: #FF8000;  FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}

A.blueLink 				{COLOR: #004080; FONT-SIZE: 14px; TEXT-DECORATION: none;}       
A.blueLink:visited 	{COLOR: #63305E; FONT-SIZE: 14px; TEXT-DECORATION: none;}
A.blueLink:hover 		{COLOR: #FF8000; FONT-SIZE: 14px; TEXT-DECORATION: none;}

A.buttonLink 				{COLOR: #004080; FONT-SIZE: 14px; TEXT-DECORATION: none;}       
A.buttonLink:visited 	{COLOR: #004080; FONT-SIZE: 14px; TEXT-DECORATION: none;}
A.buttonLink:hover 		{COLOR: #FF8000; FONT-SIZE: 14px; TEXT-DECORATION: none;}

A.smallError 			{COLOR: #FF0000; FONT-SIZE: 9px; TEXT-DECORATION: none; }
A.smallError:visited {COLOR: #FF0000; FONT-SIZE: 9px; TEXT-DECORATION: none; }
A.smallError:hover 	{COLOR: #FF8000;  FONT-SIZE: 9px; TEXT-DECORATION: none; }

.siteButton{
	position:absolute; 
	text-align:center; 
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.siteButtonOver{
	position:absolute; 
	text-align:center; 
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}