/*
*************************************************

Harvard About Styleguide
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************

*/

/*-------------------------------------------
    General Selectors
-------------------------------------------*/
html { -webkit-font-smoothing: antialiased; }
* { margin: 0; padding: 0; line-height: 1; }
body { background-color: #fff; color: #297398; font: normal 17px 'Trade Gothic W01 Roman', Arial, Helvetica, Verdana, sans-serif; }


/* block level */

h1 { text-transform: uppercase; font: normal 61px/64px 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif; margin-bottom: 32px; }
h2 { text-transform: uppercase; font: normal 32px/32px 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif; margin-bottom: 16px; }
h3 { text-transform: uppercase; font: normal 23px/24px 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif; margin-bottom: 16px; }
h4 { font: normal 23px/32px 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif; margin-bottom: 16px; }
h5 { text-transform: uppercase; font: normal 17px/24px 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif; margin-bottom: 16px; }
h6 { }

hr { border: none; margin-bottom: 32px; border-top: 1px solid #297398; }

p { line-height: 24px; margin-bottom: 32px; }
p, ul, dl, ol { }
	li { }
	dd { }

blockquote { }

table { border-collapse: collapse; }
	th { }
	th, td { }
	

/* inline */

em { font-style: italic; }
strong { font-weight: bold; }

a { color: #0000ff; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

img { display: block; margin-bottom: 32px; }
p + img { margin-top: -8px; }

a img { border: none; }

input, textarea { }
input:focus, textarea:focus { }

code { font: 12px/1 'Courier New', Courier, monospace; }

sub, sup { line-height: 0; }



/*-------------------------------------------
    Global combinations
-------------------------------------------*/
#image-replaced a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }

.wrap:after, .split-2:after, .list-thumbs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

.move { position: absolute; left: -9999px; }
.hide { display: none; }


/*-------------------------------------------
    Structure
-------------------------------------------*/
.wrap { width: 958px; margin: 0 auto; }
.sub { width: 212px; float: left; margin-right: 37px; }
.main { width: 709px; float: right; }

.split-2 .col { width: 336px; float: left; }
.split-2 .first { margin-right: 36px; }


.with-key { width: 405px; padding-right: 253px; position: relative; min-height: 90px; }
.with-key img { position: absolute; right: 0; top: 0; margin-top: 0; }
.with-key-tall { min-height: 140px; }
.with-key-alt { width: 360px; padding-right: 349px; }

.grid .toggle-content { display: none; }
.grid .open .toggle-content { display: block; }



/*-------------------------------------------
    General Styles
-------------------------------------------*/
.sub { border-top: 3px solid #a0a0a0; }
.sub li { list-style: none; }
.sub a { border-bottom: 1px solid #a0a0a0; padding: 6px 0 10px; display: block; color: #a0a0a0; font: 17px/24px 'Trade Gothic W01 Bold 2', Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
.sub a:hover, .sub a:focus { text-decoration: underline; }
.sub .active { color: #297398; }
.sub .on { color: #297398; } /* added by WAT 7/10/12 */

.section-intro { padding-bottom: 32px; border-bottom: double 3px #297398; }

.list-thumbs li { list-style: none; float: left; margin-right: 8px; }

.sub-section { border-bottom: 1px solid #297398; margin-bottom: 32px; } 
.sub-section:last-of-type { border-bottom: none; }

h1 a, h3 a { color: #297398; text-decoration: none; }
h3 a:hover, h3 a:focus { text-decoration: underline; }

.footnote { font-size: 14px; }

p + .toggle { margin-top: -1em; }
.toggle { margin-bottom: .5em; }


.fixed { position: fixed; top: 0; }


/*-------------------------------------------
    Additional Styles
-------------------------------------------*/

table.report {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-collapse: collapse;
}

table.report td, 
table.report th {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 12px 12px;
vertical-align: top;
}

#subnav  li li a{padding-left: 16px; font-size: 14px;}
#subnav .hidden{display: none;}
ul.submenu.closed{display: none;}

/* Web Development Section uses submenu on landing pages, but font needs to be larger */
#subnav  li .submenu li a{padding-left: 0; font-size: 16px;}

/* Hide the submenu heading link on the two sub sites */
#subnav .menu-heading a.heading-link{display: none;}
/* Hide the submenu heading link on the main page */
.web-development-home #subnav .menu-heading a.heading-link{display: block;}

/* HTML Code */
pre.prettyprint {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 12px;
line-height: 1.1;
margin-top: 16px;
margin-bottom: 16px;
font-family: monospace;
white-space: pre;
}

.prettyprint {
background-color: #F7F7F9;
border: 1px solid #E1E1E8;
padding: 8px;
}

.unofficial {
	color: #08da2a;
	border: 1px solid #08da2a;
	padding: 20px;
}

.remove {
	color: #f00;
	border: 1px solid #f00;
	padding: 20px;
}

.left {
	display: inline-block;
	float: left;
}

.right {
	display: inline-block;
	float:right;
}

.clear {
	clear: both;
}

/*-------------------------------------------
    Additional Styles
-------------------------------------------*/

table.report {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-collapse: collapse;
}

table.report td, 
table.report th {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 16px 24px;
vertical-align: top;
}

table.report.narrow td, 
table.report.narrow th{
padding: 12px 12px;
}

#subnav  li li a{padding-left: 16px; font-size: 14px;}
#subnav .hidden{display: none;}
ul.submenu.closed{display: none;}

/* Web Development Section uses submenu on landing pages, but font needs to be larger */
#subnav  li .submenu li a{padding-left: 0; font-size: 16px;}

/* Hide the submenu heading link on the two sub sites */
#subnav .menu-heading a.heading-link{display: none;}
/* Hide the submenu heading link on the main page */
.web-development-home #subnav .menu-heading a.heading-link{display: block;}


#container ul.bulleted {
list-style-type: disc;
padding: 0px;
margin: 0px;
}

table.report.smaller th,
table.report.smaller td{padding: 12px 18px; font-size: 12px;}
table.report.smaller th.pms{width: 40%;}

/* HTML Code */
pre.prettyprint {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 12px;
line-height: 1.1;
margin-top: 16px;
margin-bottom: 16px;
font-family: monospace;
white-space: pre;
}

.prettyprint {
background-color: #F7F7F9;
border: 1px solid #E1E1E8;
padding: 8px;
}

.closed{display:none;}