/* main html element styles */
body {
	margin: 0px;
	padding: 0px;
	border-top: 5px solid #1f4e49;
	background: #4b8c85 url("../_img/page-blend.gif") repeat-x fixed bottom left;
	text-align: center;
	padding-bottom: 25px;
}

img	{
	display: block;
	border: 0;
	}

#wrapper	{
	background: #ffffff url("../_img/page-bkgd.gif") repeat-y top center;
	margin: 10px auto;
	padding: 0;
	/*border-bottom: 2px solid #00004c;*/
	width: 650px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 650px;	 
	}

html>#wrapper	{
	width: 650px;
	}
	
#header	{
	background: #fff;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#header h1, #header h2 {
	display: none;
}
	
#pagebody	{
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
/* Hide from IE5/Mac \*/
#pagebody {
	clear: both;
}
/* end hide */

#maincontent {
	float: left;
	margin: 0;
	padding: 5px 5px 10px 10px;
	background: url("../_img/logo-bkgd.gif") no-repeat bottom left;
	width: 434px !important;
	width: 449px;  /* box model hack */
	}
	
#maincontent {
	font-size: small !important;
	font-size: x-small;
}

#maincontent pre {
	font-size: medium !important;
	font-size: small;
	color: #361216;
	border: 1px solid #00004c;
	background: #f9f9f9;
	padding: 5px 10px;
	margin: 0px 20px;
	width: 380px;
}

#sidebar	{
	padding: 0px;
	padding-top: 5px;
	margin: 0 0 0 450px;
	border-right: 2px solid #00004c;
	color: #2d0808;
	}		
	
#footer {
	border: 2px solid #00004c;
	background: #1F4E49;
	color: #deb0b5;
	padding: 5px 7px 7px 10px;
	margin-bottom: -5px;
	text-align: right;
	clear: both;
	}
	
#footer p {
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 50px;
	padding: 0;
	text-align: right;
}
	
/* horizontal navigation menu style */
#menu {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border-left: 2px solid #00004c;
	border-right: 2px solid #00004c;
	background: #fff url("../_img/menu-bkgd.gif") repeat-x bottom;
   	line-height: normal;
	float: left;
	font-size: small !important;
	font-size: x-small;
	font-weight: bold;
	width: 646px !important;
	width: 650px;
	}

#menu ul {
	border: 0;
	margin: 0;
    padding: 0;
	list-style: none;
	text-align: center;
	}

#menu ul li {
	float:left;
	background:url("../_img/tab-body.gif") no-repeat right top;
	margin:0;
	padding:0;
	}
	
#menu #current {
	background: url("../_img/cur-tab-body.gif") no-repeat right top;
	margin-bottom: 0px;
	}
	
#menu ul li a {
	float: left;
	display:block;
	background:url("../_img/tab-left-edge.gif") no-repeat left top;
	padding: 5px 10px 0px;
	color: #666;
	text-decoration: none;
	}
	
/* Hide from IE5/Mac \*/
#menu ul li a {
	float: none;
}
/* end hiding hack */
	
#menu ul li a:hover {
	color: #b4737a;
	text-decoration: none;
	}
	
#menu #current a {
	background: url("../_img/cur-tab-left-edge.gif") no-repeat left top;
	color: #361216;
	padding: 5px 10px 3px;
	}
	
#maincontent .conferenceTheme {
	text-align: center;
	background-color: #dee4ee;
	color: #00004c;
	border: 1px solid #5977a6;
	margin: -10px 5px 10px 0px;
	padding: 5px 10px 10px;
	font-weight: bold;
	font-style: italic;
	font-size: large !important;
	font-size: medium;
}

#maincontent .importantInfo {
	text-align: right;
	margin: 0px 5px 10px 0px;
	padding: 5px;
	/*border-right: 1px solid #00004c; #b4737a;*/
	color: #1f4e49;
	line-height: 130%;
	font-weight: bold;
	font-size: large !important;
	font-size: medium;
}

#maincontent div.eventListing {
	margin: 5px 5px 15px 0px;
    color: #00001e;
	font-size: small !important;
	font-size: x-small;
}

#maincontent div.eventListing span {
	display: block;
	padding-left: 10px;
}

#maincontent div.eventListing h3 {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #00004c;
	border: none;
	border-bottom: 1px solid #5977a6;
	margin-bottom: 7px;
	background-color: #fff;
	width: 98%;
}

span.title {
	display: block;
	font-weight: bold;
	font-size: larger;
	color: #00004c;
	border-bottom: 1px solid #5977a6;
	margin-bottom: 7px;
	padding-left: 10px;
}

