@charset "utf-8";

html{
overflow-y: scroll;
}
.gridContainer { 
	width: 100%;
	max-width: 1920px;
	margin: 0px;
	padding: 0px;

	/* padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto; */
	clear: both;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Header {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url('../Images/Header_Background.jpg');
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left bottom;

}
#Banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;


}
#Logo {
	clear: none;
	float: left;
	width: 80%;
	display: inline;
}
#Search {
	clear: none;
	width: 20%;
	display: inline;
	padding-top: 20px;
		float: left;
		text-align: right;


}
#Megamenu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url('../Images/TopNavi_Back.jpg');
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 40px;
	z-index: 1;
		
}
#Main {
	clear: both;
	float: none;
	width: 1024px;
	display: block;
	margin: auto;
}
#Content {
	border-top: 1px solid #FFF;
    clear: both;
	    float: left;
	    width: 100%;
	    display: block;
	background-image: url('../Images/Page_Background.jpg');
	    height: 100%;
	    background-attachment: scroll;
	    background-repeat: repeat-x;
	    background-position: left top;
}
#Slideshow {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 69%;
	display: block;
	margin: auto;
	padding-top: 10px;
}
#RightNav {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 29%;
	display: block;
	padding-top: 10px;
}
#MainContent {
	clear: both;
	width: 1024px;
	display: block;
	padding-top: 0px;
	margin: auto;
}
.RightNavContentTD{
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	background-attachment: scroll;
	background-image: url('../Images/TopBoxHeaderBack.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}
.RightNavBottomTD{
	background: #FFF url('../Images/Box_BottomGredient.gif') repeat-x left bottom;
    margin: 0px;
	    padding: 0px;
	    width: 100%;
	    height: 9px;
}
ul.circle{
	list-style-image: url('../Images/Bullet_Alerts.jpg');
	margin-left: 33px;
		font-size: 11px;

}
ul.circle li{
line-height: 20px;

}
ul.Arrow{
	list-style-image: url('../Images/arrow.jpg');
	line-height: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin: 6px;
	font-size: 11px;
	
}
.checklist {
background-image: url('../Images/checklistimg.jpg');
background-repeat: no-repeat;

list-style-image: none !important;
list-style: none !important;
	line-height: 18px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin: 6px;
	
	
}
.checklistli{
background-image: none !important;
background-repeat: no-repeat;
list-style-image: none !important;
list-style: none !important;
	line-height: 18px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 10px  !important;
	padding-top: 0px;
	margin: 6px;
	font-size: 11px;
	
}
ul.OrgArrow{
	list-style-image: url('../Images/orangearrow.jpg');
	line-height: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin: 6px;
	font-size: 12px;
	
}
 #WebContent ul li{
	
	line-height: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin: 6px;
	font-size: 12px;
	
}
#TaskList{

	clear: none;
	float: left;
	margin-left: 0%;
	width: 69%;
	display: block;
	margin: auto;
	
}
#OtherLinks{

	clear: none;
	float: left;
	margin-left: 2%;
	width: 28%;
	display: block;
}
#task1{
	clear: none;
	float: left;
	width: 34%;
	display: block;
	margin-top: 1%;
	
}
#task2{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 29%;
	display: block;	margin-top: 1%;
}
#Task3{
	clear: none;
	float: left;
margin-left: 1%;
	width: 35%;
	display: block;	margin-top: 1%;
}
#Footer
{
    margin-top: 20px;
	clear: both;

	margin: auto;
	width: 100%;
	display: block;

}
#FooterLinks{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	padding-bottom: 8px;
}
#Copyright{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	text-align: right;
	padding-bottom: 8px;
	color: #000;
}
#Lang{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
}
#SocialMedia{
	clear: none;
	float: left;
	width: 50%;
	display: block;
	text-align: right;
	margin-left: 0px;
}
#WebContent{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
	background-color: #FFF;
}
#PageTitle{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 70px;
	background-image: url(../Images/Title_Back.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 1px;
}
#breadcrumb{
	clear: both;
	float: left;
	margin-left: 15px;
	width: 96%;
	display: block;
	padding-top: 10px;
}
#Title{
	clear: both;
	float: left;
	margin-left: 15px;
	width: 96%;
	display: block;
	font-weight: bold;
	color: #000;

	z-index: 1;
}
#PageContentMain
{
    margin-left: 15px;
    margin-right: 15px;
	margin-top: 1%;
}
#PageLeftContent
{clear: both;
 margin-left: 5px;
    	
  float: left;
  display: inline;
  /*  width:25%; */
	
	
}
#PageContent{

	margin-left: 2%;
  clear: none;
  display: inline;
	float: left;
	 	width:70%;
		margin-right: 1%;
	
}


