/*	-------------------------------------------------------------
		unified stylesheet for development
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
		
		@import "reset.css";
		@import "layout.css";
		@import "header.css";
		@import "nav.section.css";
		@import "nav.main.css";
		@import "tables.css";
		@import "widget.css"; 
		@import "custombox.css";
		@import "gobutton.css";
		@import "footer.css";
   

/*	-------------------------------------------------------------
		Base Body Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
		
		html {
				background: #eee;
				}
				
		body {
				font-size: 76%;
				font-family: verdana, helvetica, arial, sans-serif;
				color: #333;
				background: #fff url(images/bg.body.jpg) repeat-x;
      			}
		img {
				display:inline;
				border:none;
				}
		.right {
				text-align: right;
				}
		.center {
				text-align: center;
				}
		.nowrap {
				white-space: nowrap;
				}	
		.strong {
				font-weight: bold;
				}	
		.hide {
				position: absolute;
				text-align: left;
				left: -9999em;
				height: 1%;
				}
				
		#content input, #content select {
				font-size: 1.1em;
				}
				
		/* 	PIE Easy Float Clearing 							*/
		.clearfix:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
				}
		.clearfix {display: inline-block;}

		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
		
		a span { 
				cursor:pointer;
				}
		a { 
				color: #005F86;
				}
		#content a {
				
				color: #005F86;
				}
		#content a:link {			
				}
		#content a:visited {
				/* color: #2E5185; */
				}
		#content a:focus,
		#content a:hover,
		#content a:active {		
				border-bottom-color: #BF5700;
				color: #BF5700;
				}
		
    				
 /*	-------------------------------------------------------------
	Content styling
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
		#content-main {
				margin-left: 42px;
				margin-right: 42px;
				}
				
		.home #content-main {
				margin-left: 0;
				margin-right: 0;
				}
				
    h1 {
				font: normal 2.2em Arial, Helvetica, sans-serif;
				color: #568000;
				margin: 0.7em 0;
				letter-spacing: -1px;
				clear: both;
				}
				
    h2 {
				font: normal 1.7em Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        margin: 1em 0;
      	}
				
		h1+h2 {
				margin-top: 1.0em;
				}
				
		#content h2 a {
				border: none;
				color: #005F86;
				}
		#content h2 a:hover {
				color: #BF5700;
				}
		
		h3 {
				font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
				margin: 1.2em 0;
				}
				
		.catalog h3 {
				clear: both;
				}
				
		h4 {
				font-weight: bold;
				line-height: 1.5em;
				margin-right: 0.5em;
				}
				
		p {
        line-height: 1.5em;
        margin-bottom: 1.0em;
      	}
				
		.lead {
				font-size: 130%;
				letter-spacing: -1px;
				}
				
		ul {
				list-style-type: none;
				margin: 0.5em 1.5em 1.5em;
				}
		
		ol { 
				list-style-position: outside;
				margin-left: 2.5em;
				}
		ul ul,
		ol ul {
				margin-bottom: 0;
				}
		
		
		#primary ul {
				list-style-image: url('images/bullet.grey2.gif');
				}
		
		.home #primary ul {
				list-style-image: none;
				}
				
		li { 
				line-height: 1.5em;
				margin: .5em 0;
				}
		
		dl {
				margin-top: 1em;
				}
		dt {
				float: left;
				clear: both;
				width: 33%;
				padding: 1em 0;
				font-weight: bold;
				text-align: right;
				margin: 0;
				}
		dd {
				width: 60%;
				padding: 1em 0;
				margin: 0 0 0 36%
				}
		dd img {
				float: left;
				margin-right: 5px;
				}
		
		dl>dt, dt+dd {
				border-top: 1px solid #eee;
				}
		
		dd+dd{
				padding-top: 0;
				}

		.catalog dl {
				clear: both;
				overflow: hidden;
				}
		.catalog dt {
				float: left;
				width: 33%;
				padding: 1em 0;
				font-weight: bold;
				text-align: right;
				clear: both;
				margin: 0;
				}
		.catalog dd {
				float: left;
				width: 58%;
				padding: 1em 0;
				margin: 0 0 0 3%;
				}
				
		.col2 {
				width: 45%;
				float: left;
				margin-right: 15px;
				}
		.col2 h2 {
				margin-bottom: 0;
				}
				
		.right {
				/* float: right; */
				}
		
		.col2.right {
				text-align: left;
				}
		
		.callout {
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				margin: 2em 0;
				padding: 20px 2em .5em 95px;
				background: url(images/icon.question.ol.gif) no-repeat 20px 20px;
				}
		#content .callout h2 {
				margin: 0 0 0.2em;
				font-weight: bold;
				}
		#content .callout img {
				float: left;
				margin-left: -66px;
				}
		#content .image-float {
				float: left; 
				margin: 0 15px 1.5em 0; 
				clear: left;
				}
		.image-float+h2 {
				margin-top: 0;
				}
				
		.notes {
				border-top: 1px solid #ddd;
				margin-top: 1.5em;
				padding-top: 1em;
				}
		
		.callout2 {
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				margin: 2em 0;
				padding: 20px 2em 1.5em 20px;
				}
		.callout2 h2, .callout2 p {
				margin: 0 0 0.1em;
				float: left;
				width: 45%;
				}
		.callout2 p {
				font: normal 1em Arial, Helvetica, Verdana, sans-serif;
				color: #888;
				clear: left;
				}
		.callout2 ul {
				float: right;
				width: 50%;
				margin: 0;
				}
		#primary .callout ul,
		#primary .callout2 ul {
				list-style-image: none;
				}
		.callout ul li, 
		.callout2 ul li {
				margin: 0 0 0.2em;
				}
		
		.callout2 + .callout2 {
				border-top: none;
				margin-top: -2em;
				}
