﻿body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}

body {
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	height: 98%;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 75.0%; /*62.5%;*/
	line-height: 1.0em;
	text-align: center;
}


.H4 {
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 150%;
}

.Paragraph {
	margin-top: 0px;
	padding: 0px;
}

#pagewrapper {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
}

#header {
	height: 130px;
}

.permPvmt_raindrops {
	width: 177px;
	height: 130Px;
	float: left;
}

.permPvmt_logo {
	width: 700px;
	height: 130Px;
	float: right;
}

#bodywrapper1 {
	margin-top: 0px;
	margin-bottom: 0px;
	/*	background-color: #e6e6e6;*/
	/*	overflow: auto;*/
	/*	float: left;*/
	text-align: center;
	border: 0px solid #000000;
	/*background: url(../Images/sidebar_left.jpg) repeat-y left top;	this graphic is brought in via the impport directive in the Master Page*/
}

#bodywrapper2 {
	margin-top: 0px;
	margin-bottom: 0px;
	/*	overflow: auto;*/
	/*float: left;*/
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	/*	background: url(Images/sidebar_left.jpg) repeat-y left top;*/
	border: 0px solid #000000;
}

#sidebarleft {
	float: left;
	width: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #000000;
	/*	background-color: #e6e6e6;*/
}

#UsefulLinks {
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	background-color: #aabbcc;
	border: 1px solid #000000;
}

#sidebarleft h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #789e91;
}

#sidebarleft ul {
	list-style: square;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 10px;
	text-align: left;
	font-size: 1.0em;
	line-height: 150%;
}

#sidebarleft li {
	margin-bottom: 10px;
}


#bodyMain {
	float: none;
	/*	width: 460px;*/
	margin-left: 180px;
	background-color: #e6e6e6;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	/*line-height: 1.4em;*/
}


/* Navigation
------------------------------------------------------------*/
#navigator p {
	font-family: Arial;
	font-size: 1.2em;
	line-height: 150%;
	color: #002666;
	text-align: left;
	text-decoration: none;
	text-indent: inherit;
	/*background-color: #a7a5a5;*/
	margin-top: 0;
	padding-left: 5px;
	margin-bottom: 0;
	padding-right: 0px;
}

#navigator a {
	text-decoration: none;
}

	#navigator a:link {
		color: #002666;
	}

	#navigator a:visited {
		color: #002666;
	}

	#navigator a:hover {
		color: #77160b;
	}

	#navigator a:active {
		color: black;
	}



/* -------------------------------------------------- */
/* roundbar-grey */
/* -------------------------------------------------- */
#roundbar-grey {
	/*		clear:left;*/
	float: left;
	width: 598px;
	background: #B7B7B7 url(roundbar-grey.gif) 0 25% repeat;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.3em;
	border-bottom: 1px solid #A8A8A8;
	overflow: auto;
}


	#roundbar-grey ul {
		/*		clear:left;*/
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		/*		left:50%;*/
		text-align: center;
	}


		#roundbar-grey ul li {
			display: inline;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 120px;
			margin-right: -1px;
			/*		right:50%;*/
		}


			#roundbar-grey ul li.first {
				border-left: 1px solid #A8A8A8;
			}


			#roundbar-grey ul li.last {
				border-right: 1px solid #C8C8C8;
			}


			#roundbar-grey ul li a {
				display: block;
				margin: 0;
				padding: .4em .8em;
				color: #000;
				text-decoration: none;
				border-left: 1px solid #C8C8C8;
				border-right: 1px solid #A8A8A8;
				line-height: 20px;
			}


				#roundbar-grey ul li a span {
					display: block;
				}


			#roundbar-grey ul li.active a {
				background: url(roundbar-grey.gif) 0 75% repeat;
				font-weight: bold;
			}

			#roundbar-grey ul li a:hover {
				background: url(roundbar-grey.gif) 0 75% repeat;
				background-color: #789e91;
			}
/*end different navigation menu*/


/* Navigation menu */
.nav ul {
	position: relative;
	top: 10px;
	left: 10px;
	list-style: none;
	background-color: #199;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 598px;
}

.nav li {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	line-height: 30px;
	height: 30px;
	/*	border-right: 1px solid #000;*/
	/*	border-bottom: 1px solid #000;*/
}

	.nav li:nth-child(odd) {
		background-color: #777;
	}

.nav a {
	text-decoration: none;
	color: #fff;
	display: block;
	transition: .3s background-color;
}

.nav ul li a {
	margin-right: 0px;
}

.nav a:hover {
	background-color: #789e91;
}

.nav a:active {
	background-color: #fff;
	color: #444;
	cursor: default;
}

@media screen and (min-width: 600px) {
	.nav li {
		width: 120px;
		/*	border-bottom: none;*/
		height: 30px;
		line-height: 30px;
		font-size: 1.4em;
	}
}

.nav li {
	display: inline-block;
	margin-right: -4px;
}
/* end navigation menu*/


.Welcome {
	text-align: left;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 1.2em;
	/*background-color: #e6e6e6;*/
	line-height: 150%;
	padding: 10px;
	padding-bottom: 0px;
	/*margin-bottom: 1.0em;*/
}

.Welcome_Header {
	font-family: Arial, Helvetic, Sans-Serif;
	font-size: 1.8em;
	color: maroon;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
}

.subhead {
	font-size: 120%;
	text-align: center;
	color: maroon;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 25px;
}



