/* ---------------------------------------------------------------------------
		Created On:		8/18/06
		Created By:		Matt Howard

		This is the Style Sheet for the New Web Design:
	    							Splash Page (Country Selector)
	    							Secured Sub Page

		.clsSPLogo					- Splash Page Logo Container
		.clsSPTopRed				- Splash Page Red Bar on Top
		.clsSPTopWhiteSpacer		- Splash Page White Space inbetween top red bar
									  and Main image
		.clsSPMainImage				- Splash Page Main image Container
		.clsSPImageWhiteSpacer1		- Splash Page White Space inbetween top Main Image
									  and Red image
		.clsSPRedImage				- Splash Page Red image Container
		.clsSPImageWhiteSpacer2		- Splash Page White Space inbetween top Red Image
									  and Bottom Yellow Bar
		.clsSPWelcomeMsgSpan		- Splash Page Welcome Message Span Box
		.clsSPWelcomeMsgText		- Splash Page Welcome Message Text
		.clsSPSelectMsgSpan			- Splash Page Select Country Message Span Box
		.clsSPSelectMsgText			- Splash Page Select Country Message Text 
		.clsSPDropdownSpan			- Splash Page Dropdown Span Box
		.clsSPDropdown				- Splash Page Dropdown Box
		.clsSPBottomYellowBar		- Splash Page Yellow Bar on Bottom of Page
		.clsSPBottomGrayDropShadow	- Splash Page Gray Dropshadow Bar on Bottom of page
		.clsSPCopyright				- Splash Page Copyright Text and Container
   --------------------------------------------------------------------------*/


/* Splash Page --------------------------------------------------------------*/
.clsSPLogo 
	{
		height: 70px;
		background-color: #FFFFFF;
	}
.clsSPTopRed
	{
		height: 10px;
		background-color: #9f2D21;
	}
.clsSPTopWhiteSpacer
	{
		height: 2px;
		background-color: #FFFFFF;
	}
.clsSPMainImage
	{
		height: 227px;
		background-color: #FFFFFF;
	}
.clsSPImageWhiteSpacer1
	{
		height: 2px;
		background-color: #FFFFFF;
	}
.clsSPRedImage
	{
		height: 36px;
		background-color: #FFFFFF;
	}
.clsSPImageWhiteSpacer2
	{
		height: 2px;
		background-color: #FFFFFF;
	}
.clsSPWelcomeMsgSpan
	{
		margin-left: 20px; 
		margin-top: 8px; 
		position: absolute;
	}
.clsSPWelcomeMsgText
	{
		font-family: helvetica,sans-serif; 
		font-size: 18; 
		font-weight: 300;
		letter-spacing: -1;
		color: #FFFFFF;
	}
.clsSPSelectMsgSpan
	{
		margin-left: 430px; 
		margin-top: 10px; 
		position: absolute;
	}
.clsSPSelectMsgText
	{
		font-family: verdana,sans-serif; 
		font-size: 11px;
		color: #FFFFFF;
	}
.clsSPDropdownSpan
	{
		margin-left: 580px; 
		margin-top: 7px; 
		position: absolute;
	}
.clsSPDropdown
	{
		width: 140px;
	}
.clsSPBottomYellowBar
	{
		height: 10px;
		background-color: #EEB211;
	}
.clsSPBottomGrayDropShadow
	{
		height: 2px;
		background-color: #D9D3B7;
	}
.clsSPCopyright
	{
		height: 39px;
		background-color: #FFFFFF;
		font-family: Verdana,sans-serif; 
		font-size: 9px;
		color: #C0C0C0;		
	}

/* End Splash Page -----------------------------------------------------*/

/* Secured Sub Page ----------------------------------------------------*/
.clsSSFormWidth
	{
		width: 740px;
	}
.clsSSTopMenuSpan
	{
		margin-top: 50px;
		margin-left: 670px;
		width: 680px; 
		position: absolute; 
	}
.clsSSTopMenuNotSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #000000;
	}
.clsSSTopMenuSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #9f2D21;
	}
.clsSSTopMenuVertSpacer
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		color: #000000;
	}

.clsSSMenuSpanBox
	{
		width: 680px; 
		margin-right: 20px;
		margin-top: 3px;
	}
.clsSSMenuVertSpacer
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		color: #000000;
	}
.clsSSTopWhiteSpacer
	{
		height: 5px;
		background-color: #FFFFFF;
	}
.clsSSLeftImage
	{
		width: 210px;
	}
.clsSSLeftSubMenuTopWhiteSpacer
	{
		height: 5px;
		background-color: #FFFFFF;
	}
