body {
   margin : 0;
   padding : 0;
   width : auto;
   text-align : center;
   font-family: verdana, arial, sans-serif;
   font-size: 75%;
}

div { margin: 0; padding: 0; }

#wrap {
    position : relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

#frame {
   margin: 0 20px 0 20px;
   padding: 0;
}

#main {
	margin: 0;
	padding: 0;
        width: 1520px;
}


#centercolumn {
   padding : 0;
   margin : 5px 5px 35px 260px;
   width: 700px;
}

.directions {
    background-color: #aaeae5;
	margin: 0 5px 10px 0;
	padding: 0 5px 0 5px;
	border: 1px solid #333333; 
}

#footer {
   margin-top: 10px;
   height: 35px;
}
	
h1 {
   font-family: Verdana, helvetica, sans-serif;
	font-size: 1.5em;
	margin-left: 5px;
        font-weight: bold;
}

#main h1 {
  font-size: 1.5em;
  width: 600px;
}

h2 {  
	font-family: Verdana, helvetica, sans-serif;
/*	font-size: 15px; */
	font-size: 1.1em;
	padding: 0 0 5px 5px;
}

p {
	font-family: Verdana, helvetica, sans-serif;
}

#inner {
	margin: 0;
	padding: 0;
}

#leftcolumn {
   width : 250px;
   padding : 0;
   margin : 0;
   float : left;
}

#leftmenu {
   background: url('/datacenter/images/grey-top-r.gif') no-repeat top right;
   padding: 0;
   margin: 53px 0 0 0;
}

.menubody {
   background: url('/datacenter/images/grey-middle.gif') repeat-y top right;
   margin: 0;
   padding: 0;
}

.bottom { 
   background: url('/datacenter/images/grey-bottom-l.gif') no-repeat bottom left; 
   padding: 14px 0 0 0;
   margin: 0;
}

.bwrapper { 
   background: url('/datacenter/images/grey-bottom-r.gif') no-repeat bottom right; 
   padding: 0 15px 0 0;
   margin: 0;
}

.top { 
   background: url('/datacenter/images/grey-top-l.gif') no-repeat top left;
   padding: 0;
   margin: 0;
   height: 20px;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
    background-color: #e7f1f2; 
}

div .menu {
	margin: 0;
	padding: 0;
    border-top: 1px solid #cccccc;
}

.menu div { 
   margin: 0;
   padding: 0;
}

.menu h3 {
	font-size: 1.1em;
	cursor: pointer; 
	position: relative; 
	width: 100%;
	margin: 1px 0 1px 0;
	padding: 0;
    background-color: #e7f1f2; 
}

.menu h4 {
	font-size: 1em;
	border-top: 1px solid #a6c6d8;
	font-weight: bold;
	color: #003562;
	cursor: pointer;
	position: relative;
    background-color: #e7f1f2; 
    margin: 0;
    padding: 0 1em 0 0;
} 

h3 a, h4 a { 
	display: block;
	font-weight: bold;
	font-size: 1em; 
	padding: .5em .5em .5em 2.2em;
	color: #003562;
	text-decoration: none;
}

h4 a { font-weight: bold; font-size: 1em; }

.menu li a { font-weight: normal; font-size: 1em; }

.menu .ui-icon { 
	position: absolute; 
	left: .5em; top: .5em; 
}

.menu li {
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
    background-color: #e7f1f2;
    border-top: 1px solid #a6c6d8;
} 


.menu li a { 
	display: block;
	font-weight: normal;
	font-size: .97em; 
	padding: .5em 1em .5em 2.2em;
	margin: 0;
	color: #003562;
	text-decoration: none;
}

#selectedMeasures h2 { font-weight: bold; color: #000000; font-size: 1.3em; }

#selectedMeasures {
	padding: 0;
	margin: 10px 0 20px 4px;
	width: 700px;
}

div.measureGrp {
	margin: 5px 0 0 4px;
	padding: 3px 0 0 0;
	border-top: 1px dotted #cccccc;
}

#selectedMeasures .measure {
   margin: 0;
   padding: 0;
}

.measuretext {
	font-size: 1em;
	 padding: 4px 0 4px 20px;
	 margin: 0;
	 height: 28px;
}

.remove {
	float: right;
	margin:0;
	padding:0;
	width: 55px;
}

.mapbutton {
   float: right;
   margin: 0;
   padding: 0;
   width: 140px;
}

#pagemenu {
        width: 700px;
	margin: 40px 0 0 5px;
	padding: 0;
}

#pagemenu span.page {
	font-size: 18px;
	padding: 0 0 0 30px;
	margin: 0;
}

