<!--
/* >>>>> Page Styles <<<<< */

html, body {margin: 0; padding: 0; font-size: 100%; }
body {font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000; background: #ffffff; }
img {border: 0; margin: 0; padding:0;}
form {margin-top: 1em;}
th {text-align:left; padding:2px 8px}
td {padding:5px 5px}
table {width:90%; margin-left:20px;}
table caption {text-align:left;margin-left:10px;padding-bottom:0.3em;font-weight:bold;}


p {margin: 0; padding: 8px 7px 0 10px; }
#contents a:link, #contents a:visited {padding-top: 0; }
#contents a:hover {padding-top: 0; }
#pagetitle {margin: 0; padding: 0; font-size: 0%; color: #FFFFFF; }
#bottom {font-size: 1px; line-height:0; margin:0; padding:0;clear:both;}

.altcolor {color: #56BF00; font-weight: bold; }
.alignright  {margin: 0; padding: 1em 10px 2em 0; text-align: right; }
.small {font-size: .9em; }
.alignright strong {font-weight: bold; }

/* >>>>> Sidepage extras <<<<< */

h1 {font-size: 1.8em; color: #0070DF; font-weight: bold; margin-top: 10px; padding-left: 10px;}
ul {color: #000; list-style: none; list-style-position: outside; margin: 0; padding: 0 10px 1.5em 10px; } 
		  /*** bottom padding instead of margin to avoid Op6 
			"Bottomgap Bug." Please see Big John's explanation of this bug - 
			http://www.positioniseverything.net/op-omnibus/bottomgap.html ***/
ul.list {list-style:disc inside;}
.right ul {padding-right: 5px; }
li {padding: 1px;} 
.lime_bold {font-weight: bold; color: #3F8A00;}

/* *****>>>>> Demo Styles <<<<<***** */

/*** The #header div has a static position and a background image ***/
#header {margin: 0; height: 95px;}
/*** this is a shorthand property for the various  background properties ***/
/*** must be set so the following absolutely positioned divs are placed correctly on initial load of the page***/ 
#header img {float:right; padding: 0 43px 0 0; margin:0;}
#leftbox {position: absolute; left: 0px; width: 43px;}
 
#rightbox {position: absolute; right: 0px; top: 95px; margin-right: -15px; width: 43px;}

/* hide the following from IE5-Mac \*/
#rightbox {right: 0; margin-right: 0; }
/* IE5-Mac can see the rest */

#container {margin-left: 43px; margin-right: 43px; margin-top:0px; 
			min-height:420px; height:auto !important; height:420px;}
			/*** IE work around for min-height ***/
#contents {	margin: 8px 0em 5px 10px; color: #000000; padding: 3px; position: relative; } /*** IE6 needs this to display the div ***/
#footer {margin-top: 5em; padding-left: 55px; position:relative;} 
#navmenu {background-color: #E5E5E5; padding: 3px 0 9px; position: relative;} 
/*** IE6 needs this to display the div ***/ 

/* Hide from IE5-Mac \*/
* html #navmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/ 

#navmenu ul {display: block; list-style: none; padding: 0; margin: 0; font-family: Verdana, sans-serif;
				text-align: center; line-height: 1.2em; } 
#navmenu ul li {font-weight: bold; display: block; float: left; position: relative;
				padding: 1px 1em 0px 1em; margin: 0;}
 /*** IE6 needs this to display the links ***/
#navmenu ul li.first {margin-left: 0; list-style: none; }
#navmenu a:link, #navmenu a:visited {color: #333333; padding: 1px; text-decoration:none; }

#navclear {display: block; clear: both; }

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 
#submenu {background: #E5E5E5; color: #ffffff; margin: 0; padding: 0 5px 5px 0; border-top: 2px solid #FFFFFF;
	border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; position: relative; } /*** for IE6 ***/ 
#submenu ul {display: block; list-style: none; padding: 0; margin: 0; font-family: Verdana, sans-serif;
				text-align: center; line-height: 1.0em; } 
#submenu ul li {font-weight: normal; display: block; float: left; position: relative;
				padding: 1px 1em 0 1em; margin: 3px 0; }
 /*** IE6 needs this to display the links ***/
#submenu ul li.first {margin-left: 0; list-style: none; }
#submenu ul li.last {border-right: solid 1px black; }
#submenu a {padding: 1px 0; font-weight:bold; font-size: 90%; color:#666666;} 
#submenu a.submenuON {color: #000066; background-color: #FFFFFF;}

