/* CSS by Jonathan B. Morgan, 2007 */

div#pubType{
	background: #f2edda;
	padding: 3px 3px 3px 10px;
	height: 25px;
	vertical-align: top;
	margin-top: 10px;
	border: 1px solid #e5e0cf;
}

div#pubType h1 {
	position: relative;
	font: italic bold 180% Arial, Helvetica, sans-serif;
	margin: 0em auto 0.5em;
	color: #194579;
	text-align: left;
	float: left;
	margin: 0px;
}

div#pubType ul{
	list-style: none;
	float: right;
	padding: 5px 0px;
	margin: 0px;
}
div#pubType ul li{
	display: inline;
	margin: 0px;
	margin-right: 5px;
	
}

div#pubType ul li a {
	color: #336699;
	text-decoration: none;
	padding: 2px 5px;
	background: #fffcf2;
	border: 1px solid #e5e0cf;
}

div#pubType ul li a:hover {
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #c5aa73;
}


div#pub {
	border-top: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	padding: 10px 0px;
	margin: 0.5em 0em;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0px solid #000000;
}

div#pub h2 {
	margin: 0.5em 0em 0.5em;
	font-size: 160%;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
}

div#pub h2 .subText{ /* Used for text that needs to go directly under a header but not be as big as the header. The text is put inside of the header tags and then this class is applied to the text by using span tags.*/
	font-size: 70%;
	margin: 0px;
	display: block;
	padding: 0px;
	font-weight: normal;
}

.pubH2EngSub {
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-top: .5em;
}

div#pub h3 {
	margin: .75em 0em 0.5em;
	font-size: 135%;
	font-weight: bold;
	text-align: left;
}

div#pub h4 {
	margin: .5em 0em 0.25em;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

div#pub h5 {
	margin: .25em 0em 0em;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
} 

div#pub h6 {
	margin: .25em 0em 0em;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

div#pub p {
	padding: 0px;
    margin: 0px;
	line-height: 120%;
	margin-top: 1em;
	margin-bottom: 1em;
	/*text-indent: 3em;*/
	margin-left: 0px;
	margin-right: 0px;
}

div#pub a {
	color: #006699;
	text-decoration: none;
}

div#pub a:hover {
	text-decoration: underline;
}

div#pub ul {
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: url(/resources/images/bullet_dash.gif) none outside;
	margin-left: 1em;
}
div#pub ul li {
	margin-left: 2em;
	margin-top: .5em;
	margin-bottom: .5em;
}

div#pub ul ul {
	list-style: url(/resources/images/bullet_dot.gif) none outside;
}
div#pub ul ul ul {
	list-style: url(/resources/images/bullet_dot2.gif) none outside;
}

div#pubDate{
	background: #f2edda;
	padding: 3px 10px 5px 3px;
	text-align: right;
	font-weight: bold;
	color: #194579;
	border: 1px solid #e5e0cf;
}

div#pub dl {
	padding: 0px;
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: none;
}

div#pub dt {
	padding: 0px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .5em;
}
div#pub dd {
	padding: 0px;
	font-weight: normal;
	margin-bottom: .25em;
	margin-left: 3em;
}

div#pub .horzSeparate { /*Used on the about pages and anywhere else you want to separate an item with horizontal lines.*/
	border-bottom: 1px solid #CCCCCC;
	padding: 0.15em 0em;
	border-top: 1px solid #CCCCCC;
	display: block;
}

div#pub blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

div#pub .title { /*Used to bold and enlarge the title of something in a list or paragraph. If the item is not an actual title of something then the regular <strong> tag may be used to make it bold.*/
	font-size: 110%;
	font-weight: bold;
}

div#pub .titleSub { 
	font-size: 90%;
}

div#pub .noSpace{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div#pub .sectionLeft { /*Used to pull header items (usually h2 or H3 which can be used to denote sections in the page) to the left.*/
	text-align: left;
	margin-left: 0px;
}

div#pub .sectionRight { /*Used to pull header items (usually h2 or H3 which can be used to denote sections in the page) to the right.*/
	text-align: right;
	margin-right: 0px;
}

div#pub .sectionColor { /*Used to change the color of the header items on a page to a different color than the standard black. The color is currenlty maroon, but the title (sectionColor) is generic in case we want to change the color later the tag won’t be confusing to others.*/
	color: #990000;
}

div#pub .alertColor { /*Used to draw attention to an item on the page. The color is currenlty bright red, but the title (alertColor) is generic in case we want to change the color later the tag won’t be confusing to others.*/
	color: #FF0000;
}

#pubVideoContainer {
	float:right;
	background-color:#F7F3E6;
	line-height: 110%;
	font-size: 95%;
	border: 1px solid #c5aa73;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;

}
#pubVideo {
	padding: 0px;
	margin: 0px auto 10px auto;
	border: 1px solid #e5e0cf;
}