.Welcome ul ol li {
	margin: .3em 0 .3em 2.0em;
	font-size: 0.9em;
	line-height: 120%;
}


#Sponsors {
	margin-top: 0px;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.3em;
}

#Hosts {
	margin-top: 60px;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.3em;
}

#AssistanceFrom {
	margin-top: 60px;
	margin-left: 10px;
	text-align: left;
	font-size: 1.3em;
	border: 0px solid #000000;
}



/* Logos
-------------------------------------------------------------------------------*/
#gallery {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	border: 0px solid #000000;
}

.image_row {
	height: 90px;
	margin-left: 10px;
	margin-right: 10px;
	transform-style: preserve-3d;
	margin-top: 10px;
}

.image_row_tall {
	height: 120px;
	transform-style: preserve-3d;
	margin-top: 20px;
}

.image_row img {
	position: relative;
	border: 0px solid #000000;
}

.image_row_tall img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.Logo_left {
	float: left;
}

.Logo_middle {
	float: left;
	margin-left: 40px;
}

.Logo_right {
	float: right;
	margin-right: 10px;
}
/*-----------------------------------------------------------------*/



/* Participants
 --------------------------------------------------------------*/
#ParticipantsWrapper {
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 20px;
}

#Participants {
	margin-top: 30px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.3em;
}

table#AttendeeTable {
	width: 675px;
	margin-top: 20px;
	margin-left: 0px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #000;
}

th {
	height: 20px;
	background-color: #84acc4;
	text-align: left;
	padding-left: 3px;
	border: 1px solid #000;
}

tr:nth-child(odd) {
	background-color: lightgray; /* #e6e6e6;*/ /*first row*/
}

tr:nth-child(even) {
	background-color: beige; /*#e6e6e6;*/ /*#bee5e5;*/ /*second row*/
}

td {
	text-align: left;
	padding: 3px;
	border: 1px solid #000;
}
/*-----------------------------------------------------------------*/



/* Program and Breakouts
 --------------------------------------------------------------*/
#ProgramBreakoutsWrapper {
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 20px;
	padding-right: 5px;
	text-align: left;
}

.ProgramBreakouts {
	margin-top: 30px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.3em;
}

.BreakOutsQuestionsWrapper {
	margin-top: 0px;
	margin-left: 20px;
}

.Welcome h4 {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.BreakOutsQuestionsWrapper ul,ol {
	margin-top: 0px;
	padding-top: 0px;
}

.BreakOutsQuestionsWrapper ul,ol li {
	margin: .3em 0em 0.3em 2.0em;
	font-size: 1.0em;
	line-height: 120%;
	/*color: teal;*/
}

.BreakOutsQuestionsWrapper ul,ol li:first-child {
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

.BreakOutsQuestionsWrapper li li {
	margin-left: 15px;
	margin-top: 3px;
	font-size: 1.0em;
	line-height: 100%;
	color: #96541a;
}

.BreakOutsQuestionsWrapper li li li {
	color: #3867ef;
}

.BreakOutsQuestionsWrapper li li:first-child {
	margin-top: -8px;
	padding-top: 0px;
}

.GroupNumberDiv {
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

.GroupNumber {
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.GroupList {
	margin-left: 60px;
}

.indent {
	margin-left: 30px;
}

.nospaceabove {
	margin-top: 0px;
	padding-top: 0px;
}


.summarylink {
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
}
/*-----------------------------------------------------------------*/



/* Presentations
 --------------------------------------------------------------*/
#PresentationsWrapper {
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
	text-align: left;
	line-height: 150%;
}

#Presentations {
	margin-top: 30px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.3em;
}

#PresentationsTableWrapper {
	margin-top: 20px;
	margin-left: 0px;
	padding-bottom: 0px;
}

table#PresentationsTable {
	border-collapse: collapse;
}

col#Time {
	width: 195px;
}

col#Speakers {
	width: 170px;
}

col#Presentation {
	width: 45px;
}

table#PresentationsTable td {
	padding: 4px;
	color: black;
	line-height: 120%;
}
/*-----------------------------------------------------------------*/



/* Papers
 --------------------------------------------------------------*/
#PapersWrapper {
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
	text-align: left;
}

#Papers {
	margin-top: 30px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.3em;
}

#PapersTableWrapper {
	margin-top: 20px;
	margin-left: 0px;
	padding-bottom: 0px;
}

table#PapersTable {
	border-collapse: collapse;
}

col#Title {
	/*width: 195px;*/
}

col#Authors {
	/*width: 170px;*/
}

table#PapersTable td {
	padding: 4px;
	color: black;
	line-height: 120%;
}
/*-----------------------------------------------------------------*/




/* NCST
--------------------------------------------------------------*/
#NCSTWrapper {
	height: 300px; /*delete after content is added*/
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
	text-align: left;
}
/*-----------------------------------------------------------------*/



#GotoSite {
	margin-top: 20px;
}

.Goto_Button {
	display: inline-block;
}



#footer {
	clear: both;
	background-color: #82a3ba;
	font-size: 1.0em;
	text-align: center;
	color: #ffffff;
	/*border: 1px solid #000000;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0.50em;
	padding-bottom: 0.50em;
	vertical-align: middle;
}

.bullet {
	color: #ffffff;
	margin: 0 5px 0 5px;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.addTopSpace {
	margin-top: 20px;
}
