/*site wide styles*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-image: url(images/page_background.gif);
	background-repeat: repeat-y;
}
.required {
	font-weight: bold;
	color: #FF0000;
}
h1 {
	font-size: 90%;
	font-weight: bold;
	color: #D41B26;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 {
	font-size: 80%;
	font-weight: bold;
	color: #D41B26;
	margin-top: 0px;
	margin-bottom: 7px;
}
h3 {
	font-size: 80%;
	font-weight: bold;
	color: #1A628A;
	margin-top: 0px;
	margin-bottom: 7px;
}
p   {
	font-size: 75%;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 125%;
}


li    {
	font-size: 75%;
	margin-bottom: 8px;
	margin-left: -20px;
	list-style-image: url(images/red_bullet.gif);
	line-height: 125%;
}
 
a:link {
	color: #1A628A;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}




.middle  { /*class h1 and h2 with this style when they appear in the middle of text*/
	margin-top: 20px;
	
}

.sectionHead   { /*apply this style to paras that sit at the top of the page and 
identify the section title*/
	color: #1A628A;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*positioning divs*/

#topBanner  { /*holds the top pictures and title image*/
	height: 141px;
	width: 760px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#topBar   { /*holds the register now and register online button*/
	height: 23px;
	width: 760px;
	background-color: #FFA600;
	position: absolute;
	left: 0px;
	top: 141px;
}

#sidenav   { /*holds side navigation and letter link*/
	position: absolute;
	width: 180px;
	left: 0px;
	top: 164px;
}

#sidenavSubtopics  { /*holds side navigation subtopics*/
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 8px;
	color: #1A628A;
	
}

/*style the links for the side navigation subtopics*/
#sidenavSubtopics a:link  { 
	color: #D41B26;
	text-decoration: none;
}

#sidenavSubtopics a:visited  {
	color: #D41B26;
	text-decoration: none;
}

#sidenavSubtopics a:hover  {
	color: #1A628A;
	text-decoration: underline;
}

/*styles the div and its content that holds the invitation letter link*/
#invitation  {
	background-color: #FFA600;
	color: #FFFFFF;
	font-size: 75%;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-right: 5px;
	line-height: 140%;
}

#invitation a:link   {
	color: #FFFFFF;
	text-decoration: underline;
}

#invitation a:visited  {
	color: #FFFFFF;
	text-decoration: underline;
}

/*styles the textarea*/
#textArea   {
	width: 560px;
	position: absolute;
	left: 180px;
	top: 164px;
	overflow: visible;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 0px;
}

/*styles the floating right sidebar in the textarea.
The header images sit in this div.
Note that this has child divs styled below*/
#rightSidebar   {
	float: right;
	width: 150px;
	margin-right: 0px;
	margin-left: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}
/*styles the text boxes in #rightSidebar*/
#sidebarBox   {
	background-color: #FFFFFF;
	background-image: url(images/box_background.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
}

#sidebarBox p  {
	font-size: 70%;
	margin-top: 0px;
	line-height: 125%;
}

/*styles the bottominfo*/
#bottominfo   {
	clear: both;
	width: 560px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1A628A;
	margin-top: 40px;
	padding-top: 5px;
}
#bottominfo p   {
	font-size: 65%;
	
}
.emphasis {
	font-weight: bold;
}
.agendatime {
	font-size: 80%;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 15px;
}
.agendaitem {
	font-size: 80%;
	font-weight: bold;
}
.agendaspeaker {
	font-weight: normal;
}
.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-bottom: 15px;
	padding-top: 0px;
	text-align: right;
	padding-right: 8px;
}
.imageFloatLeft {
	padding: 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.imageFloatRight {
	padding: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
}
.clearleft {
	clear: left;
}
.required {
	font-size: 130%;
	font-weight: bolder;
	color: #D41B26;
}