/* extend html container to 100% and eliminate border & margin problems */
html { margin: 0px !important;
	   height: 100% !important;
  	   width: 100% !important;
  	   padding: 0px !important; }

/* extend body container to 100% and eliminate border & margin problems */ 	   
body { margin: 0px !important;
	   height: 100% !important;
  	   width: 100% !important;
  	   padding: 0px !important;
  	   background-color: #020933;
  	   color: #000000;
  	   font-family: arial;
  	   font-size: 10pt; }
  	   
/* tag and classed tags styles */  	   
img { border: none;
	  border-width: 0px; 
	  border-collapse: collapse;
	  z-index: 2;
	  margin: 0px; } 

table, tr, td { border: none; 
			    border-width: 0px; 
			    border-collapse: collapse;
			    margin: 0px;
			    padding: 0px; 
			    vertical-align: top; 
			    font-family: arial;
  	   			font-size: 10pt; }
  	   			
div { margin: 0px;
	  padding: 0px;
	  border: none; }	  

ul { margin-top: 5px;
	 margin-bottom: 5px;
	 margin-left: 0px;
	 margin-right: 0px; 
	 padding: 0px; }

li.menu { width: 138px;
	 	  height: 16px;
	 	  margin-top: 0px;
	 	  margin-bottom: 5px;
	 	  margin-left: 0px;
	 	  margin-right: 0px;
	  	  list-style-type: none;
	 	  padding: 0px;
	 	  text-indent: 4px;
	 	  overflow: hidden;
	 	  z-index: 5; }
	 
h1 { margin-top: 5px;
	 margin-bottom: 5px;
	 color: #000000;
	 font-family: Verdana;
	 font-size: 14pt; }

h2 { margin-top: 5px;
	 margin-bottom: 5px;
	 color: #000000;
	 font-family: Verdana;
	 font-size: 13pt; }	 
	 
h3 { margin-top: 5px;
	 margin-bottom: 5px;
	 color: #000000;
	 font-family: Verdana;
	 font-size: 12pt; }
	 
h4 { margin-top: 5px;
	 margin-bottom: 5px;
	 color: #000000;
	 font-family: Verdana;
	 font-size: 11pt; }
	 
h5 { margin-top: 5px;
	 margin-bottom: 5px;
	 color: #000000;
	 font-family: Verdana;
	 font-size: 10pt; }
	 
blockquote { margin-left: 8px; 
			 margin-right: 8px; 
			 margin-top: 2px; 
			 margin-bottom: 2px;
			 padding-right: 8px; }
			 
blockquote:first-letter { color: #888888;
						  font-size: 20pt; }
						  
blockquote.highlite { margin: auto;
			 		  padding: 8px; 
			 		  background-color: #eeeeee;
			 		  border: solid #dddddd 1px;
			 		  text-align: center; }
						  
hr { width: 98%;
	 height: 1px;
	 clear: both;
	 color: black;
	 border: solid black 1px;
	 margin-top: 10px;
	 margin-bottom: 10px; }
  	   				  
