/*

	Title # My GovCost Org

	Date  # 30 August 2010

*/



body {
	padding:0px;
	margin:0px;
	background:#949494 url(/images/background_gray_gradient2.png) repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
}


a {
	color:#0000cc;
	text-decoration:underline;
}

a:hover {
	color:#C60;
	text-decoration:underline;
}

a:active {
	color:#bb0000;
	text-decoration:underline;
}


#wrap {
	width:960px;
	margin:auto;
	text-align:left;
	background:#FFFFFF;
	height:100%;
}
#wrap2 {
	width:960px;
	float:left;
	position:relative;
	background:#FFFFFF;
	height:100%;
}
h1, h2, h3 {
	padding:0px;
	margin:0px;
}



.input-box-on-hp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000000;
	
	height:26px;
	border:none;
	background-color:#ffffff;
	padding:3px 0px 3px 3px;
	width: 267px;
}

.input-field-on-results {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	
	height:18px;
	padding:0px 3px 0px 3px;
}

.input-dropdown-on-hp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000000;
	width: 270px;
	
	height:32px;
	
	padding:3px 0px 3px 3px;
	background-color:#FFFFFE;
}

.input-dropdown-on-results {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	width:315px;
	height:24px;
	background-color:#FFFFFE;
}





/* ================================================== Start Text ================================================== */



.prepand {
	padding-top:5px;
}
.prepand2 {
	padding-top:10px;
}
.prepand3 {
	padding-top:15px;
}
.prepand4 {
	padding-top:20px;
}
.font {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#000000;
}

#startButton{
	float: right;
	width: 81px;
	height: 99px;
	margin-right: 25px;
	position:absolute;
	top:-15;
}

.font2res{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#e4f2ff;
}
.font2res a {
	color:#e4f2ff;
	padding:15px 42px 18px 18px;
}
.font2res a:hover {
	text-decoration: none;
	color: #CCC;
}

.font2gotit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#e4f2ff;
}
.font2gotit a {
	color:#e4f2ff;
	padding:15px 18px 18px 18px;
}
.font2gotit a:hover {
	text-decoration: none;
	color: #CCC;
}
.font2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#e4f2ff;
}

.font2 a {
	color:#e4f2ff;
	padding:15px 69px 18px 18px;
}
.font2 a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.font3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#10467c;
}
.font33{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color:#10467c; }
	
	
.font33 a {
	color:#0000cc;
	text-decoration:none;
}

.font33 a:hover {
	color:#0000cc;
	text-decoration:underline;
}
	
	
	
	
.font4 {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#5e768e;
	font-style:italic;
}

.font5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#535353;
}
.font6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#f71a1a;
}

.font6 a {
	color:#f71a1a;
}

.font6 a:hover {
	color:#000000;
}
.font7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
.font7 a {
	color:#FFFFFF;
}
.font7 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.font8 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#00094a;
}
.font9 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#003f7d;
}
/* ================================================== End Text ================================================== */





/* =============================================== Start Header ==================================================== */



#header {
	width:960px;
	height:78px;
	float:left;
	position:relative;
	text-decoration:none;

}
.logo {
	width:411px;
	padding-top:6px;
	float:left;
	position:relative;
}
.top-right {
	width:162px;
	padding-top:8px;
	float:right;
	position:relative;
}
/* =============================================== End Header ==================================================== */


.footernavigation {
	font-family:Arial, Helvetica, sans-serif;
	width:669px;
	margin-top:10px;
	background-color:#FFFFFF;
	border:1px solid #bbbbbb;
	float:left;
	position:relative;
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:12px;

}


.issuefooternavigation {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-size:14px; */
	width:629px;
	margin-top:10px;
	background-color:#FFFFFF;
	border:1px solid #bbbbbb;
	float:left;
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:12px;
	

}


/* =============================================== Start Navigation ==================================================== */



.nav {
	width:960px;
	background:url(images/mgc_nav_line.gif) right no-repeat;
	height:31px;
	float:left;
	position:relative;

	text-decoration:none;

}




/* ======================================== multilevel Navigation ==================================================== */

.nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	}
	
.nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fcfcfc;
	list-style:none;
	float:left;
	background:url(images/mgc_nav_160.png) no-repeat;
	width:137px;
	/* height:31px; */
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	}
	
.nav li a, .nav li a:link, .nav li a:visited {
	color:#fcfcfc;
	display:block;
	padding:10px 0px 6px 0px;
	text-decoration:none;
	}