#pagemenu img {
	display: inline;
	padding: 0;
	margin: 0;
	border: none;
}


/**** BUTTONS ****/

ul #buttonbar {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	width: auto;
}

#buttonbar p {
   margin: 0 0 0 0;
}

#buttonbar li {
	padding: 4px 8px 4px 8px;
	display: inline;
	float: right;
	margin: 0 5px 0 0;
	text-decoration:none;
	overflow:visible;
	text-align: left;
}

#buttonbar li a  {
	font-size: 1.1em;
	text-decoration: none;
	color: #ffffff;
    font-weight: bold;
}

#menubuttons button { 
	font-size: 1.1em; 
        font-weight: bold;
        float: right;
}

.mybutton { 
   margin: 0 5px 0 0;
   padding: 4px 8px 4px 8px;
   text-decoration:none !important; 
   cursor:pointer; 
   width: auto;
   position: relative; 

   font-weight: bold;
 }

/** END BUTTONS **/

.prop {
	float: right;
	width : 10px;
	height: 450px;
}

.clear {
   clear : both;
    height:1px;
	overflow:hidden;
}

.remove {
	float: right;
	margin:0;
	padding:0;
	width: 55px;
}

#states table td { 
	text-align: left;
	vertical-align: top;
	border-left: none;
	border-right: none;
}

#states table {
	margin-top: 8px;
	border: none;
}

#states a {
/*	font-size: .75em; */
}

#tablecontainer {
	padding: 0 0 100px;
	margin: 20px 0 0 0px;
}

#tablecontainer table {
   margin: 0;
   padding: 0;
   border-right: 1px solid #cccccc;
   background-color: #ffffff;
   border: 1px solid #000000;
}

#tablecontainer table td, .tablecontainer table td {
   text-align: right;
   vertical-align: top;
   border-bottom: 1px solid #cccccc;
   border-left: 1px solid #ccc;
   font-size: 10px;
}

#tablecontainer table th {
  text-align: left;
  border-left: 1px solid #ccc;
  background-color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

th .year {
	text-align: left;
}

#tablecontainer table th.title {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	background-color: #ffffff;
}

#tablecontainer table td.rowlabel, #tablecontainer table td.rowlabel {
   width: 125px;
   text-align: left;
   font-weight: bold;
}

#tablecontainer table th.rowlabel {
	text-align: left;
}

.total {
   background-color: #deedde;
}

#tablecontainer td.notes { text-align: left; }

.header th, th {
   padding: 5px 3px 5px 3px;
   text-align: center;
   	background-color: #ffffff;
}

.stripe, #tablecontainer tr.oddrow {
   background-color: #eeeeee;
}

.dividerrow tr, .dividerrow tr td, .dividerrow {
   padding: 0;
   margin: 0;
   font-size: 3px;
   line-height: 4px;
   background-color: #f9b969;
}

/** header layout **/

#logo {
   position : absolute;
   top : 10px;
   left : 20px;
   z-index : 100;
   margin : 0;
}

#tablecontainer td.note { margin: 0; padding: 3px; width: 100%; text-align: left; }

#search {
   position : absolute;
   top: 0px;
   right: 5px;
   margin : 0;
   padding : 0;
}

#search form {
  margin: 0;
  padding: 0;
}

#search form input.searchbox {
  position: absolute;
  width: 100px;
  right: 25px;
  top: 20px;
  margin: 0;
  padding: 0;
}

.searchbutton {
   position : absolute;
   top: 20px;
   right: 0px;
   margin: 0;
   padding: 0;
}

div.button {
	font-family: Verdana, arial, sans-serif;
	margin: 0 0 0 0;
	width: auto;
	max-width: 125px;
    float: right;
    font-weight: bold;
}

#donate {
   position : absolute;
   float : right;
   top : 18px;
   right : 150px;
   margin : 0;
   padding : 0;
}

#colorbar {
   display : block;
   width: 100%;
   margin : 0;
   padding : 0;
   font-size : 8px;
   height: 12px;
   background: url(http://www.guttmacher.org/graphics/main/colorbar.jpg) repeat-x top right; 
   border-bottom: 1px solid #ccc;
}

#tagline {
   position : relative;
   z-index : 1;
   text-align : left;
   padding :0;
   margin :0;
   background-color : #42748F;
   border-bottom : 1px solid #000000;
}

#topblock {
	padding: 0;
	margin: 0 0 50px 200px;
}

#topnav {
   width : 100%;
   margin : 0;
   height: 23px;
   padding : 0 0 0 0;
   background-color : #ffffff;
   border-bottom : 1px solid #000;
}