#PageContentOne
{
  clear: both;
  float: left;
  display: inline;
  width:48%; margin-left: 1%;
}
#PageContentTwo
{
 margin-left: 1%;
  clear: none;
  display: inline;
	float: left;
	 	width: 48%;margin-right: 1%;
}
#bannerBottom{
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}



.TableMarginTop {
	margin-top: 5px;
}
.TaskListHeading {
	font-size: small;
	font-weight: bold;
	color: #0b4484;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8095ac;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding: 6px;
}
.TaskListHeading  a:link{
	color: #0b4484;
}
.TaskListHeading  a:active{
	color: #0b4484;
}
.TaskListHeading  a:visited{
	color: #0b4484;
}
.TaskListHeading  a:hover{
	color: #0b4484;
}
.BranchHeading {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #0A4484;
}
.BorderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.TextField {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	border: 1px solid #999;
}
.H1Header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}
.H1HeaderBlue {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0A427F;
	text-align: left;
}


.BlueCornerLeft {
	background-attachment: scroll;
	background-image: url('../Images/TopBoxHeaderBack.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	height: 43px;
	width: 13px;
	
}
.WhiteCornerLeft {
	background-attachment: local;
	background-image: url('../Images/Corner_WhiteLeft.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 13px;
	padding: 3;
	
}
.WhiteCornerRight {
	background-attachment: scroll;
	background-image: url('../Images/Corner_WhiteRight.png');
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	width: 13px;
	
}


.BoxBottomLeft {
	background-attachment: scroll;
	background-image: url('../Images/Box_BottomGredient_Copy.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 21px;
	width: 14px;
	
}
.BoxBottomRight {
	background-attachment: scroll;
	background-image: url('../Images/Box_BottomGredient_Copy.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 13px;
	
}


.BlueCornerRight {
	background-attachment: scroll;
	background-image: url('../Images/TopBoxHeaderBack.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
	width: 13px;


}
.TDBorderRight{

Border-right: Solid 1px #c1c1c1;
}

.TDHeading
{ color: #0b4484;font-size: 14px;
    font-weight: bold;
    
    
}
a.more:link, a.more:active, a.more:visited{
font-size: 10px;
color: #0b4484;
 }
a.more:hover{
font-size: 10px;
color: #000;
text-decoration: underline;

}

#WebContent ul li {
list-style-image: url('../Images/arrow.jpg');
}

.newtopboxback {
	background-attachment: scroll;
	background-image: url(../Images/boxback.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.newmiddleboxback {
	background-attachment: scroll;
	background-image: url(../Images/boxmiddleback.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
.bigfonts {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #0a4484;
	padding-top: 5px;
}
.Learnblueback {
	background-attachment: scroll;
	background-image: url(../Images/bluebackground.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding-top: 4px;
		
}
.leanmoretable {
	width: 230px;
}




.newboxbottomback {
	background-attachment: scroll;
	background-image: url(../Images/boxbottomback.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
a.white1:link, a.white1:visited, a.white1:hover  {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	
}

learnmoretext a:link, learnmoretext a:visited, learnmoretext a:hover  {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	
}

.bluemidback {
	background-color: #0A4484;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	
}
.OnlineServiceTable {
	width: 55%;
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}
.tdOnlineService {
	vertical-align: top;
	height: 75px;
}
.onlineservicesouter {
	width: 350px;
}



.citation {
	background-image: url(../Images/paycitaitonimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 173px;
	
}

.ChangeAdd {
	background-image: url(../Images/Changeadd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 173px;

}
.onlineservicesheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0A4484;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0A4484;
}

.drlicense {
	background-image: url(../Images/driverrenewimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
	width: 100%;
}
.regrenew {
	background-image: url(../Images/carimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
}
.reginq {
	background-image: url(../Images/licenseplateimages.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
}