.nav li a:hover, .nav li a:active {
	color:#fcfcfc;
	background:url(images/mgc_nav_hover_160.png) no-repeat;
	text-decoration: none;
	
	}
	
.nav li li a, .nav li li a:link, .nav li li a:visited {
	color:#fcfcfc;
	width: 230px;
	/*text-transform: uppercase;*/
	font-size:11px;
	margin:0;
	background: #7B0000;
	padding: 8px 5px 8px 10px;
	border-bottom: 1px solid #E20000;
	border-left: 1px solid #E20000;
	border-right: 1px solid #E20000;
	text-align:left;
	text-decoration:none;
	}
	
.nav li li a:hover, .nav li li a:active {
	background: #710000;
	color:#fcfcfc;
	margin: 0px;
	
	padding: 8px 5px 8px 10px;
	text-align:left;
	text-decoration:none;
	}

.nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	margin: 0px;
	*margin-left:-70px;
	padding: 0px;
	z-index: 100;
	text-decoration:none;
	}
	


.nav li li { 
	}

.nav li ul a { 
	width: 140px;
	}

.nav li ul a:hover, .nav li ul a:active { 
	}

.nav li ul ul {
	margin: -49px 0 0 196px;
	*margin-left:128px;
	}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
	}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto;
	}

.nav li:hover, .nav li.sfhover { 
	position: static;
	}


/* =============================================== End Navigation ==================================================== */





/* =============================================== Start Top ==================================================== */

#GraphResults {
	width:928px;
	float:left;
	position:relative;
	padding: 15px;
	
	padding-bottom:0;
	font-family: verdana;
	font-size: 12px;
}


#topResults {
	margin-bottom: 0px;
	font-size: 12px;
	
	font-family: verdana;
	width:100%;
	float: left;
}
#chartDiv {
	float: left;
	width: 570px;
}
#spendingEffects {
	float: left;
	width: 287px;
	padding: 0 10px;
	color: #FFF;
	text-align: center;
}
#spendingEffects a img {
	text-decoration: none;
	color: #FFF;
	border: none;
}

#debtLook {
	float: right;
	width: 287px;
	padding: 0 10px;
	color: #FFF;
	text-align: center;
}
#debtLook a img{
	text-decoration: none;
	color: #FFF;
	border: none;
}

.desc_graph{
	
	position:relative;
	
	text-align: left;
	font-size:11px;
	padding-top:22px;
	padding-bottom:18px;
	font-weight:normal;
}

#shareResults {
	float: right;
	width: 308px;
	padding: 10px;
	color: #FFF;
	text-align: center;
}
#shareResults a img {
	text-decoration: none;
	color: #FFF;
	border: none;
}
#rightResults {
	border: 1px #002B5F solid;
	float: right;
	width: 308px;
	min-height: 320px;
	padding: 10px;
	margin-bottom: 0px;
	padding-top:0px;
	margin-top:39px;
}
#rightResults .monthlyTaxes p {
	width: 125px;
	padding-top: 10px;
	margin:0;
}
#rightResults .lifetimeTaxes p {
	width: 125px;
	padding-top: 10px;
	margin:0;
	
}
#rightResults .lifetimeReturn p {
	width: 125px;
	padding-top: 10px;
	margin:0;
}
#rightResults .federalDebt p {
	width: 305px;
	text-align: center;
	padding:0;
	margin:0;
}
.labels {
	float: left;
	width: 145px;
}
.fedlabels {
	float: left;
	width: 300px;
	padding: 0;
}
.rightLabels {
	float: left;
	width: 155px;
}
#rightResults .rightLabels p {
	padding: 20px;
	font-size: 12px;
	border: none;
	background: none;
	color: #000;
	font-weight: bold;
	text-align: right;
}
.futureTaxes {
	padding: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.missedInvestment {
	padding: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.final-heading {
	text-align: center;
	width: 928px;
	float: left;
}
.final-heading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#003399;
	

}
#stats {
	float:left;
	position:relative;
	width:576px;
	margin-top:17px;
}

.topStart {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding:9px 0px 0px 0px;
	width:960px;
	height:276px;
	text-align:center;
	background:url(images/mgc-start7.png) no-repeat;
	
	float:left;
	z-index:1;
	position:relative;
	
}

.topStart h2 {
	
	font-size:42px;
	font-weight:bold;
	color:#003399;
	padding-bottom:10px;
}


.started-font {
	
	
	
	
	
	float: center;
	text-align: center;
	font-weight:normal;
	color:#000000;
	padding-bottom:42px;
}