#wrapper {padding-top: 5px; }
/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/
* html #wrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/
.left {float: left;	margin-left: 6px; width: 75%; padding: 5px 5px 5px 14px;}
h2 {padding:0;margin:1em 0 0 0; font-size: 1.2em;background-color:#E5E5E5;}
html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.right {float: right; margin-right: 6px; width: 15%; padding: 5px 5px 5px 0;}
html>body .right {margin-right: 12px;} /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.left5050 {float: left;	width: 48%; padding: 5px 5px 5px 5px;}
.right5050 {float: right; width: 48%; padding: 5px 5px 5px 0;}
.left7030 {float: left;	width: 70%; padding: 5px 5px 5px 10px;}
.right7030 {float: right; width: 26%; padding: 5px 5px 5px 0;}
.col33 {float:left; width:29%; padding: 5px 5px 5px 5px;}
.clear {clear: both; margin: 0; padding: 0;}
.half {float:left; width: 40%; padding: 5px 5px 5px 14px;}
.formformat label {float:left; width:11.0em; display:block; margin-right:0.8em; text-align:right}
.formformat label.nobreak {margin-left:.2em;display:inline;float:none;text-align:left}
.formformat p {margin:0.5em 0; clear:left}
.formformat p.check span {padding-left:11.8em; float:left; clear:left; display:block; width:78%;}
.formformat p.check2 span {padding-left:5.0em; float:left; clear:left; display:block; width:78%;}
.formformat p.check2 span.info {width:45em; clear:none; padding:0; text-align:left; margin:.5em 0 .5em 0;display:block;}
.formformat p.check label,.formformat p.check2 label{width:auto; float:none; display:inline; margin:0; text-align:left}
.formformat p.check span.name {width:11em; clear:none; padding:0; text-align:right; margin:.5em 0 .5em 0;}
.formformat p.check span.first{clear:none; padding-left:0.8em; margin:.5em 0 0 0;width:55%;}
.formformat fieldset {width:98%; border:0;}
.formformat legend {font-weight:bold;}
.formformat p.info {clear:left;padding-left:12.5em;padding-top:1.5em;}
.formformat p.instructions {clear:both; padding-top:1.5em;font-weight:bold;}
.mockbutton {border:outset 4px #E5E5E5; padding:4px; font-size:150%; font-weight:bold; font-style:italic; padding:10px;}
.home img {position: relative; margin-left:-26px; margin-top: -10px;}
.warn {color:red; font-weight:bold;}
.rightborder {border-right: solid 1px #e5e5e5;}
.borderbottom {border-bottom: solid 2px #0070DF;}
.borderbottomGreen {border-bottom: solid 2px #3F8A00;}
.selected {background-color:#E5E5E5;} 
.center {text-align:center;}

.mocktable {margin-bottom:.8em;position:relative;}
.mocktable p {margin:0.1em 0; clear:left; line-height:1.5em;}
.mocktable span.head {float:left; width:15.0em; display:block; margin-right:0.8em; text-align:left; font-weight:bold; }
.mocktable span.foot { float:left; display:block;}
.mocktable span.foot2 { float:left; display:block; padding-left:15.8em;}
.mocktable br {line-height:1.0em;}

.mocktablecompact {margin-bottom:.8em;position:relative;}
.mocktablecompact p {margin:0 0 1em; clear:left; line-height:1.5em;}
.mocktablecompact span.head {float:left; width:6.5em; display:block; margin-right:0.8em;
							 margin-bottom:.5em; text-align:left }
.mocktablecompact span.foot {float:left; display:block;line-height:1.5em;margin-bottom:.5em;}
.mocktablecompact span.foot2 {float:left; display:block; padding-left:7.3em;margin-bottom:.5em;}
.mocktablecompact br {line-height:1.0em;}

.mocktablehalf {margin-bottom:.8em;position:relative;}
.mocktablehalf p {margin:0.1em 0; clear:both; line-height:1.2em;}
.mocktablehalf span.head {float:left; width:14.0em; display:block; padding-right:0.8em; 
						text-align:left; font-weight:bold;}
.mocktablehalf span.foot {float:left; display:block;width:20.0em;}
.mocktablehalf span.foot2 {float:left; display:block; padding-left:14.8em;width:20.0em;}
.mocktablehalf br {line-height:1.0em;clear:both;}

.expohall td {width:33%;height:4em;text-align:center;border-right:solid 1px black; border-bottom:solid 1px black;}
.expohall th {text-align:left; font-size:1.2em; border-bottom:solid 1px black;}
.expohall td.short{height:2em;}
.expohall td a {text-decoration:none;color:#000000;}
.expohall td a:hover {color:#666666;}
.expohall td:hover {background-color:#E5E5E5;}

.expotable {border-collapse:separate;margin:0;}
.expotable th {padding:.8em;height:6em;text-align:center;color:#FFFFFF;}
.expotable td {padding:.8em;width:25%;height:6em;text-align:center;}

div#advert {
	-moz-box-sizing: border-box;
	margin-top: .2em;
	margin-bottom: 0em;
	padding-bottom:1em;
	padding-left: .5em;
	padding-right: 0em;
	}
	
.tabmenu {padding: 3px 0 9px; position: relative;} 
/*** IE6 needs this to display the div ***/ 

/* Hide from IE5-Mac \*/
* html .tabmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/ 

.tabmenu ul {display: block; list-style: none; padding: 0; margin: 0; font-family: Verdana, sans-serif;
				text-align: center; line-height: 1.2em; } 
.tabmenu ul li {font-weight: bold; display: block; float: left; position: relative;
				padding: 1px .5em 0px .5em; margin: 0;}
 /*** IE6 needs this to display the links ***/
.tabmenu ul li.first {margin-left: 0; list-style: none; }
.tabmenu a:link, .tabmenu a:visited {color: #333333; padding: 1px; text-decoration:none; }

.tabclear {display: block; clear: both; }
-->