span.subtitle {
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #00004c;
	margin-bottom: 10px;
}

div.info {
	color: #1f4e49;
	padding-left: 10px;
}

#maincontent a {
	color: #b4737a;
	text-decoration: underline;
}

#maincontent a:visited {
	color: #00004c;
}

#maincontent a:hover {
	color: #7d3d44;
}

#maincontent a.button {
	border: 1px solid #7d3d44;
	border-bottom: 2px solid #7d3d44;
	border-right: 2px solid #7d3d44;
	background-color: #b4737a;
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
}

#maincontent a.button:visited {
	color: #fff;
}

#maincontent a.button:hover {
	color: #c9ede9;
	background-color: #7d3744;
	border: 1px solid #361216;
	border-bottom: 2px solid #361216;
	border-right: 2px solid #361216;
}

#sidebar div {
	background: #c9ede9;
	margin: 5px 8px 15px;
	padding: 0px;
	border: 1px solid #1f4e49;
}

#sidebar div h1 {
	background: #1F4E49;
	margin: 0px;
	color: #deb0b5;
	font-size: larger;
	font-weight: bold;
	padding: 5px;
}

#sidebar div dl {
	margin: 5px 5px 10px;
}

#sidebar div dl dt {
	margin-top: 3px;
	border-bottom: 1px solid #2d0808;
}

#sidebar div dl dd {
	padding: 2px 0px 3px;
	margin-left: 10px;
}

#sidebar div a {
	color: #b4737a;
	text-decoration: underline;
}

#sidebar div a:visited {
	color: #2d0808;
}

#sidebar div a:hover {
	color: #7d3d44;
}

#footer p a {
	color: #deb0b5;
}

#footer p a:visited {
	color: #deb0b5;
}

#footer p a:hover {
	color: #f3dddf;
}
	
/* typographic styles */
body {
	font-family: verdana, geneva, arial, sans-serif;
	color: #00001e;
}

#sidebar {
	color: #361216;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #dee4ee;
}

#maincontent h1 {
	font-size: x-large !important;
	font-size: large;
	background: #00004c;
	border: 1px solid #00001e;
	border-bottom: 3px solid #00001e;
	padding: 5px 10px 2px 5px;
	margin: 5px 5px 10px 0px;
}

#maincontent h1 sup {
	font-size: medium !important;
	font-size: small;
}

#maincontent h2 {
	font-size: large !important;
	font-size: medium;
	background: #00004c;
	border: 1px solid #00001e;
	border-bottom: 3px solid #00001e;
	padding: 5px 10px 2px 5px;
	margin: 15px 5px 10px 10px;
}

#maincontent h3 {
	font-size: medium !important;
	font-size: small;
	border-bottom: 2px solid #00004c;
	background: transparent;
	margin: 15px 5px 10px 20px;
	color: #00004c;
	width: 80%;
}

#maincontent h4 {
	font-size: small !important;
	font-size: x-small;
	background: transparent;
	color: #00004c;
	border-bottom: 1px solid #00004c;
	margin: 10px 5px 5px 30px;
	width: 60%;
}

#maincontent h5 {
	font-size: small !important;
	font-size: x-small;
	background: transparent;
	color: #00004c;
	margin: 10px 5px 5px 40px;
}

#maincontent ul, #maincontent ol {
	font-size: small !important;
    font-size: x-small;
}

#maincontent ul {
	margin: 0;
	margin-left: 50px;
	padding: 0;
	list-style-type: circle;
}

#maincontent ul.toc {
	margin: 0px;
	text-align: center;
	list-style-type: none;
	padding: 0px;
}

p {
	line-height: 125%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
}

#maincontent p {
	font-size: small !important;
    font-size: x-small;
}

#maincontent em {
	font-weight: bold;
	font-style: italic;
	color: #7d3d44;
}

#maincontent .deepIndent {
	margin-left: 35px;
}

#maincontent .inset {
	border: 1px solid #361216;
	padding: 5px;
}

#maincontent .error {
	margin: 5px;
	color: #900;
}

#maincontent form {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-size: small !important;
	font-size: x-small;
	color: #361216;
}

#maincontent form fieldset {
	margin: 0px;
	padding: 5px;
	background-color: #f9f9f9;
	border: 1px solid #361216;
	border-top-width: 2px;
	border-left-width: 2px;
}