.calctable {

	font-size:18px;
}




.topBox {
	width:960px;
	background:url(images/mgc_top.png) no-repeat;
	height:272px;
	float:left;
	z-index:1;
	position:relative;
}








.top-text {
	width:960px;
	padding:32px 0px 0px 0px;
	text-align:center;
	float:left;
	position:relative;
}
.top-text h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:42px;
	font-weight:bold;
	color:#003399;
	padding-bottom:35px;
}


#error{text-align: center; font-size: 16px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.top-inputbox {
padding-top:27px;
}
}
.top-inputbox-text {
	width:200px;
	padding:32px 0px 0px 0px;
	float:left;
	position:relative;
 *padding-top:35px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.top-inputbox-text {
padding-top:37px;
}
}
.help-me-out {
	width:120px;
	text-align:right;
	float:left;
	position:absolute;
	top:205px;
	left:785px;
}
#name-education {
	width:902px;
	padding-left:58px;
	background:url(images/mgc_education.gif) no-repeat;
	height:38px;
	padding-top:10px;
	text-align:center;
	float:left;
	position:relative;
}
.name {
	width:165px;
	background:url(images/ttbb_name.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.name a {
	width:165px;
	height:28px;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.name a:hover {
	background:url(images/ttbb_name_hover.gif) no-repeat;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.name-fixed {
	width:165px;
	background:url(images/ttbb_name_hover.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.education {
	width:229px;
	background:url(images/ttbb_education.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.education-fixed {
	width:229px;
	background:url(images/ttbb_education_hover.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.education a {
	width:229px;
	height:28px;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.education a:hover {
	background:url(images/ttbb_education_hover.gif) no-repeat;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.age {
	width:168px;
	background:url(images/ttbb_age.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.age-fixed {
	width:168px;
	background:url(images/ttbb_age_hover.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.age a {
	width:168px;
	height:28px;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.age a:hover {
	background:url(images/ttbb_age_hover.gif) no-repeat;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.salary {
	width:191px;
	background:url(images/ttbb_salary.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.salary-fixed {
	width:191px;
	background:url(images/ttbb_salary_hover.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.salary a {
	width:191px;
	height:28px;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.salary a:hover {
	background:url(images/ttbb_salary_hover.gif) no-repeat;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.results {
	width:83px;
	background:url(images/ttbb_results.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.results-fixed {
	width:83px;
	background:url(images/ttbb_results_hover.gif) no-repeat;
	height:28px;
	float:left;
	position:relative;
}
.results a {
	width:83px;
	height:28px;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
.results a:hover {
	background:url(images/ttbb_results_hover.gif) no-repeat;
	float:left;
	position:relative;
	text-decoration: none;
	outline: none;
	border: none;
}
/* =============================================== End Top ==================================================== */	





/* =============================================== Start Block Body ==================================================== */   



#block-body {
	width:940px;
	padding:10px 0px 18px 20px;
	background:#f6f6f6;
	
	float:left;
	position:relative;
}
/* ----------------- Start Left -------------- */



.left {
	padding-left:0px;
	width:590px;
	float:left;
	position:relative;
}
.left h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#003399;
}
.sub-left h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#003973;
}
.sub-left h2 a {
	color:#003973;
	text-decoration:none;
}
.sub-left h2 a:hover {
	color:#003973;
	text-decoration:underline;
	
}


.image-box-body{
   width:118px;
   float:left;
   position:relative;
   }


/

.image-box-top{
   width:90px;
   float:left;
   position:relative;
   }





.image-box{
   width:92px;
   padding:12px 11px 11px 12px;
   background:url(images/mgc_image_box2.jpg)  no-repeat;
   height:92px;
   float:left;
   position:relative;
   }			    

/* ----------------- End Left -------------- */





/* ----------------- Start Right -------------- */



.right {
	width:330px;
	float:right;
	position:relative;
	left:15px;
}
.get-connect {
	width:170px;
	padding-top:11px;
	float:left;
	position:relative;
}
.get-connect h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#003399;
}
.connect-icon {
	width:185px;
	padding-top:5px;
	float:right;
	position:relative;
}
.about-gov-cost {
	width:290px;
	float:left;
	position:relative;
	margin-top:15px;
}
.about-top {
	width:290px;
	padding-bottom:12px;
	float:left;
	position:relative;
}

.about-top-homepage {
	
	padding-bottom:12px;
	float:left;
	position:relative;
}




.about-top h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#003973;
}
.about-top img {
	float:left;
	padding-right:13px;
	padding-bottom:8px;
}
.about-bottom {
	width:349px;
	padding:8px 0px 8px 0px;
	text-align:center;
	background-color:#ffe6e6;
	border:1px solid #e6d4d8;
	float:left;
	position:relative;
}
/* ----------------- End Right -------------- */			



/* =============================================== End Block Body ==================================================== */  





/* ============================================== Start Footer ================================================== */




#footer {
	width:960px;
	height:50px;
	background:url(images/mgc_footer3.png) no-repeat;
	float:left;
	position:relative;

}


.footercopyrighttext {
	
	position:relative;
	top:21px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}



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

.footercopyrighttext a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


.footer-left {
	width:475px;
	float:left;
	position:relative;
}
.twitter-box {
	width:435px;
	padding:10px 18px 0px 20px;
	background:#e5f2ff url(images/mgc_twitter_box.gif) repeat-x;
	border:1px solid #003e7a;
	float:left;
	position:relative;
}
.twitter {
	width:38px;
	float:left;
	position:absolute;
	left:458px;
	top:65px;
}
.footer-logo {
	width:284px;
	padding:26px 0px 0px 0px;
	float:right;
	position:relative;
}
/* ============================================== End Footer ================================================== */









/* ============================================== sub page ================================================== */







#sub-block-body {
	width:910px;
	padding:10px 24px 18px 24px;
	background:#f6f6f6;
	
	float:left;
	position:relative;
	height:100%;
}
#page-tittle-block {
	width:912px;
	float:left;
	position:relative;
	padding-bottom:0px;
}
#page-tittle {
	width:910px;
	background:#005095 url(images/mgc_pagetittle_background.jpg) repeat-x;
	float:left;
	position:relative;
	border:1px solid #002A54;
}
#page-tittle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:7px;
	padding-left:20px;
	padding-bottom:5px;
	padding-right:10px;
}
/* ============================================== sub page - Left ================================================== */



.sub-left {
	width:660px;
	float:left;
	position:relative;
	height:100%;
	
}
.sub-left-postinfo {
	width:99%;
	background-color:#DCEBFF;
	border:1px solid #97DCFF;
	float:left;
	position:relative;
}
.sub-left-postinfo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#004F95;
	padding-left:15px;
	line-height:28px;
}

.blog_title_div h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#004F95;
	padding-left:15px;
	line-height:28px;
}

.sub-left-postdetails {
	width:99%;
	margin-top:10px;
	background-color:#FFFFFF;
	border:1px solid #bbbbbb;
	float:left;
	position:relative;
	padding-left:20px;
	padding-right:20px;
	padding-top:12px;
	padding-bottom:12px;
	height:100%;
	
}
.post-details-text {
	color:#000;
	font-family:verdana, Helvetica, sans-serif;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding:0px;
	height:100%
}

.post-left {
	width:200px;
	float:left;
	position:relative;
}
.post-right {
	width:335px;
	float:left;
	position:relative;
}
.post-details-font {
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#004F95;
	line-height:20px;
}






.post-details-text p {
	padding:0px;
	margin:0px;
	margin-bottom: 15px;
}
.post-details-text ul {
	padding-left: 35px;
}
.post-details-text h2 {
	line-height: 26px;
}
.post-pic {
	background: url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
	margin:5px 12px 4px 4px;
	
}


.post-pic img {
	border:none;
}
.post-info {
	color:#000;
	font-family:verdana, Helvetica, sans-serif;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	width:62%;
	
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	
}
.post-info p {
	padding:0px;
	margin:0px;
	margin-bottom: 15px;
}



blockquote {
	color:#111; 
	border:1px #888 dotted; 
	background:#F7F7F7; 
	padding:15px 20px 5px 20px;
 	margin:10px 25px 10px 25px;
 }






/* ============================================== sub page - Right ================================================== */	  



.sub-right {
	padding-top:12px;
	width:200px;
	float:right;
	position:relative;
}

.sub-right a {
	text-decoration:none;
}

.sub-right a:hover {
	text-decoration:underline;
}



.sub-get-connect {
	width:148px;
	padding-top:11px;
	float:left;
	position:relative;
}
.sub-get-connect h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#003973;
}
.sub-connect-icon {
	width:180px;
	padding-top:5px;
	float:right;
	position:relative;
}


.facebook {
	width:318px;
	float:left;
	background-color:#3B5998;
	padding-left:10px;
	position:relative;
}
.facebook-content {
	width:308px;
	float:left;
	background-color:#ECEFF5;
	padding:10px;
	position:relative;
}
.facebook-like {
	width:308px;
	float:left;
	padding:10px;
	position:relative;
}






.sub-about-gov-cost {
	width:96%;
	padding:4%;

	float:left;
	position:relative;
	margin-top:0px;
}
.sub-about-top {
	width:100%;
	padding-bottom:12px;
	float:left;
	position:relative;
}
.sub-about-top ul {
	margin:0px 0px 0px 10px;
	padding:7px;
}


.about-top ul {
	margin:0px;
	padding:7px;
}

/*

.about-top ul li {
	list-style-type:none;
}
*/

.sub-about-top h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#003973;
	margin:10px 0px 0px 0px;
}


.sub-about-bottom {
	width:100%;
	padding:8px 0px 8px 0px;
	text-align:center;
	background-color:#ffe6e6;
	border:1px solid #e6d4d8;
	float:left;
	position:relative;
}
.alignleft {
	float:left;
	position:relative;
}
.alignright {
	float:right;
	position:relative;
	text-align:right;
}
/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
}

a img{
	border: none;
	text-decoration: none;
}
/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 6px 22px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */

.common {
	float:left;
	position:relative;
	width:100%;
}
.common2 {
	float:left;
	position:relative;
	width:567px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.common2 a {
	color:#004F95;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.common2 a:hover {
	color:#333;
	text-decoration:none;
}
.input_box_c {
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:160px;
	padding-left:2px;
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000;
	line-height:15px;
}
.input_box_ta {
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:500px;
	padding-left:2px;
	height:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000;
	line-height:15px;
}
.img-shadow {
	float:left;
	background: url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
	margin:46px 0px 4px 25px;
}
.img-shadow img {
	display: block; /* IE won't do well without this */
	position: relative; /* Make the shadow's position relative to its image */
	padding: 5px; /* This creates a border around the image */
	background-color: #fff; /* Background color of the border created by the padding */
	border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
	margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}




/* ----------------- Collapse Expand text -------------- */

.ddet_div {
  margin: 16px 0 0 20px;
  display:none;
}

a.ddet_link {
  color:#000000;
  font-weight:bold;
}

a.ddet_link:hover {
  color:#000000;
  font-weight:bold;
  text-decoration: underline;
}


#form_submit, .govItemSelector {
	cursor: pointer;	
}

#btnResultsOnForm {
	cursor: pointer;	
}








/* ----------------- Image captions -------------- */
.wp-caption {
	border: 1px solid #B1A79B;
	text-align: center;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 2px;
	margin-left: 11px;
	margin-right: 11px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	background-position: center bottom;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 14px;
	padding-top:2px;
	padding-bottom:2px;
	/* padding: 2 4px 5px; */
	margin: 0;
}



/* ----------------- Issues Side Menu -------------- */

.issues-sidemenu {
	font-family:Arial;
	width:235px;
	float: left;
	font-size:12px;
	font-weight:bold;
	color:#0000a0;

	
	
}

.issues-sidemenu ul {
	float: left;
	list-style: none;
	margin: 0 ;
	padding: 0;
	
}

.issues-sidemenu li {
	list-style: none;
	text-decoration:none;
	margin: 0;
	padding: 0;
	vertical-align: middle;

	
}

.issues-sidemenu ul li {
	margin: 0;
	padding: 0;
}

.issues-sidemenu a {
	color:#000077;
	display: block;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
	vertical-align: middle;
	line-height:21px;
}


.issues-sidemenu li a:hover {
	/*color:#FFFFFF;*/
	background-color:#d5deea;
	text-decoration:none;
	/*background:url(images/mgc_nav_160.png) repeat-x;*/
}

.issues-sidemenu li ul a {
	width:215px;
}

/*
.issues-sidemenu li.issues-sidemenu-selected {
	background-color:#bed0e7;
}

.issues-sidemenu li.issues-sidemenu-selected a:hover{
	background-color:#bed0e7;
}
*/
.issues-sidemenu li.issues-sidemenu-selected {
	background-color:#0654b8;
	color:#FFFFFF;
}
.issues-sidemenu li.issues-sidemenu-selected a {
	background-color:#0654b8;
	color:#FFFFFF;
}

.issues-sidemenu li.issues-sidemenu-selected a:hover{
	background-color:#0654b8;
	color:#FFFFFF;
}