/* main CSS for Office of the General Counsel site */

/*   */

/* normalize defaults */

html, head, body, 

h1, h2, h3, h4, h5, h6, 

div, span, p, blockquote, img, a,

table, caption, tr, thead, th, tbody, td,

ul, ol, li, label {

	margin: 0;

	padding: 0;

	line-height: 1em;

	font-size: 1em;	

}



.skip {



	position: absolute;

	top: -999px;

	left: -999px;

	clear: both;

}



.clear {

	clear: both;

	height: 0px;

}



/* page layout */



html {

	background-color: #ccc;

}



body {

	background: #CCCC99 url('images/bg-body.gif') repeat-y top right;

	width: 773px;

	margin: 37px auto 100px auto;

}



body.third {

	background-color: #fff;

}



#top {

	background: url('images/bg-header.gif') no-repeat top left;

	width: 773px;

	height: 13px;

}



#bottom {

	background: #ccc url('images/bg-bottom.gif') no-repeat top left;

	width: 773px;

	height: 18px;

}



/* header */



#header {

	background-color: #999966;

	width: 726px;

	height: 119px;

	padding-left: 34px;

}



#mitologo {

	padding-top: 1px;

	display: block;

}



#header .title {

	display: block;

	padding-top: 52px;

	border: none;

}



#mitlogo img {

	border: none;

}



.banner {

	border-bottom: 7px solid #000;

	width: 760px;

	display: block;

	clear: both;

}



ul#nav li,

ul#sitetools li {

	list-style-type: none;

	display: inline;

	float: left;

}



/* site tools */



#sitetools {

	float: right;

	padding-right: 12px;

	margin-top: -93px;

}



#sitetools form {

	display: inline;

}



#sitetools li a:link,

#sitetools li a:visited,

#sitetools li a:hover,

#sitetools li a:active,

#sitetools li label {

	padding-top: 3px;

	display: block;

	font: 0.65em verdana, sans-serif;

	color: #000;

	text-decoration: none;

	width: 60px;

	height: 19px;

	text-align: right;

	padding-right: 1px;

}



#sitetools li label {

	width: 39px;

	padding-left: 23px;

	padding-right: 7px;

	background: url('images/bg-label.gif') no-repeat top left;

	float: left;

	text-align: left;

}



#sitetools #searchbox {

	border: none;

	padding: 0;

	margin: 0;

	width: 79px;

	height: 15px;

	float:left;

	font: 0.65em verdana, sans-serif;

}



#sitetools #searchbutton {

	float:left;

	padding-left: 5px;

}



/* main navigation */



ul#nav {


	width: 760px;

	overflow: hidden;

}

/* div for public and private indicators */
div#secureLinkswrap {
	border-bottom: 7px solid #000;
	border-top: 1px solid #000;
	width: 760px;
	float:left;
	background-color: #cf5614;
}
div#secureLinks {
	font: 0.70em verdana,sans-serif;
	width: 543px;
	padding-top: 2px;
	background-color: #893b12;
	color: #fff;
	font-style: italic;
	text-align: center;
	height: 2em;
	float: left;
}


ul#nav li a:link,

ul#nav li a:visited,

ul#nav li a:hover,

ul#nav li a:active {

	width: 105px;

	height: 23px;	

	padding: 13px 2px 0 2px;

	font: 0.65em verdana, sans-serif;

	line-height: 1.2em;

	text-transform: uppercase;

	color: #FFFFCC;

	background: #993300 url('images/bg-nav.gif') repeat-y top left;

	text-align: center;

	text-decoration: none;

	display: block;

}
ul#nav li a.public {
	background-color: #c44100;
}



ul#nav li a:hover,

ul#nav li a.sel:link,

ul#nav li a.sel:visited,

ul#nav li a.sel:active {

	background-color: #000;

}



ul#nav li a.tall:link,

ul#nav li a.tall:visited,

ul#nav li a.tall:hover,

ul#nav li a.talll:active {

	padding-top: 5px;

	height: 31px;	

}



ul#nav li a.last:link,

ul#nav li a.last:visited,

ul#nav li a.last:hover,

ul#nav li a.last:active {

	width: 102px;

	background-image: none;

}





/* content */



a:link,

a:visited,

a:hover,

a:active {

	color: #993300;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



#content {

	clear: both;

	width: 708px;

	padding: 15px 19px 80px 33px;

	overflow: auto;

}



body.home #content {

	padding-top: 35px;

	padding-bottom: 40px;

}



.col {

	float: left;

}



ul.linklist {

	margin-bottom: 1em;

	padding-right: 0;

}



ul.linklist li {

	list-style-type: none;

	font: 0.65em verdana, sans-serif;

	line-height: .65em;

	margin-bottom: .8em;

}



#main {

	width: 450px;

}



.search #main {

	width: 500px;

}