/*	TODO - move to better spot */

		p.nav-next {
				text-align: right;
				font-size: .9em;
				padding-top: 20px;
				color: #666;
				}

		#crumb {
				margin: 0 0 0 42px;
				padding: 10px 0 0;
				font-size: .85em;
				color: #333F48;
				}
		#crumb a {
				color: #333F48;
				}
				
		#crumb a:hover {
				color: #BF5700;
				}	
				
		#crumb em {
				color: #333F48;
				font-style: normal;
				}
				
		.related h2 {
				margin: 0;
				font-size: 1.1em;
				font-weight: bold;
				color: #333;
				letter-spacing: normal;
				border-bottom: 4px solid #eee;
				padding: 1.5em 0 4px 4px;
				}
		.related ul, .related li {
				margin: 0;
				}
		
		#secondary .related li a, #secondary .related li span {
				font-size: .9em;
				display: block;
				padding: 4px 5px 5px 5px;
				border-bottom: 1px solid #e3e3e3;
				text-decoration: none;
				}
		#secondary .related li span {
				padding-top: 8px;
				border-bottom: 3px solid #eee;
				}
		#secondary .related li li a {
				padding-left: 1.5em;
				}			
		#secondary .related li a.current {
				cursor: default;
				color: #666;
				background: #fff;
				}
		#secondary .related li a:hover {
				color: #BF5700;
				border-bottom: 1px solid #e3e3e3;
				background: #fff;
				}
		#secondary .related li a.current:hover {
				color: #666;
				}
				
		#wrapper {
				position: relative;
				padding-top: 2.5em;
				overflow: visible;
				}
		#content {
				padding-top: 4px;
				}
		#printlogo {
				display: none;
				}
				
 /*	-------------------------------------------------------------
		skip links
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
		ul.skip {
				position: absolute;
				top: -9999em;
				}

/*	-------------------------------------------------------------
	catalogs rules
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
		
		body.catalog .text-right {text-align: right;}
		body.catalog .lev2 {padding-left: 2em;}
		body.catalog .lev3 {padding-left: 3em;}
		body.catalog .lev4 {padding-left: 4em;}
		body.catalog .lev5 {padding-left: 5em;}

		body.catalog blockquote {
			display: block;
			float: right;
			width: 44%;
			margin: 0 0 1.25em 3.5em;
			clear: right;
			font-size: 90%;
			color: #666;
			line-height: 1.6em;
			}
		body.catalog cite {
			display: block;
			font-weight: bold;
			font-style: normal;
			text-align: right;
			margin-top: 0.25em;
			}
		
		body.catalog .alt {
			font-variant: small-caps;
			}
		
		body.catalog h4 {
			margin-bottom: 1em;
			}
		
		body.catalog #featured {
			background: url(images/gi.cover.jpg) no-repeat 50% 0;
			height: 175px;
			display: block;
			border: none;
			}

		body.catalog.gi0809 #featured {
			background: url(images/gi0809.cover.jpg) no-repeat 50% 0;
			height: 250px;
			}
			
		body.catalog.gi0910 #featured {
			background: url(images/gi09.cover.jpg) no-repeat 50% 0;
			height: 260px;
			}
			
		body.catalog.gr #featured {
			background: url(images/grad09.cover.jpg) no-repeat 50% 0;
			height: 260px;
			}
			
		body.catalog.grad #featured {
			background: url(images/grad.cover.jpg) no-repeat 50% 0;
			}
			
		body.catalog.law #featured {
			background: url(images/cover-law0810.jpg) no-repeat 50% 0;
			height: 250px;
			}
			
		body.catalog.law1012 #featured {
			background: url(images/cover-law1012.jpg) no-repeat 50% 0;
			height: 318px;
			display: block;
			border: none;
			}

		body.catalog.ug0810 #featured {
			background: url(images/ug0810.cover.jpg) no-repeat 50% 0;
			height: 250px;
			}
			
		body.catalog .cat-nav-next {
			border-top: 1px solid #eee;
			margin-top: 2em;
			}
		body.catalog .cat-nav-next h4 {
			float: left;
			font-size: .9em;
			margin-bottom: 0;
			
			}
		body.catalog #content .cat-nav-next p.contact {
			float: left;
			font-size: .9em;
		}
		body.catalog #content p.pages {
			text-align: right;
			margin-bottom: 0;
			font-size: .9em;
			}
		body.catalog #content p.nav-next {
			margin-top: 0;
			padding-top: 0;
			float: right;
			}
			
		#search-local { padding-top: 1em; }
		#search-local label {
			font: bold 1.1em Arial, Helvetica, sans-serif;
			}
		#search-local .button {
			padding: 1px;
			}