@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
}

/* Global Text Styles */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

p
{
	line-height: 1.5em;
	margin: 0.5em 0em;
}

h1,h2,h3,h4,h5,h6
{
	color: #007BC1;
	font-weight: bold;
	line-height: 1em;
	
}

h1
{
	font-size: 20px;
	margin: 0em;
}

h2,h3,h4,h5,h6
{
	margin: 1em 0em 0.5em 0em;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 14px;
}

a:link,
a:visited
{
	color: #007BC1;
	text-decoration: underline;
}

a:hover
{
	color: #004F7D;
}

a img
{
	border: none;
}

ul,ol
{
	padding-left: 30px;
}


hr
{
	display: block;
	height: 0px;
	line-height: 0px;
	border: none;
	border-top: 1px dotted #007BC1;
	margin: 20px 0px;
}

a.MajorLink:link,
a.MajorLink:visited,
a.MajorLink:hover
{
	font-size: 14px;
	font-weight: bold;
	color: #007BC1;
	padding-right: 16px;
	background: url(mlchevron.jpg) no-repeat right;
	text-decoration: none;
}

ol.CircledNumbers
{
	list-style: none;
	padding: 0;
	margin: 2em 0em;
	font-size: 14px;
	color: #007BC1;
}

	ol.CircledNumbers li
	{
		line-height: 24px;
		padding-left: 34px;
		margin: 4px 0px;
		background-position: left;
		background-repeat: no-repeat;
	}
	
	ol.CircledNumbers li.One
	{
		background-image: url(/images/cn1.jpg);
	}
	
	ol.CircledNumbers li.Two
	{
		background-image: url(/images/cn2.jpg);
	}
	
	ol.CircledNumbers li.Three
	{
		background-image: url(/images/cn3.jpg);
	}
	
	ol.CircledNumbers li.Four
	{
		background-image: url(/images/cn4.jpg);
	}
	
a.PDF
{
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding-left: 36px;
	background: url(/images/pdf.jpg) no-repeat left;
}
	
/* End Global Text Styles */

/* Global Block Level Element Classes */



/* End Global Block Level Element Classes */


/* Layout Styles */

#Top
{
	height: 2em;
	padding-top: 1em;
	line-height: 2em;
	border-bottom: 1px dotted #007BC1;
}

	#TopContent
	{
		width: 950px;
		margin: auto;
		text-align: right;
	}
	
		#TopContent div.Inner
		{
			padding: 0em 1em;
		}
		
		#TopContent a:link,
		#TopContent a:visited
		{
			color: #3E7E9B;
			text-decoration: none;
		}
		
		#TopContent a:hover
		{
			color: #144C65;
			text-decoration: underline;
		}