a:link { color: #0000ff; font-family: arial; font-size: 10pt; }
a:active { color: #000066; font-family: arial; font-size: 10pt; }
a:visited { color: #000088; font-family: arial; font-size: 10pt; }
a:hover { color: #000099; font-family: arial; font-size: 10pt; }	  

a.menubutton { margin-right: 6px;
			   padding-right: 7px;
	           background: transparent url(http://www.andysdesigns.com/images/skin/menubutton-end.gif) no-repeat scroll top right;
			   display: block;
			   color: #000000; 
			   font-family: arial; 
			   font-size: 8pt; 
			   text-decoration: none; }
			   
a.menubutton span { background: transparent url(http://www.andysdesigns.com/images/skin/menubutton-bg.gif) no-repeat;
					display: block;
					padding-top: 2px;
					padding-bottom: 2px;
					padding-right: 7px;
					padding-left: 7px;
					line-height: 12px;
					font-size: 8pt; }
					
a.menubutton:active { background-position: bottom right;
					  outline: none; }
					  
a.menubutton:active span { background-position: bottom left;
					  	   padding-right: 7px; }
					  	   
a.menubutton:hover { color: white; }

a.imglink:link { color: #000000; border: none; }
a.imglink:active { color: #000000; border: none; }
a.imglink:visited { color: #000000; border: none; }
a.imglink:hover { color: #000000; border: none; }
			
/* id'ed tags styles */
div#document_body { width: 100% !important;
					height: 100% !important;
					background-color: transparent; 
  	   				vertical-align: middle; }

/* Layout table */			
table#layout { position: absolute;
			   width: 100% !important;
			   margin-top: auto; 
			   margin-bottom: auto; }  	   				

/* Header */
td#header { width: 100% !important;
			height: 60px !important;
			white-space: nowrap;
			vertical-align: middle;
			background: #020933 url(http://www.andysdesigns.com/logo300x60.gif) 0px 0px no-repeat;
			display: block;
			overflow: hidden !important; }
			 
/* Top banner rotation */			 
div#top_banner_ad { height: 60px !important;
					margin-right: 10px;
					float: right;
					vertical-align: middle;
					overflow: hidden; }			   
			     	   				
/* Top border of guts */
td#guts_top_border { width: 100%;
					 height: 19px;
					 background: url(http://www.andysdesigns.com/images/skin/top-border.gif) repeat-x;
		   			 overflow: hidden;
		   			 z-index: 5; }  	   				
  	   				
/* guts table styles */			 
table#guts { width: 100%;
		     overflow: hidden; }  	   				
  	   				
/* Left hand border of guts */
td#guts_left_border { width: 20px;
					  background: url(http://www.andysdesigns.com/images/skin/left-border.gif) repeat-y;
		   			  overflow: hidden;
		   			  z-index: 5; }  	   				
  	   				
/* MAIN CONTAINER - Where Menu & Content is */
td#main_container { position: relative;
					height: 100%;
					background: #ffffff url(http://www.andysdesigns.com/images/skin/minimenu-bg.gif) 0px 0px no-repeat;
					overflow: hidden; }  	   				
  	   				
/* Navigation menu */					
div#navmenu { width: 140px;
			  height: 100%;
			  float: left;
			  padding: 2px;
			  background: transparent; }  	   				
  	   				
/* Content area */
div#content { position: relative;
			  height: 100%;
			  padding-left: 2px;
			  padding-right: 2px;
			  padding-bottom: 4px;
			  padding-top: 0px;
			  font-family: Verdana;
			  font-size: 8pt;
			  overflow: auto;
			  z-index: 2; }  	   				
  	   				
/* Right hand border of guts */
td#guts_right_border { width: 20px;
	   				   background: url(http://www.andysdesigns.com/images/skin/right-border.gif) repeat-y;
		   			   overflow: hidden;
		   			   z-index: 5; }
		   				
/* Bottom border of guts */
td#guts_bottom_border { width: 100%;
					 	height: 56px;
						background: url(http://www.andysdesigns.com/images/skin/bottom-border.gif) repeat-x;
		   				overflow: hidden;
		   				z-index: 5; }
		   				
/* Footer */
td#footer { width: 98% !important;
			margin: 5px;
			padding: 3px;
			vertical-align: middle;
			text-align: center; }
		   				
/* Class for footer text (White on dark bg) */
.footer_text { color: #ffffff; text-align: center; vertical-align: middle; }

/* Classes for image captions */
.caption_left { margin: 5px;
		   		float: left;
		   		font-size: 8pt;
		   		text-align: center !important; }

.caption_right { margin: 5px;
		   		 float: right;
		   		 font-size: 8pt;
		   		 text-align: center !important; }
		   		 
.caption_clear { margin: 5px;
		   		 float: none; 
		   		 clear: both;
		   		 font-size: 8pt;
		   		 text-align: center !important; }
		    
/* Class for top banner image, the other for top banner text */
img.top_banner { vertical-align: top; }
.top_banner_text { color: #ffffff;
				   font-weight: bold;
				   font-family: arial; }
			
/* Fudge class for underpriviliged first-letters (on anything being BEFORE the first letter - img, div, ect...)
   Wrap the First letter in a SPAN tag and give it this class */	   
.firstletter { color: #888888;
			   font-size: 20pt;
			   margin: 0px;
			   padding: 0px; }
			   
table#contact_us_layout { position: absolute;
						  width: 100% !important;
						  color: #000000;
						  font-size: 12px;
						  border-collapse: collapse;
						  border: solid #dddddd 1px;
						  z-index: 3; }		 
		 
table#contact_us_layout tr { height: 16px !important; }
						  
td.label_area { width: 100% !important;
				padding: 2px;
				background-color: #eeeeee;
				vertical-align: middle;
				text-align: left; }
				
td.field_area { width: 100% !important;
				background-color: #e0e0e0;
				vertical-align: middle;
				text-align: center; }
				
td.text_area { vertical-align: middle;
			   background-color: #e0e0e0;
			   text-align: center; }
			   
td.button_area { vertical-align: middle;
			   	 text-align: right;
			   	 background-color: #eeeeee; }		
				
.textfield { width: 100%;
			 height: 16px;
			 border: none;
			 color: #000000;
			 background-color: #ffffff;
			 font-size: 12px;
			 vertical-align: middle; }
			 
.radiobutton { border: none; }

.textarea { width: 100%;
			height: 200px;
			border: none;
			color: #000000;
			background-color: #ffffff;
			font-size: 12px;
			vertical-align: middle; }