body.home #main {

	width: 470px;

}



#main p {

	font: 0.7em verdana, sans-serif;

	line-height: 1.5em;

	margin-bottom: 1.4em;

}



#content ol,

#content ul {

	padding-left: 30px;

}



#content li {

	font: 0.7em verdana, sans-serif;

	line-height: 1.5em;

	margin-bottom: 0.4em;

}



#main input.text,

#main textarea {

	font: 0.9em verdana, sans-serif;

	line-height: 1.5em;

	width: 325px;

}



#main input.button {

	font: 0.94em verdana, sans-serif;

	margin: 0 2px;

}



#main label {

	display: block;

	line-height: 1.5em;

	margin-bottom: 0.4em;

}



body.home #main p {

	margin-bottom: 2em;

}



#main .subhead {

	display: block;

	margin-bottom: 15px;

}



body.home #main .subhead {

	margin-bottom: 40px;

}



#content .caps,

#content .underline {

	font: 0.65em verdana, sans-serif;

	line-height: 1.25em;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 1em;

}



#content .caps {

	margin-top: 3em;

}



#content .bold {

	font: 0.65em verdana, sans-serif;

	line-height: 1.25em;

	font-weight: bold;

}



#content .underline {

	border-bottom: 1px solid #000;

	padding-bottom: 6px;

}





#main .half {

	width: 200px;

	padding-right: 15px;

}



body.home #main .half {

	padding-right: 35px;

}



#main .pagehead {

	padding-left: 2px;

	margin-top: 20px;

	margin-bottom: 18px;

}



#main .breadcrumb {

	color: #993300;

	font-size: 0.65em;

	line-height: 0.7em;

}



#content .sel {

	font-style: italic;

}



#main p.first {

	font: 18px "Courier New", monospace;

	line-height: 1.2em;

	letter-spacing: -0.05em;

	margin-bottom: .75em;

}



p.more {

	text-align: right;

}



p.top {

	text-align: right;

}



table.directory {

	font: 0.65em verdana, sans-serif;

	margin: 0;

	width: 450px;

}



#main table.directory p {

	font-size: 1em;

	line-height: 1.35em;

	margin-bottom: .7em;

}



table.directory td,

table.directory th {

	padding: 14px 17px 28px 0;

	margin: 0;

	text-align: left;

	vertical-align: top;

	background-image: none;

}



table.directory th {

	font-weight: normal;

	text-transform: uppercase;

	text-align: left;

	vertical-align: top;

	padding-bottom: 13px;

	padding-top: 0;

}



table.directory td {

	padding-bottom: 18px;

}



table.directory th.first,

table.directory td.first {

	width: 126px;

	padding-left: 72px;

}



table.directory th.second {

	width: 129px;

}



table.directory th.third {

	width: 106px;

}



table.directory td.first {

	background: url('images/bg-directory-first.gif') no-repeat top left;

}



table.directory td.second {

	background: url('images/bg-directory-second.gif') no-repeat top left;

}



table.directory td.third {

	background: url('images/bg-directory-second.gif') no-repeat top left;

}



table.directory td.first img {

	float: left;

	margin-left: -71px;

}



table.directory td.first .bio {

	clear: both;

	float: left;

	margin-left: -53px;

	margin-top: 1em;

	display: block;

}



#main .bioleft {

	background: url('images/bg-directory-second.gif') no-repeat top left;

	width: 160px;

	padding-top: 21px;

	padding-right: 52px;

	font-size: .9em;

}



#main .bioleft img {

	display: block;

	padding-bottom: 15px;

}



#main .bioright {

	background: url('images/bg-directory-second.gif') no-repeat top left;

	padding-left: 4px;

	padding-top: 15px;

	width: 232px;

}



#main h2.bio {

	padding-left: 214px;

	margin-top: -5px;

}



#sidebar {

	width: 215px;

	padding-left: 40px;

	margin-top: 20px;

}



body.home #sidebar {

	padding-left: 30px;

	width: 191px;

}



body.home #sidebar {

	margin-top: -30px;

}



#sidebar .imageheader {

	height: 26px;

	margin-top: 30px;

	margin-bottom: 15px;

}



#sidebar p {

	padding: 0px 24px 0px 10px;

	font: 0.65em verdana, sans-serif;

	line-height: 1.25em;

	margin-bottom: 0.75em;

}



#sidebar p a {

	line-height: 1.25em;

}



#content ul.linklist {

	padding-left: 0px;

}



#content ul.linklist li {

	line-height: 1.4em;

}



#footer {

	clear: both;

	background-color: #fff;

	border-top: 8px solid #CCCC99;

	width: 694px;

	padding: 15px 33px;

}



#footer p {

	font: 0.65em verdana, sans-serif;

	line-height: 1.25em;

	margin-bottom: 0.25em;

}