#Page
{
	width: 950px;
	margin: auto;
}

	#Header
	{
		position: relative;
		height: 300px;
	}
	
		#Logo
		{
			display: block;
			position: absolute;
			top: 1.5em;
			left: 1.75em;
			background: url(/images/logo2.jpg) no-repeat top left;
			padding: 65px 0px 0px 136px;
			width: 0px !important;
			height: 0px !important;
			overflow: hidden;
		}
		
		#frm-search
		{
			position: absolute;
			top: 1em;
			right: 0em;
			width: 230px;
		}
		
			#frm-search fieldset
			{
				border: none;
				padding: 0;
			}
			
			#frm-search legend
			{
				display: none;
			}
			
			#frm-search input
			{
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				vertical-align: middle;
			}
			
			#txtSearch
			{
				float: left;
				border: 1px solid #0379BF;
				color: #0379BF;;
				width: 148px;
				padding: 0px 5px;
				line-height: 20px;
				height: 20px;
			}
			
			html:root #txtSearch
			{
				padding: 2px 5px;
				line-height: 20px;
				height: 16px;
			}
			
			#btnSearch
			{
				float: right;
			}
			
		#MainNav
		{
			position: absolute;
			bottom: 192px;
			right: 12px;
			height: 30px;
			padding: 0;
		}
		
			#MainNav li
			{
				float: left;
				display: block;
				width: 0;
				list-style: none;
				margin-right: 0.75em;
				background: url(/images/mainnav_lbg.jpg) no-repeat top left;
				white-space: nowrap;
			}
			
			#MainNav > li
			{
				width: auto;
			}
			
			#MainNav a:link,
			#MainNav a:visited,
			#MainNav a:hover
			{
				text-decoration: none;
				font-weight: bold;
				display: block;
				color: #0379BF;
				padding: 0em 0.75em;
				font-size: 14px;
				line-height: 32px;
				height: 30px;
				background: #FF99FF;
				background: url(/images/mainnav_rbg.jpg) no-repeat top right;
				cursor: pointer;
			}
			
			#MainNav a span
			{
				background: url(/images/mainnav_mbg.jpg) repeat-x top;
				display: block;
				line-height: 32px;
				height: 30px;
			}
			
			#MainNav li.Active
			{
				background: url(/images/mainnav_albg.jpg) no-repeat top left;
			}
						
			#MainNav li.Active a:link,
			#MainNav li.Active a:visited,
			#MainNav li.Active a:hover
			{
				background: url(/images/mainnav_arbg.jpg) no-repeat top right;
			}
			
			#MainNav li.Active a span
			{
				background: url(/images/mainnav_ambg.jpg) repeat-x top;
			}
			
			#MainNav li.Hover
			{
				background: url(/images/mainnav_albg.jpg) no-repeat top left;
			}
			
			#MainNav li.Hover a:link,
			#MainNav li.Hover a:visited,
			#MainNav li.Hover a:hover
			{
				background: url(/images/mainnav_arbg.jpg) no-repeat top right;
			}
			
			#MainNav li.Hover a span
			{
				background: url(/images/mainnav_ambg.jpg) repeat-x top;
			}
		
		#HeaderContent
		{
			position: absolute;
			bottom: 0px;
			left: 0px;
			background-color: #BFDAEF;
			background-position: top right;
			background-repeat: no-repeat;
			border-top: 1px solid #E0ECF8;
			height: 159px;
			width: 100%;
		}
		
			#HeaderContent div.Inner
			{
				padding: 18px 20px;
				width: 550px;
			}
			
			#HeaderContent p
			{
				color: #000000;
			}
		
		#News
		{
			position: absolute;
			bottom: 160px;
			left: 0px;
			background-color: #007BC1;
			background-image: url(/images/newsbg.jpg);
			background-position: 20px 3px;
			background-repeat: no-repeat;
			border-top: 1px solid #8EC0E3;
			border-bottom: 1px solid #82BCE2;
			height: 30px;
			overflow: hidden;
			width: 100%;
		}
		
			#News div.Inner
			{
				padding: 0px 120px 0px 60px;
			}

			#NewsFeed
			{
				display: block;
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;
				position: relative;
				overflow: hidden;
				width: 955px;
				height: 30px;
			}
			
				#NewsFeed li
				{
					padding-top:4px;
					position: absolute;
					top: -999em;
					left: 0;
					display: block;
					white-space: nowrap;
					
				}
				
				#NewsFeed > li
				{
					width: auto;
				}
				
					#NewsFeed li a:link,
					#NewsFeed li a:visited
					{
						/*display: block;*/
						height: 20px;
						line-height: 20px;
						padding: 0px 12px 0px 12px;
						color: #DCEBF7;
						text-decoration: none;
					}
					
					#NewsFeed li a:hover
					{
						color: #FFFFFF;
					}
					
						#NewsFeed li a span
						{
							font-size: 14px;
							font-weight: bold;
						}

			#NewsLink
			{
				position: absolute;
				right: 12px;
				bottom: 5px;
				display: block;
				background: url(/images/newsbtn.jpg) no-repeat top left;
				padding: 21px 0px 0px 100px;
				width: 0px !important;
				height: 0px !important;
				overflow: hidden;
			}
			
