﻿html {background-color: #ffffff;}

body {font-family: arial, sans-serif, Verdana, helvetica, ; font-size:13px; color: #666666; margin: 0px auto; background: url(../Images/sdc/HeaderBg.jpg) repeat-x top left;}

a:link  		{ color: #00a650; text-decoration:underline; }
a:active   		{ color: #00a650; text-decoration:underline; }
a:visited   	{ color: #00a650; text-decoration:underline; }
a:hover			{ color: #197a30; text-decoration:underline; }

h2	{font-size: 16px; font-weight:bold; color:#0095D9; }
h3	{font-size: 15px; font-weight:700; 
color:#00a650;
}


.clear		{clear:both; font-size:1px;}
.greenline	{clear:both; font-size:18px; margin-bottom:3px; border-bottom:3px solid #97CC75;}

/* =========================== */

#Header 				{ height:80px; clear:both;}

#Header div.Logo 		{ float:left; width:339px;}
#Header div.RNav 		{ float:right; width:400px; text-align:right; padding-top:10px; color: #00a650; }

	#Header div.RNav a:link  		{ color:#6DC067; font-weight: bold; text-decoration:none; }
	#Header div.RNav a:active   	{ color:#6DC067; font-weight: bold; text-decoration:none; }
	#Header div.RNav a:visited   	{ color:#6DC067; font-weight: bold; text-decoration:none; }
	#Header div.RNav a:hover		{ color:#6DC067; font-weight: bold; text-decoration:underline; }

#Header	div.Wrapper  	{ display:block; width:945px; margin:0px auto;}

#TopNav 				{ background: url(../Images/sdc/TopNavBg.jpg) repeat-x top left; height:33px; clear:both; margin-bottom:25px; padding-top: 6px; }

	#TopNav a:link  	{ color:#6DC067; font-size:15px; font-weight: bold; text-decoration:none; padding-right:30px;}
	#TopNav a:active   	{ color:#6DC067; font-size:15px; font-weight: bold; text-decoration:none; padding-right:30px;}
	#TopNav a:visited   { color:#6DC067; font-size:15px; font-weight: bold; text-decoration:none; padding-right:30px;}
	#TopNav a:hover		{ color:#197a30; font-size:15px; font-weight: bold; text-decoration:none; padding-right:30px;}

#TopNav	div.Wrapper  	{ display:block; width:945px; margin:0px auto;}

/* =========================== */

#MainContainer		{ display:block; width:945px; margin:0px auto;}

#LeftContainer		{ display:block; width:726px; float:left;}

	#LeftContainer div.HomePageIntro		{ background: url(../Images/sdc/HomePageIllustration.jpg) no-repeat top left; display:block; height:252px; width:726px; clear:both; color:#ffffff;}
	#LeftContainer div.HomePageIntro h1		{ color:#ffffff; font-size:28px; margin: 0px 0px; padding: 15px 0px 3px 20px;}
	#LeftContainer div.HomePageIntro h2		{ color:#ffffff; font-size:18px; margin: 0px 0px; padding: 0px 0px 10px 20px;}
	#LeftContainer div.HomePageIntro h3		{ color:#ffffff; font-size:16px; font-weight: bold; margin: 0px 0px; padding: 0px 0px 8px 0px;}

	#LeftContainer div.Welcome				{ }
	#LeftContainer div.Welcome h2			{ font-size: 23px; font-weight:normal; color:#00a650; margin: 0px 0px; padding: 0px 0px 10px 0px;}
	#LeftContainer div.Welcome p			{ margin: 0px 0px; padding: 0px 0px 0px 0px;}

	#LeftContainer div.Column01				{ display:block; float:left; width:333px; margin-right:8px;}
	#LeftContainer div.Column02				{ display:block; float:left; width:333px; margin-left:8px;}
	
	#LeftContainer div.left-content				{ width: 701px; }
	
		#LeftContainer div.left-content h2		{ margin:15px 0 5px 0; padding:0;}
		#LeftContainer div.left-content h3		{ margin:0; padding:0;}
		
		#LeftContainer div.left-content ul		{ padding:0px 0px 0px 20px;}
		#LeftContainer div.left-content li h3	{ color:#666666; font-size: 13px; font-weight:normal; margin:0px 0px; padding:0px 0px;}

/* ================================================================================= 
  Application.aspx styles.
 ================================================================================= */	


#FormLeftColumn         { float:left; display:block; width:200px; padding-right:10px;}
        
    #FormLeftColumn div.LightBlueBoxTop         {display: block; background: url(../Images/sdc/FormLightBlueBoxTop.jpg) no-repeat top left; background-color: #cbe0fd; position:relative;}
    #FormLeftColumn div.LightBlueBoxBottom      {display: block; background: url(../Images/sdc/FormLightBlueBoxBottom.jpg) no-repeat bottom left;}
    #FormLeftColumn div.Padding                 {display: block; padding: 15px 15px 18px 15px;}
      
    #FormLeftColumn h3  {margin: 0px 0px 10px 0px; color: #0072BC;}
    #FormLeftColumn p   {margin: 0px 0px 0px 0px;}

    #FormLeftColumn div.Spacer   {margin: 0; padding: 0; font-size: 15px;}

/* ~~~~~~~~~~~~~~ */

#FormMiddleColumn        { float:left; display:block; width:525px; }

    #FormMiddleColumn .DottedLine           {border-bottom: 2px dotted #BCBCBC; font-size:2px; margin: 10px 0px 7px 0px;}

    #FormMiddleColumn .ButtonFindAddress    {text-align: center; padding:10px 0px 5px 0px;}
    #FormMiddleColumn .ButtonSubmit         {text-align: center; padding:10px 0px 5px 0px;}

    #FormMiddleColumn .Tip                  {display: block; background: url(../Images/sdc/TipBg.jpg) no-repeat top left; margin: 16px 8px 10px 8px;  padding: 8px 10px 8px 10px;}
    #FormMiddleColumn .NonMandatoryFields   {clear:both; text-align: center; padding-top:8px; font-style: italic;}

    #FormMiddleColumn div.GreenBoxTop       {/*display:block; position:relative;*/ background: url(../Images/sdc/FormGreenBoxTop.jpg) no-repeat top left; background-color:#97cd75;}
    #FormMiddleColumn div.GreenBoxBottom    {background: url(../Images/sdc/FormGreenBoxBottom.jpg) no-repeat bottom left;}
    #FormMiddleColumn div.GreenBoxPadding   {padding: 10px 10px 9px 10px; /*overflow:hidden;*/}

    #FormMiddleColumn h3.Blue               {font-size:17px; margin: 20px 0px 10px 10px; color: #0072BC;}
    #FormMiddleColumn h3.White              {font-size:17px; margin: 0px 0px 10px 0px; color: #ffffff;}
    #FormMiddleColumn h4                    {font-size:14px; margin: 0px 0px 0px 10px; color: #ffffff;}
    
    #FormMiddleColumn ul                    {margin: 10px 0px 0px 0px; padding-left: 10px;}
    #FormMiddleColumn li                    {color: #ffffff; font-weight:bold; list-style-image: url(../Images/sdc/Flower_BPoint.jpg); list-style-position: inside; padding-bottom:2px; }

    #FormMiddleColumn div.WhiteBoxTop       {/* position:relative;*/display:block; height: 100%; background: url(../Images/sdc/FormWhiteBoxTop.jpg) no-repeat top left; background-color:#ffffff;}
    #FormMiddleColumn div.WhiteBoxBottom    {/*display:block; position:relative; */background: url(../Images/sdc/FormWhiteBoxBottom.jpg) no-repeat bottom left; padding: 10px 10px;}


    #FormMiddleColumn div.TextBox                   {/*display:block;*/ height: auto; /*position:relative;*/ float:left;}    
    #FormMiddleColumn div.TextBox, div.Copy         {padding-bottom:3px; width: 153px;}    
    #FormMiddleColumn div.TextBox, .InputBG         {width: 153px; height: 45px; background: url(../Images/sdc/TextBoxBg.gif) no-repeat;}    
    #FormMiddleColumn div.TextBox, .Input           {width: 133px; padding: 0px 6px 0px 2px; margin: 6px 9px 0px 6px; border: 0; background: none;}
    #FormMiddleColumn div.TextBox, .InputDropdown   {width: 138px; margin: 3px 9px 0px 6px; border: 0; background-color: none;}
    
    #FormMiddleColumn div.DropDown          { float:left;}
    
    #FormMiddleColumn select {background-color: #e6e6e6; border: none;}

.ErrorBox {display:block; position:relative; color: #ffffff; overflow:hidden;}


    .ErrorBox div.PinkBoxTop         {display: block; background: url(../Images/sdc/FormPinkBoxTop.jpg) no-repeat top left; background-color: #ED1E79; position:relative; margin-top: 25px;}
    .ErrorBox div.PinkBoxBottom      {display: block; background: url(../Images/sdc/FormPinkBoxBottom.jpg) no-repeat bottom left; overflow: hidden; padding: 10px 15px 10px 15px;}

.ErrorText       { overflow:hidden; display:list-item}
    
/* ~~~~~~~~~~~~~~ */

#FormRightColumn         { float:right; display:block; width:200px; margin-left:10px;}
    
    #FormRightColumn div.LightBlueBoxTop        {background: url(../Images/sdc/FormLightBlueBoxTop.jpg) no-repeat top left; background-color: #cbe0fd; position:relative;}
    #FormRightColumn div.LightBlueBoxBottom     {background: url(../Images/sdc/FormLightBlueBoxBottom.jpg) no-repeat bottom left;}
    #FormRightColumn div.Padding                {padding: 15px 15px 18px 15px;}
      
    #FormRightColumn h3                         {margin: 0px 0px 10px 0px; color: #0072BC;}
    #FormRightColumn p                          {margin: 0px 0px 0px 0px;}
    
    #FormRightColumn ul                         {margin: 0px 0px 15px 0px; padding-left: 0px;}
    #FormRightColumn li                         {list-style-position: inside;  }

    #FormRightColumn div.Spacer   {margin: 0; padding: 0; font-size: 15px;}
    
/* ~~~~~~~~~~~~~~ */




/* =========================== */

#AppContainer		{ display:block; width:726px; float:left; background: url(../Images/sdc/app_bg_bottom.jpg) no-repeat bottom left #97cd75;}

#AppWhiteBox		{ margin: 12px 12px; background: url(../Images/sdc/app_bg_white_bottom.jpg) no-repeat bottom left #ffffff;}
#AppWhiteBoxPadding		{ padding: 0px 16px 16px 16px;}

	#AppContainer h1		{ color:#ffffff; font-size:22px; margin: 0px 0px; padding: 15px 0px 3px 20px;}

	#AppContainer div.HomePageIntro		{ background: url(../Images/sdc/HomePageIllustration.jpg) no-repeat top left; display:block; height:252px; width:726px; clear:both; color:#ffffff;}

	#AppContainer div.HomePageIntro h2		{ color:#ffffff; font-size:18px; margin: 0px 0px; padding: 0px 0px 10px 20px;}
	#AppContainer div.HomePageIntro h3		{ color:#ffffff; font-size:16px; font-weight: bold; margin: 0px 0px; padding: 0px 0px 8px 0px;}

	#AppContainer div.Welcome				{ }
	#AppContainer div.Welcome h1			{ font-size: 23px; font-weight:normal; color:#00a650; margin: 0px 0px; padding: 0px 0px 10px 0px;}
	#AppContainer div.Welcome p			{ margin: 0px 0px; padding: 0px 0px 0px 0px;}

	#AppContainer div.Column01				{ display:block; float:left; width:333px; margin-right:8px;}
	#AppContainer div.Column02				{ display:block; float:left; width:333px; margin-left:8px;}
	
	#AppContainer div.left-content				{ width: 701px; }
	
		#AppContainer div.left-content h2		{ margin:15px 0 5px 0; padding:0;}
		#AppContainer div.left-content h3		{ margin:0; padding:0;}
		
		#AppContainer div.left-content ul		{ padding:0px 0px 0px 20px;}
		#AppContainer div.left-content li h3	{ color:#666666; font-size: 13px; font-weight:normal; margin:0px 0px; padding:0px 0px;}



/* =========================== */

#RightContainer		{ display:block; width:200px; float:right;}

	#RightContainer	div.Box1 h2		{ margin:0px 0px; padding:0px 0px;}
	#RightContainer	div.Box1 h3		{ margin:0px 0px; padding:0px 0px;}
	#RightContainer	div.Box2 h2		{ margin:35px 0px 0px 0px; padding:0px 0px;}
	#RightContainer	div.Box2 h3		{ margin:0px 0px; padding:0px 0px;}
 
	#RightContainer	div.TagCloud   {padding-top:25px;}

/* =========================== */

.Column150px	{float:left;display:block; width:150px; padding: 0px 20px 15px 0px;}
.Column200px	{float:left;display:block; width:200px; padding: 0px 20px 15px 0px;}
.Column300px	{float:left;display:block; width:300px; padding: 0px 20px 15px 0px;}
.ColumnError	{float:left;display:block; width:250px; padding: 0px 0px 15px 0px;}

span.Tip			{ color:#00a650; margin:0; padding:2px; }

.GoogleMap		{padding: 0px 0px 20px 0px;}

/* =========================== */

#Footer { display:block; width:945px; text-align:center; padding:30px 0px 20px 0px;}

	#Footer .Nav01				{ text-align:center; color: #00a650; }
	#Footer .Nav01 a:link  		{ font-weight: bold; text-decoration:none; }
	#Footer .Nav01 a:active   	{ font-weight: bold; text-decoration:none; }
	#Footer .Nav01 a:visited   	{ font-weight: bold; text-decoration:none; }
	#Footer .Nav01 a:hover		{ font-weight: bold; text-decoration:underline; }


	#Footer .Nav02				{ text-align:center; color: #00a650; padding-bottom:20px;}
	#Footer .Nav02 a:link  		{ font-weight: normal; text-decoration:none; }
	#Footer .Nav02 a:active   	{ font-weight: normal; text-decoration:none; }
	#Footer .Nav02 a:visited   	{ font-weight: normal; text-decoration:none; }
	#Footer .Nav02 a:hover		{ font-weight: normal; text-decoration:underline; }


	#Footer .Nav03				{ text-align:center; color: #00a650; padding-bottom:20px;}
	#Footer .Nav03 a:link  		{ font-weight: normal; text-decoration:none; }
	#Footer .Nav03 a:active   	{ font-weight: normal; text-decoration:none; }
	#Footer .Nav03 a:visited   	{ font-weight: normal; text-decoration:none; }
	#Footer .Nav03 a:hover		{ font-weight: normal; text-decoration:underline; }	

	#Footer .Nav03 div.ColumnLeft				{ float:left;}
	#Footer .Nav03 div.ColumnMiddle				{ float:left;}
	#Footer .Nav03 div.ColumnRight				{ float:left;}

	#Footer .GreenLine	{clear:both; font-size:3px; margin-bottom:3px; border-bottom:3px solid #97CC75;}
	#Footer .Copyright {color: #999999; font-size:11px; }
	
	
	#SEOLinks        { text-align:left; color: #999999; margin: 45px 45px 0px 45px;}
	#SEOLinks a:link        { font-weight: normal; text-decoration:none; color: #999999; }
 #SEOLinks a:active        { font-weight: normal; text-decoration:none; color: #999999; }
 #SEOLinks a:visited        { font-weight: normal; text-decoration:none; color: #999999; }
 #SEOLinks a:hover      { font-weight: normal; text-decoration:underline; color: #999999; } 

 #SEOLinks div.Column      { float:left; display:block; width: 171px; margin-bottom:25px;}
	
/* ================================================================================= 
 * Application form styles.
 * ================================================================================= */	

fieldset { border:none; margin-top:10px; padding:10px 0 10px 0; background-color: #F6F6F4;  }	

	fieldset .default	{ color:#C0C0C0; }
	fieldset select,
	fieldset input		{ margin-right:3px; }
	fieldset h3			{ padding: 0px 0 15px 10px; margin:0px 0px; font-size: 18px; }
	fieldset dl			{ padding:0 0 0 15px; margin:0; }
	
		fieldset dl dt			{ width:200px; float:left; clear:left; line-height:1.4em; padding:2px 5px 0 0; text-align:left;  }
		fieldset dl dd			{ margin-left:200px; padding-bottom:10px;  }

	
/* ================================================================================= 
 * Styles for the individual application pages.
 * ================================================================================= */

ul#apply-steps { margin:0; overflow:hidden; padding:9px 0; }

	ul#apply-steps li		{ display:block; float:left; width:150px; margin-right:30px; height:50px; }
	ul#apply-steps strong	{ text-indent:-999999px; }

.form-container		{ }

	.form-container div		{ padding-bottom:10px; }
	.form-container label	{ float:left; width:200px; }


/* ================================================================================= 
 * Green Box Header
 * ================================================================================= */	
	

.GreenBoxHeader		{display:block; margin: 20px 0px 25px 0px; width:auto;}

	.GreenBoxHeader .Corner				{display:block;}
	.GreenBoxHeader .Corner 			*{display:block; height:1px; overflow:hidden; font-size:.01em; background:#aad586}
	.GreenBoxHeader .Corner1			{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #daecca; border-right:1px solid #daecca; background:#bfdfa4}
	.GreenBoxHeader .Corner2			{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f6faf2; border-right:1px solid #f6faf2; background:#badc9c}
	.GreenBoxHeader .Corner3			{margin-left:1px; margin-right:1px; border-left:1px solid #badc9c; border-right:1px solid #badc9c;}
	.GreenBoxHeader .Corner4			{border-left:1px solid #daecca; border-right:1px solid #daecca}
	.GreenBoxHeader .Corner5			{border-left:1px solid #bfdfa4; border-right:1px solid #bfdfa4}
	.GreenBoxHeader .CornerFg			{background:#aad586;}
	.GreenBoxHeader .CornerFg h2		{margin: 0px auto;font-size: 16px; font-weight:bold; color:#0054a6; padding-left:10px;}
	
	