#maincontent form fieldset legend {
	margin: 5px;
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	background-color: #7d3d44;
	border: 1px solid #361216;
	border-top-width: 2px;
	border-left-width: 2px;
	font-size: medium !important;
	font-size: small;
}

#maincontent form fieldset label {
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
}

#maincontent form fieldset label .sub, #maincontent .sub {
	font-weight: normal;
	font-size: x-small !important;
	font-size: xx-small;
}

#maincontent form fieldset input {
	margin-left: 10px;
	margin-bottom: 5px;
	width: auto;
}

#maincontent form fieldset input.wide {
	width: 200px
}

#maincontent form fieldset input.narrow {
	width: 100px
}

#maincontent form fieldset input.extraWide {
	width: 400px
}

#maincontent form fieldset input.extraNarrow {
	width: 25px
}

#maincontent form fieldset textarea {
	margin-left: 10px;
	margin-bottom: 5px;
	width: 400px;
}

#maincontent form fieldset div.leftcol {
	width: 220px;
	margin-right: 10px;
	float: left;
}

#maincontent form fieldset fieldset {
	border: 1px solid #361216;
	margin-bottom: 5px;
}

#maincontent form fieldset fieldset legend {
	margin: 0px;
	margin-left: -12px;
	background: transparent;
	border: none;
	color: #361216;
	font-size: small !important;
	font-size: x-small;
}

#maincontent form fieldset fieldset label {
	display: inline;
	font-weight: normal;
}

#maincontent table {
	border-collapse: collapse;
	border: 1px solid #1f4e49;
	background: #fff;
	text-align: center;
	vertical-align: top;
	margin: 10px 0px 7px;
	width: 100%;
}

#maincontent table caption {
	/*border: 1px solid #1f4e49;*/
	background: #1f4e49;
	color: #deb0b5;
	font-size: medium !important;
	font-size: small;
	font-weight: bold;
	padding: 5px 10px;
	width: 50%;
	text-align: left;
}

#maincontent table tr th {
	background: #c9ede9;
	vertical-align: text-top;
	border: none;
	padding: 3px;
	border-bottom: 1px solid #1f4e49;
}

#maincontent table tr th.rowhead {
	vertical-align: text-top;
	background: #eefffc;
	border: none;
	border-left: 1px solid #1f4e49;
	border-right: 1px solid #1f4e49;
	border-bottom: 1px dashed #c9ede9; 
}

#maincontent table td {
	padding: 2px 4px;
	text-align: center;
	vertical-align: text-top;
	border: none;
	border-bottom: 1px dashed #c9ede9; 
	border-left: 1px dashed #c9ede9; 
}

#maincontent table td.left {
	text-align: left;
}

#maincontent table td label {
	display: block;
	text-align: left;
	font-weight: normal;
}

#maincontent table th input {
	margin: 3px;
	padding 3px;
}

#maincontent table td .eventListing {
	text-align: left;
	margin: 0px 10px 10px 5px;
}

#maincontent table td .eventListing h4 {
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
	width: auto;
	border: none;
	font-weight: bold;
	color: #7d3d44;
}

#maincontent table td .eventListing h5 {
	margin: 0px 0px 3px 10px;
	padding: 0;
	border: none;
	font-weight: bold;
}

#maincontent table td .eventListing .location {
	margin-left: 20px;
}

#maincontent table td .eventListing .speaker {
	margin-left: 20px;
	font-style: italic;
}

#maincontent table td .eventListing .info {
	margin-left: 20px;
}

#maincontent table td .eventListing dl {
	color: #00004c;
	margin: 0;
	padding: 0;
}

#maincontent table td .eventListing dt {
	margin: 2px 0px 3px 10px;
	padding: 0;
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #00004c;
}

#maincontent table td .eventListing dd {
	margin: 0px 0px 3px 30px;
	padding: 0;
}

#sidebar p, #sidebar div {
	font-size: small !important;
    font-size: x-small;
}

#sidebar div dl dt {
	font-weight: bold;
	color: #b4737a;
}

#footer p {
	font-size: small !important;
	font-size: x-small;
}

em {
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

.right {
	text-align: right;
}

.small {
	font-size: 75%;
}

/* space management */
div.tinySpacer {
	height: 10px;
}

div.smallSpacer {
	height: 25px;
}

div.mediumSpacer {
	height: 50px;
}

div.largeSpacer {
	height: 100px;
}

div.rightFloat {
	float: right;
}

a.standout {
	border: 1px solid #00004c;
	font-size: 80%;
	font-weight: bold;
	padding: 2px 5px;
}

.red {
	color: #900;
}