#Body
{

}

	#LeftSideBar
	{
		float: left;
		width: 220px;
	}
	
		#LeftSideBar div.Inner
		{
			padding: 0.5em 2em;
		}
		
		#SecondaryNav
		{
			list-style: none;
			margin: 0;
			padding: 0;
			padding-bottom: 1.5em;
		}
		
			#SecondaryNav li
			{
				border-bottom: 1px dashed #007BC1;
				padding-top: 1.5em;
				padding-bottom: 0.125em;
			}
			
				#SecondaryNav a:link,
				#SecondaryNav a:visited
				{
					font-size: 14px;
					font-weight: bold;
					color: #007BC1;
					text-decoration: none;
				}
				
				#SecondaryNav a:hover
				{
					
				}
				
	#Main
	{
		float: left;
		width: 510px;
	}

		#Main.Home #MainContent
		{
			padding: 3em 0em 0em 0em;		
		}
		
		#Main.Inner #MainContent
		{
			padding: 3em 1.75em 0em 0em;		
		}
	
		#FeaturePanels
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#FeaturePanels li
			{
				float: left;
				width: 163px;
				height: 168px;
				background: url(/images/homepagelinkbg.jpg) no-repeat top left;
			}
			
				#FeaturePanels li div.Inner
				{
					padding: 8px 9px 9px 5px;
				}
			
			#FeaturePanels li a
			{
				display: block;
				width: auto;
				height: 151px;
				font-size: 16px;
				font-weight: bold;
				text-decoration: none;
				color: #007BC1;
			}
			
			#FeaturePanels span.img
			{
				display: block;
				width: 131px;
				height: 83px;
				background-position: top left;
				background-repeat: no-repeat;
				margin: 12px 8px 0px 9px;
			}
			
			#fpHtA span.img
			{
				background-image: url(/images/hpl1.jpg);
			}
			
			#fpOA span.img
			{
				background-image: url(/images/hpl2.jpg);
			}
			
			#fpGiT span.img
			{
				background-image: url(/images/hpl3.jpg);
			}
			
			#fpAS span.img
			{
				background-image: url(/images/hpl4.jpg);
			}
			
			#fpToC span.img
			{
				background-image: url(/images/hpl5.jpg);
			}
			
			#fpSC span.img
			{
				background-image: url(/images/hpl6.jpg);
			}
	
			#FeaturePanels span.text
			{
				display: block;
				text-align: right;
				padding: 10px 20px 0px 0px;
			}
	
	#RightSideBar
	{
		float: right;
		width: 220px;
		padding: 44px 0px 0px 0px;
	}
	
		#CardCount
		{
			width: 180px;
			height: 93px;
			background: url(/images/cardsbg.jpg) no-repeat top left;
		}
		
			#CardCount p
			{
				text-align: center;
				font-size: 14px;
				line-height: 1.25em;
				margin: 0;
				padding: 10px 6px;
				color: #007BC1;
			}
			
			#CardCount strong
			{
				display: block;
				font-size: 26px;
				padding: 8px 0px 0px 0px;
			}
			
			#RegistrationLink, #Smartcardlink
			{
				display: block;
				width: 180px;
				height: 78px;
				background: url(/images/registerbg.jpg) top left no-repeat;
				margin-top: 12px;
				text-align: center;
				text-decoration: none;
				font-size: 14px;
				color: #007BC1;
			}
			
			#RegistrationLink span
			{
				display: block;
				padding: 12px 0px 6px 0px;
				line-height: 1em;
			}
			
			#Smartcardlink span
			{
				display: block;
				padding: 12px 0px 6px 0px;
				font-size:18px;
				font-weight:bold;
				line-height: 1em;
			}
			
			#RegistrationLink strong
			{
				display: block;
				font-size: 26px;
			}
	
#PageClear
{
	clear: both;
	height: 0px;
	line-height: 0px;
}

#GoSmartHolder
{
	height: 0px;
	width: 950px;
	margin: auto;
	position: relative;
	background: #FF00FF;
}

	#GoSmartLink
	{
		display: block;
		position: absolute;
		top: 0px;
		right: 50px;
		background: url(/images/gosmart.jpg) no-repeat top left;
		padding: 106px 0px 0px 150px;
		margin: -106px auto 0px auto;
		width: 0px !important;
		height: 0px !important;
		overflow: hidden;
	}

