@charset "utf-8";

@import url(reset.css);

/* these style the jello mold */
body {
	padding: 0 376px 0 376px;
	margin: 0;
	text-align: center;
	background: #1b4164;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	color: #333;
}
		
#sizer {
	margin: 0 auto;
	padding: 0;
	width: 46%;
	max-width: 248px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: white;
	margin: 0 -376px 0 -376px;
	min-width: 752px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { 
	height: 0; 
}
/* */

/* helps IE get the child percentages right. */
#wrapper { 
	width: 100%;
	background: #fff;
	text-align: left
} 

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* end jello mold */

/* skip nav */
.skip {
	padding: .5em 0 0 1em;
	background-color: #fff;
	text-align: left;
}

.skip a, .skip a:visited {
	color: #fff;
	font-size: .8em;
	font-weight: bold;
}

.skip a:focus, .skip a:active, .skip a:hover {
	color: #1b4164;
}
/* end skip nav */

/* styles the header */
#header {
	width: 100%;
}

#headerL {
	float: left;
	padding: 1em 0 1em 1em;
}  

#header img {
	border: 0;
}

#headerR {
	float: right;
	padding: .15em 1em 1.5em 0;
	text-align:  right;
}

#headerR img {
	padding-bottom: .5em;
}

#tools ul {
	list-style-type: none;
}

#tools a {
	color: #1b4164;
	font-size: .75em;
	text-decoration: none;
}

#tools a:hover, #tools a:active, #tools a:focus {
	text-decoration: underline;
}

#tools li {
	display: inline;
	padding-left: 1.25em;
	padding-right: 1em;
} 

.mail {
	background-image: url(../images/email.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.print {
	background-image: url(../images/print.gif);
	background-position: left;
	background-repeat: no-repeat;
}
/* header ends */

/* main navigation */
#mainnav, #mainnav ul {
	list-style: none;
}

#mainnav li {
	float: left;
	background: #72afb6;
	width: 12%;
}

#mainnav li.pubs, #mainnav li.mit, #mainnav li.just, #mainnav li.tools {
	width: 16%;
}

#mainnav a {
	display: block;
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	padding: .75em 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #1b4164;
	border-width: 2px 0;
}

#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
 	background: #e47d1d;
}
/* end main nav */

/* breadcrumbs */
#crumbwrapper {
	background: #e3eff0;
	font-weight: bold;
	color: #e47d1d;
	font-size: .7em;
	border-bottom: 1px solid #1b4164;
}

#crumbs {
	margin-left: 25%;
	padding: .5em 0;
}

#crumbs a:link, #crumbs a:visited {
	text-decoration: none;
	color: #e47d1d;
}

#crumbs a:hover, #crumbs a:active, #crumbs a:focus {
	text-decoration: underline;
}
/* end breadcrumbs */

/* left hand section sub-navigation */
#subnavwrap {
	float: left;
	width: 20.5%;
}

#subnavwrap img {
	border: none;
	margin-top: .75em;
	margin-left: 1em;	
}


#subnav {
	background: #72afb6;
	font-size: .75em;
	border: 1px solid #1b4164;
	border-width: 0 1px 1px 0;
	text-align: left;
}

#subnav ul {
	list-style: none;
}

#subnav ul li a, #subnav ul li a:visited {
	padding: 1em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a:focus {
	background: #e47d1d;
}

#subnav ul ul li a, #subnav ul ul li a:visited {
	padding: .5em 1em .5em 2.5em;
}

#subnav ul ul i a:hover, #subnav ul ul li a:active, #subnav ul ul li a:focus {
	background: #e47d1d;
}

#subnav ul ul ul li a, #subnav ul ul ul li a:visited {
	padding-left: 4em;
}

#subnav ul ul ul li a:hover, #subnav ul ul ul li a:active, #subnav ul ul ul li a:focus, #subnav ul ul ul ul li a:hover, #subnav ul ul ul ul li a:active, #subnav ul ul ul ul li a:focus {
	background: #e47d1d;
}

#subnav ul ul ul ul li a, #subnav ul ul ul ul li a:visited {
	padding-left: 6em;
}

/* end left hand section navigation */

/* 2 column layout */
#contentR {
	float: right;
	margin: 1.5em 1.5em .5em 0;
	padding: 1.5em;
	width: 70.5%;
	font-size: .8em;
}

#contentR a:link, #singlecol a:link, #copy a:link {
	text-decoration: underline;
	color: #db781b;
}