#topnav {
   width : 100%;
   margin : 0;
   padding : 0;
   height: 23px;
}

#topnav ul {
   margin : 0;
   padding : 0;
   list-style-type: none;
}

#topnav ul li {
   margin : 0;
   padding : 0;
   float : right;
}

#topnav li a,
#topnav li a:link,
#topnav li a:visited,
#topnav li a:active {
   margin : 0;
   padding : 5px 15px 5px 15px;
   border-left : 1px solid #aaa;
   font-family : arial, helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   display : block;
   color : #991F00;
   text-decoration: none;
}

#topnav li a:hover { 
      color : #C94300;
      background-color : #eee;
}

#tablecontainer table td.note {
	text-align: left;
    width: 100%;
}

.demoHeaders { margin-top: 2em; }

#dialog_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;top: 50%;
	margin-top: -8px;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {
	margin: 2px; position: relative; 
	padding: 4px 0; 
	cursor: pointer; 
	float: left;  
	list-style: none;
}

ul#icons span.ui-icon {float: left; margin: 0 4px;}

#loading, #loadingbar {
        text-align: center;
        margin-top: 150px; 
        margin-bottom: 300px;
}


.dialog { text-align: left; }

#graphbutton { cursor: pointer; }

#toggletable {
	margin-bottom: 35px;
}
emph {
	font-style: italic;
}

.ui-state-error { width: 100%; margin-bottom: 8px; }

.error { color : #FF0000;  font-weight: bold; font-size: 1.3em; }
.error p { margin-left: 260px; }

#titleblock { margin-left: 260px; }

#menubuttons form {
   display: inline;
}

.menubuttons {
   margin: 0;
   padding: 0;
}

.imgbuttons img { 
   display: inline;
   border: 0;
   margin-left: 5px;
}

.imgbuttons { margin: 0; padding: 0; display: block; text-align: right;  }

#next { text-align: right; width: 735px; margin: 0 20px 15px 0; padding: 0;}

div .mapnotes {
   width: 580px;
   font-size: .9em;
   font-family: verdana, arial, ans-serif;
   margin: 0 0 10px 0;
} 

.trendgraph {
   margin: 25px 0 20px 15px;
}

div#loader {
   width: 650px;
   height: 425px;
}

div#loader.loading {
   background: url('/datacenter/images/ajax-loader-1.gif') no-repeat center center;
}

#numbers, .treeheader {
   font-weight: bold;
   font-size: 1.2em;
   padding: 5px 5px 5px 20px;
   background: #444444;
   color: #FFFFFF;
   width: 214px;
}

#numbers a, .treeheader a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer; 
}

.map {
   margin: 10px 0 200px 30px;
}


.map h1 {
   font-family: helvetica, arial, sans-serif;
   font-size: 1.4em;
   margin: 0;
   padding: 10px 0 10px 0;
} 

div.instruct  {
   width: 700px;
   margin: 15px 0 10px 4px;
   height : 50px;
   color: #333333;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
   padding: 0 0 0 20px;
   border: 1px solid #cccccc;
}

#topicsnav,#policymenu { width: 238px; margin: 0; padding: 0; }

.instruct p {
    padding: 0;
    margin: 1em 0 .5em 0;
}


#leftcolumn .clear { height: .1em; margin: 0; padding: 0; background-color: #444444;    
background: url('/datacenter/images/grey-middle.gif') repeat-y top right;
}

#states { width: 730px; }

div#secbuttons { margin-bottom: 5px; } 
#secbuttons form.forminline  { margin: 0 0 10px 0; padding: 0; display: inline; }

#footer {
  border-top : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
  margin : 50px 0 0 0;
  background-color : #E6E8E7;
  padding : 10px 5px 0 5px;
  margin : 100px 0 0 0;
}

#copyright {
   margin: 0;
   padding: 0;
   float : left;
   font-family : arial, helvetica, sans-serif;
   font-size : 10px;
}

#util {
    text-align : right;
	margin : 0;
	padding : 0 5px 0 5px;
	font-family : arial, helvetica, sans-serif;
	font-size : 10px;
}

#footer a { color: #c94300; }

.linklist a { color: #23438c; font-weight: bold; }

#container a, .map a { color: #1f4c80; font-weight: bold;}

#tablecontainer a:link, #tablecontainer a:visited,
#tablecontainer a:hover, #tablecontainer a:active,.notes a, .mapnotes a {
   color:#C94300;
}

#tabs li a:link, #tabs li a:visited, #tabs li a:hover, #tabs li a:active { color: #ffffff; }