/*----------------------------------------------------------------------------------
Thompson DDS Website Style Sheet
version:		1.0
release date:	xx/xx/xxxx
author:			C. McCartney
------------------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-decoration:none;
      color:#000000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 750px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#FFFFFF url(../files/TDDSbackgroundTop.jpg) no-repeat; background-position: top center;
	}
    
	
	body#two_column { 
                    background:#FFFFFF url(../files/TDDSbackgroundTop.jpg) no-repeat; 
                    background-position: top center;
                    font-size: 12px;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    }
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 15px 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { color:#000055; font-weight: bolder;}
	h2 { color:#000055; font-weight: bold;}
	h3 { color:#000055; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color:#800040; TEXT-DECORATION: none; }
	a:visited { color:#800040; font-weight: lighter; text-decoration: none;}
	a:hover { color:#800040; font-weight: bolder; text-decoration: none;}
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 750px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	      
	#content_container { text-align:left; }
	
	#content { width:750px; margin:0 auto; }
	#content p {margin: 0px 8px 15px 8px;}
	#content H2 {margin: 8px 8px 8px 8px; text-align: center;}
	#content H3 {margin: 8px 8px 3px 8px; }
	
	#footer { background:#FFFFFF text-align:center; }
	#two_column #footer { height:56px; }
	
		/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:29px; margin:0; padding:0; list-style-type:none;}
	ul#nav_main li { height:29px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; }
	* html #nav_main a:hover { background:#ccccff; }
	
		
	/* = Footer Formatting -->
    -----------------------------------------------------------------------------*/
	#nav_supp { width:750px; margin:0 auto; padding-top:0px; font-size: 10px; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
		
	/* =Two Column
	-----------------------------------------------------------------------------*/
	h6.banner { width:750px; height:141px; margin:0; padding:0; position:relative; }
	h6.banner span { width:100%; height:100%; position:absolute; }	
		
	#two_column #content_main { 
    display:inline; width:525px; margin-top:10px; float:right; 
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
	.padding { padding:10px; }
	#two_column #content_main h1 { margin-top:0; }
	#two_column #content_sub { display:inline; width:185px; height:190px; margin-top:10px; padding:0 10px; float:left;}
	#two_column #content_sub_tall { display:inline; width:198px; height:500px; margin-top:10px; padding:0 10px; float:left;}
	#two_column #content_sub h2 { margin-top:15px; }
	#two_column #content_sub ul { padding:0; margin:0 0 0 5px; list-style-type:none; }
	#two_column #content_sub li { line-height:20px; }
	#two_column #content_sub li a { text-decoration:none; }
	#two_column #content_sub li a:hover { text-decoration:underline; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { width:750px; margin:5px auto 0 auto;}
	#site_info, #site_info a { color: #3e3e3e;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
    
    /* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:231px; }
	
	/* =Tables
	-----------------------------------------------------------------------------	*/
	td {
	  text-align: left;
	}
	td p {
		margin: 0px 0px 5px 0px;
	}	


}