.clsSSLeftSubMenuMainSpan
	{
		width: 185px; 
		margin-left: 20px;
	}
.clsSSLeftSubMenuRedNotSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #9f2D21;
	}
.clsSSLeftSubMenuRedSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		font-weight: bold;
		cursor: hand;
		color: #9f2D21;
	}
.clsSSLeftSubMenuSubSpan
	{
		width: 175px; 
		margin-left: 30px;
	}
.clsSSLeftSubMenuGrayNotSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #808080;
	}
.clsSSLeftSubMenuGraySelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		font-weight: bold;
		cursor: hand;
		color: #808080;
	}
.clsSSLeftSubMenuBottomWhiteSpacer
	{
		height: 5px;
		background-color: #FFFFFF;
	}
.clsSSHeaderTopWhiteSpacer
	{
		height: 5px;
		background-color: #FFFFFF;
	}
.clsSSBodyText
	{
		font-family: Verdana,sans-serif;
		font-size: 11px;
		color: #000000;	
	}
.clsSSBottomMenuNotSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #9f2D21;
	}
.clsSSBottomMenuSelected
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		font-weight: bold;
		cursor: hand;
		color: #9f2D21;
	}
.clsSSBottomMenuVertSpacer
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		color: #000000;
	}
.clsSSCopyrightText
	{
		font-family: Verdana,sans-serif; 
		font-size: 9px;
		color: #C0C0C0;
	}
/* Note: more classes will be added to the Secure sub page as they are required.*/

/* End Secure Sub Page ------------------------------------------------------*/

/* START MENU CONTROL--------------------------------------------------------*/

/* for Top menu above Yellow bar*/
.clsMenu1
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #9f2D21;
		text-decoration: none;
	}
.clsMenu1:hover
	{
		font-size: 11px;
		color: #0000ff;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}

/* For top menu in Yellow Bar*/
.clsMenu2
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #000000;
		text-decoration: none;
	}
.clsMenu2:visited
	{
		font-size: 11px;
		cursor: hand;
		color: #000000;
		font-family: Verdana,sans-serif;
		text-decoration: none
	}
.clsMenu2:hover
	{
		font-size: 11px;
		color: #0000ff;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}

/* For bottom menu in Footer*/

/* END MENU CONTROL----------------------------------------------------------*/

/* START MAIN FORM TEMPLATE--------------------------------------------------*/
.clsNewLeftText
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		color: #9f2D21;
	}
.clsNewSubLeftText
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		color: #8a8a8a;
	}
.clsNewSelectedLeftText
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		font-weight: bold;
		color: #9f2D21;
	}
.clsSSNewBodyText
	{
		font-family: Verdana,sans-serif;
		font-size: 10px;
		color: #000000;	
	}
.clsSSNewAppTopMenuSpan
	{
		margin-top: 50px;
		margin-left: 570px;
		position: absolute; 
	}
.clsMenuItemTopBlack
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #000000;
	}
.clsMenuArrowTopBlack
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: default;
		color: #000000;
	}
.clsNewSelectedMenu
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		color: #ffffff;
	}
.clsNewContactText
	{
		font-family: Arial,sans-serif; 
		font-size: 12px;
		color: #ffffff;
	}
.clsNewAppFormWidth
	{
		width: 740px;
	}
.clsMenu1
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #9f2D21;
		text-decoration: none;
	}
.clsMenu1:hover
	{
		font-size: 11px;
		color: #0000FF;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}
.clsMenu2
	{
		font-family: Verdana,sans-serif; 
		font-size: 11px;
		cursor: hand;
		color: #000000;
		text-decoration: none;
	}
.clsMenu2:hover
	{
		font-size: 11px;
		color: #0000FF;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}
.clsLeftMenu1
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		cursor: hand;
		color: #9f2D21;
		text-decoration: none;
	}
.clsLeftMenu1:hover
	{
		font-size: 10px;
		color: #0000FF;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}
.clsSubLeftMenu1
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		cursor: hand;
		color: #8a8a8a;
		text-decoration: none;
	}
.clsSubLeftMenu1:hover
	{
		font-size: 10px;
		color: #0000FF;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}
.clsSubLeftMenu2
	{
		font-family: Verdana,sans-serif; 
		font-size: 10px;
		cursor: hand;
		color: #606060;
		text-decoration: underline;
	}
.clsSubLeftMenu2:hover
	{
		font-size: 10px;
		color: #0000FF;
		font-family: Verdana,Arial,sans-serif;
		text-decoration: underline;
	}/* END MAIN FORM TEMPLATE----------------------------------------------------*/