#Footer
{
	height: 4em;
	background: #B5CFEA;
	margin-top: 1.5em;
}

	#FooterContent
	{
		width: 950px;
		margin: auto;
	}

	#Footer p
	{
		line-height: 48px;
		padding: 0px 20px;
		font-size: 11px;		
		font-weight: bold;
		color: #007BC1;
		margin: 0;
	}
	
	#Footer a:link,
	#Footer a:visited
	{
		color: #007BC1;
		text-decoration: none;
	}
	
	#Footer a:hover
	{
		text-decoration: underline;
		color: #007BC1;
	}

/* End Layout Styles */


.Telephone
{
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #007BC1;
	margin-top: 18px;
}


table.Styled
{
	width: 100%;
	border-collapse: collapse;
}

	table.Styled thead th
	{
		background: url(/images/tabletm.jpg) repeat-x top left;
		line-height: 27px;
	}
	
	table.Styled thead th.First
	{
		background: url(/images/tabletlc.jpg) no-repeat top left;
	}
	
	table.Styled thead th.Last
	{
		background: url(/images/tabletrc.jpg) no-repeat top right;
	}
	
	table.Styled thead th
	{
		border-bottom: 1px solid #72B3DB;
		color: #007BC1;
		text-align: left;
		height: 27px;
		overflow: hidden;
		padding: 2px 6px;
	}
	
	
	table.Styled tbody td
	{
		vertical-align: top;
		padding: 6px 6px;
	}
	
	table.Styled tbody td *
	{
		vertical-align: middle;
	}
	
	table.Styled tbody td.Left
	{
		background: url(/images/tableborder.jpg) repeat-y left;
		border-bottom: 1px dashed #72B3DB;
	}
	
	table.Styled tbody td.Right
	{
		background: url(/images/tableborder.jpg) repeat-y right;
		border-bottom: 1px dashed #72B3DB;
	}
	
	table.Styled tbody td.Middle
	{
		border-left: 1px solid #72B3DB;
		border-right: 1px solid #72B3DB;
		border-bottom: 1px dashed #72B3DB;
	}
	
	table.Styled tbody tr.Last td
	{
		border-bottom: none;
	}
	
	table.Styled tfoot td
	{
		background: url(/images/tablebm.jpg) repeat-x top left;
		height: 17px;
		line-height: 17px;
	}
	
	table.Styled tfoot td.First
	{
		background: url(/images/tableblc.jpg) repeat-x top left;
		border-right: 1px solid #72B3DB;
	}
	
	table.Styled tfoot td.Last
	{
		background: url(/images/tablebrc.jpg) repeat-x top right;
		border-left: 1px solid #72B3DB;
	}



#Smartcard-mininav{
margin:0px 0px 20px 0px;
padding:0px;}

#Smartcard-mininav li {
list-style:none;
text-align:right;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
margin-bottom:5px !important;}

#Smartcard-mininav li a:link, #Smartcard-mininav li a:visited{
background-image:url(/Images/smart-card-button2.jpg);
background-repeat:no-repeat;
display:block;
padding-right:15px;
padding-top:5px;
width:118px;
height:39px;
text-decoration:none;
font-weight:bold;}

#Smartcard-mininav li a:hover{
text-decoration:underline;}

.Smartcard-mininav-nomargin{
margin:0px !important;}

#page-content-inner li{
margin-bottom:8px;}


table.styled
{
	border-collapse: collapse;
	border: 1px solid #0A69A3;
}

	table.styled th
	{
		color: #FFFFFF;
		background-color: #0A69A3;
		text-align: left;
		padding: 5px;
		vertical-align:middle;
	}
	
	table.styled td
	{
		padding: 5px;
		vertical-align: top;
	}
	
	table.styled tr.odd td
	{
		background-color: #FFFFFF;
	}
	
	table.styled tr.even td
	{
		background-color: #CEDDE4;
	}
	
#CardsTable td{
padding:8px;
}

#CardsTable td p{
margin-left:17px;}

/*applet form*/

.appletform td{
padding:5px;
width:200px;
vertical-align:top;}

.appletform th{
text-align:left;
padding-right:8px;
vertical-align:top;}

.appletform td input, .appletform td textarea, .appletform td select{
width:100%;}

.appletform td textarea{
height:50px;
font-family:Arial, Helvetica, sans-serif;}