/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	color: #00267F;
	padding: 0px;
	background-color: #AA66CC;
	margin: 13px 13px 13px 13px;
	line-height: 1.166;
}
.error
{
	color: #C01800;
}
#appHeading{
	margin: 0px;
	width: 690px;
	height: 33px;
	background-color: #093999;
}

#content{
	background-color: #E5B2FF;
	margin-top: 0px;
	margin-left: 13px;
	width: 690px;
	border: 8px solid #093999;
	position: absolute;
}

#appStep{
	background-color: #E5B2FF;
	width: 165px;
	color: #163D98;
	text-align: left;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 10pt;
	float: left;
}

#application {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #2B2B2B;
	top: 0px;
	/*left: 170px;*/
	width: 465px;
	/*margin: 0px 0px 0px 0px;*/
	background-color: #EEDDFF;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 8px;
	/*position: relative;*/
	float: right;
}


#appHeading h1
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 115%;
	padding: 3px 0px 5px 0px;
	margin: 0px;
	color: #EEDDFF;
	letter-spacing: 0.1em;
}

#application  h2 
{
	font-size: 12px;
	text-align: left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-left: 8px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/media/headingbg.gif);
	background-repeat: no-repeat;
	/*line-height: 16px;*/
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	height: 24px;
	width: 223px;
	display: table;	/*background-position: -8px -1px;*/
}
label
{
	padding-left: 0px;
	padding-right: 12px;	
}

h3 label
{
	text-weight: bold;
	padding-left: 0px;
	padding-right: 12px;	
}

form input[type=text]
{
	margin-left: 2px;
	margin-right: 2px;
		
}

form input[type=text].tiny
{
	width: 25px;
}

form input[type=text].short
{
	width: 35px;
}

form input[type=text].phone
{
	width: 140px;
}

form input[type=text].medium
{
	width: 160px;
}

form input[type=text].details
{
	width: 365px;
}

form input[type=text].long
{
	width: 415px;
}

/************** .feature styles ***************/

.feature{
	font-size: 80%;
}

.feature h3{
	padding: 2px 0px 2px 0px;
	text-align: left;	text-align: left;
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feature h3 label 
{
	font-weight: normal;	
}

.feature p {
	padding: 2px 0px 7px 0px;
	text-align: left;
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
}

.feature img{
	float: left;
	margin: 0;
	padding: 0px;
}

.feature a:link{
	color: #00267F;
	text-decoration: none;
}

.feature a:visited{
	color: #00267F;
	text-decoration: none;
}

.feature a:active{
	color: #FFFFFF;
}

.feature a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.clickForMore
{
	font-size: 10pt;
	text-align: left;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 24px;
	padding-left: 0px;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 10px;
	vertical-align: baseline;
	display: block;
}

a.clickForMore{
	color: #093999;
	text-decoration: none;
}

a.clickForMore:visited{
	color: #093999;
	text-decoration: none;
}

a.clickForMore:hover{
	color: #3D75CC;
	text-decoration: underline;
}

a.clickForMore:active{
	color: #3D75CC;
	text-decoration: underline;
}