#contentR a:visited, #singlecol a:visited, #copy a:visited {
	color: #333;
}

#contentR ul { /* lists within  the content area */
	list-style-type: disc;
	margin: 0 1.5em 1em 2.5em;
}

#contentR ul li {
	padding: .35em 0;
}

#contentR table {
	width: 80%;
}

#contentR td {
	padding: .5em;
}
/* end 2 col */

/* single column layout */
#crumbs.single {
	margin-left: 1.5em;
}

#singlecol {
	margin: 1.5em;
	font-size: .8em;
}
/* end singlecol */


/* start footer - includes bar & copyright info */
#footer {
	text-align: center;
	color: #db781b;
	margin-top: 1.5em;
}

#footer ul {
	list-style-type: none;
	font-size: .8em;
}

#footer ul li {	
	display: inline;
}

#footer li a, #footer li a:visited {
	color: #db781b;
	text-decoration: none;
}

#footer li a:hover, #footer li a:focus {
	text-decoration: underline;
}

.deco { /* dotted line acrodd bottom */
	width: 90%;
	height: 17px;
	background: url(../images/footer4.gif) repeat-x;
	border: 0;
	margin: 1em auto 
}

#copy {
	font-size: .7em;
	margin-bottom: 1em;
}
/* end footer */

/* globals */
.clear {
	clear: both;
}

p {
	line-height: 1.6em;
}

p.first {
	margin-top: 0;
}

.left {
	float: left;
	width: 45%;
	margin: 0 0 0 2em;
}

.right {
	margin: 0 0 0 50%;
}

blockquote {
	margin: 0 2em;
}

h1 {
	font-size: 1.5em;
	color: #72afb6;
}

h2 {
	font-size: 1.2em;
	color: #72afb6;
}

h3 {
	font-size: 1.1em;
	color: #72afb6;
}

img.icon {
	border: none;
}

.imgL {
	float: left;
	margin: .5em 1.5em 1em 0;
	border: 1px solid #1b4164;
}

.imgR {
	float: right;
	margin: .5em 0 1em 1.5em;
	border: 1px solid #1b4164;
}

.imgC {
	margin: .5em 0;
	border: 1px solid #1b4164;
}

.directions {
	text-align: left;
	display: block;
	border: 1px solid #72afb6;
	margin: 1.25em 0;
	padding: .5em;
}

hr {
	width: 75%;
	height: 1px;
	color: #72afb6;
	background-color: #72afb6;
	text-align: center;
}

.extra {
	margin-top: 1.5em;
}

/* homepage boxes */
.box {
	float: left;
	width: 47%;
	margin: 1.5em 0 1.5em 5%;
	margin-right: 0;
}

.boxBig {
	width: 99%;
	margin:  .5em 0 1.5em;
	margin-right: 0;
}

.roundtop { 
	background: #e3eff0 url(../images/topR.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

.border {
	border: 1px solid #e3eff0;

}

.box h2, .boxBig h2 {
	color: #1b4164;
	text-align: center;
	padding: 0 0 .5em 0;
	text-transform: uppercase;
	background: #e3eff0;
	width: 100%;
}

.first {
	margin-left: 0;
}

.box a:link, .boxBig a:link {
	text-decoration: underline;
	color: #db781b;
}

.box  a:visited. .boxBig a:visited {
	color: #333;
}

.box p, .boxBig p {
	padding-left: 1em;
	padding-right: 1em;
}
/* end homepage boxes */


/* doc types */
a[href$='.pdf'] { 
	padding:0 20px 0 0; 
	background:transparent url(../images/acrobat.gif) no-repeat center right;
}  

a[href$='.doc'],a[href$='.docx'] { 
	padding:0 20px 0 0; 
	background:transparent url(../images/word.gif) no-repeat center right; 
}  

a[href$='.xls'],a[href$='.xlsx'] { 
	padding:0 20px 0 0; 
	background:transparent url(../images/excel.gif) no-repeat center right; 
} 

a[href$='.ppt'] { 
	padding:0 20px 0 0; 
	background:transparent url(../images/powerpoint.gif) no-repeat center right; 
} 
/* end doc types */

/* decision table */
#contentR table.dec {
	width: 100%;
	margin: 1.5em 0;
}

table.dec th {
	text-align: center;	
	padding: .5em;
	border: 1px solid #e9e9e9;
}

table.dec td {
	width: 50%;	
	padding: .5em;
	line-height: 1.2em;
	border: 1px solid #e9e9e9;
}