body   { 
	   text-align: center;
       margin: 0; padding: 0;
	   font-size: 12px;
       font-family: Arial, Helvetica, sans-serif;
       background-color: #3E5884; 
       background-image: url(Assets/pageborder.gif);
       background-repeat: repeat-y;
       background-position: center;
       }

#wrapper 	{	 
			 text-align: left; width: 762px;
          	 background-image: url(Assets/pageborder.gif);
          	 background-repeat: repeat-y;
          	 margin: 0 auto;
          	 position: relative;
			  height: auto !important; min-height: 1553px; 
          	 height: 1553px; /* IE only */
          	 }
       
#masthead 	{ 
			width: 762px; height: 100px;
            background-image: url(Assets/pagetop.gif);
            position: relative;
        	}
        	
#masthead h1	{
			 	width: 301px; height: 72px;
			 	background-image: url(Assets/mainlogo.gif);
			 	font-size: 1px; color: #3e5884;
			 	text-indent: -999em;
			 	position: absolute; 
			 	left: 18px;
			 	top: 23px;
			 	margin: 0; padding: 0;
			 	background-position: bottom;
		 		}
		 		
#masthead h1 a	{
				display: block;
				width: 301px;
				height: 72px;
				}
		 		
#maincontent .banner	{
						height: 62px;
						background-color: #99CCFF; /* THIS IS ONLY FOR DREAMWEAVER!! */
						}	
		 	
#maincontent .pagewidgets	{
							width: 100%;
							font-size: 11px;
							font-weight: bold;
							height: 20px;
							background-color: #e0e0e0;
							}
							
.pagewidgets a	{
				color: #000000;
				text-decoration: none;
				}
				
.pagewidgets a:hover	{
						text-decoration: underline;
						color: #990000;
						}
						
#bottomblock	{
				position: absolute;
				bottom: -2px;
				left: 0; 
				z-index: 1500; 
				visibility: hidden; /* THIS IS ONLY FOR DREAMWEAVER! */
				}
						
#topblock .pagewidgets	{
						margin-top: 0.5em;
						margin-bottom: 0;
						}
						
#bottomblock .pagewidgets	{
							margin-bottom: 0.7em;
							}
							
.prev 	{ 
		float: left; background-position: left top; text-indent: 22px;
		background-repeat: no-repeat; 
		width: 33%; height: 18px; position: relative; left: -3px;
		overflow: hidden;
		font-size: 11px;
		text-align: left;
		}
		
.next 	{ 
		float: right; background-position: right top; 
		background-repeat: no-repeat; text-align: right; height: 18px;
		width: 25%;
		position: relative; right: -1px;
		overflow: hidden;
		font-size: 11px;
		}	
		
.pagewidgets a { display: block; padding-right: 21px; text-decoration: underline !important; }
		
.tocwidget	{
			float: left;
			background-position: 5px 1px;
			background-repeat: no-repeat;
			font-size: 12px;
			width: 36%;
			}
			
#topblock .prev { 
				background-image: url(Assets/Nav/corner_prev_top.gif);
				padding-top: 2px;
				}
				
#topblock .next { 
				background-image: url(Assets/Nav/corner_next_top.gif);
				padding-top: 2px;
				}
				
#topblock .tocwidget 	{ 
						padding-top: 2px;
						text-align: center;
						}
				
#bottomblock .prev 	{ 
					background-image: url(Assets/Nav/corner_prev_bot.gif);
					padding-top: 3px;
					}
				
#bottomblock .next 	{ 
					background-image: url(Assets/Nav/corner_next_bot.gif);
					padding-top: 3px;
					}
					
#bottomblock .tocwidget 	{ 
						padding-top: 3px;
						background-image: url(Assets/Nav/toc-bot-widget.gif);
						position: relative;
						left: 6%;
						text-align: left;
						text-indent: 22px;
						}
											

#story	{
		padding-right: 2px; padding-left: 1px;
		padding-bottom: 110px;
		}
		
#story p	{
			margin: 1em 0 0 0;
			}
			
#story img.hasmargin	{
			margin: 5px;
			}
			
#footer 	{ 	
			width: 762px; height: 82px;
			background-image: url(Assets/pagebottom.gif);
			position: absolute; bottom: -75px !important; bottom: -83px; 
			left: -20px;
			background-position: top;
			z-index: 1; 
			visibility: hidden; /* THIS IS ONLY FOR DREAMWEAVER! */
			margin: -1px 0;
			overflow: hidden;
			}
			
/* top navigation bar */

#topnav	{	
		height: 25px; white-space: nowrap;
		margin: 0; padding: 0;
		list-style: none;
		position: absolute;
		top: 3px; left: 3px;
		z-index: 1000;
		}

#topnav li	{	
			display: block;
			float: left;
			height: 25px;
			margin: 0; padding: 0;
			list-style: none;
			}
			
#topnav li a	{
				width: auto;
				display: block;
				float: left;
				padding: 3px 8px 5px 16px;
				font-size: 10px;
				color: #ffffff;
				text-indent: 9px; 
				background-position: 8px center;
				background-repeat: no-repeat;
				}
				
#topnav li a:hover	{
					color: #ffffff;
					background-color: #7089B4;
					}
			
/* specific topnav entries */
			
#nav-cover a 	{ 
				background-image: url(Assets/Nav/cover.gif);
				}
				
#nav-store a 	{ 
				background-image: url(Assets/Nav/store.gif);
				}
#nav-class a 	{ 
				background-image: url(Assets/Nav/classifieds.gif);
				}
				
#nav-speed a 	{ 
				background-image: url(Assets/Nav/speed.gif);
				}
				
#nav-archives a { 
				background-image: url(Assets/Nav/search.gif);
				}
				
#nav-contact a { 
				background-image: url(Assets/Nav/contact.gif);
				}
				
#nav-toc a { 
				background-image: url(Assets/Nav/toc.gif);
				}
				
#nav-cal a { 
				background-image: url(Assets/Nav/calendar.gif);
				}
				
/* end specific topnav entries */

#secondarycontent td p { margin: 0; padding: 0; }

.squareadleft { display: block; float: left; width: 335px; height: 307px; background-color: #efdb00; }

.squareadright { display: block; float: right; width: 335px; height: 307px; background-color: #efdb00; }

.largesq { width: 311px; height: 478px; background-color: #efdb00; }

#copynotice {	position: absolute; 
				bottom: -5px !important; 
				bottom: 3px; 
				width: 100%;		
				text-align: center; 
				font-size: 9px; 
				font-weight: bold; 
				color: #ffffff;
				}

.clearing { clear: both; }

.center { text-align: center; }

.hasCaption { position: relative; }