/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

body {
	background-image: url(images/bg.gif);
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#outer{
	position:relative;
}
	

p, h1, h2, h3, h4, h5, a, ul, li, lo, td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

p {
	margin: 0px;
	padding: 0px 30px 16px;
}

ul {
	margin: 0px;
	padding: 0 65px 16px 65px;
}


strong {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
}

h1 {
	margin: 0 0 15px 30px;
	padding: 15px 0 0 0;
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: none;
	color: #000;
}

h2 {
	margin: -10px 25px 15px 50px;
	padding: 0px;
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none;
	color: #666;
}

li {
	margin: 3px 0 3px 25px;
	padding: 0;
	line-height: 20px;

}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
	color: #900;
	text-decoration: underline;
}

a:hover, a:active {
	color: #f00;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

table, td, th  {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.table{
margin: 0px auto;
background-color: #fff;
position:relative;
height:180px;
width:760px;

}


/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */
#header {
	width: 760px;
	height:150px;
	margin: 15px auto 0 auto;
	background-image: url(images/header.gif);
}

#toothbrush{
	position:absolute; left:474px; top:268px; width:139px; height:201px; z-index:4; visibility: visible;
}

#toothbrush2{
	position:absolute; left:340px; top:43px; width:139px; height:201px; z-index:4; visibility: visible;
}

/* Aligns content in the tableContainer's td tags to the top. Same as <td valign="top">. */
div#content {
	width: 485px;
	margin: 0 auto;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
	position:relative;
	padding-right: 275px;
	line-height: 21px;
	
}

address {
	width: 720px;
	margin: 0 auto 0 auto;
	padding: 10px 20px 10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top:1px solid #BB6226;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	background-color: #FFB14A;
	color: #000;
	line-height:16px;
	height:60px;
}




div#footer {
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 15px 0px 3px 0px;
	border-top: 5px solid #BB6226;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #000;
}

div#footerright {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	color: #000;
	text-align: right;
}

div#footer a:link, div#footerright a:link {
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

div#footer a:hover, div#footerright a:hover, div#footer a:active, div#footerright a:active {
	font-size: 10px;
	color: #f00;
	text-decoration: none;
}

div#footer a:visited, div#footerright a:visited  {
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

div#copyright {
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 3px 0px 3px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #000;
}

div#copyright a:link {
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

div#copyright a:hover, div#copyright a:active {
	font-size: 9px;
	color: #f00;
	text-decoration: underline;
}

div#copyright a:visited  {
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

/* ----------------- IMAGE ELEMENTS ----------------- */

.imgleft {
	float: left;
	margin: 5px 10px 10px 60px;
	padding: 0;
	clear: both;
	border:1px solid #000;
}

.imgright {
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 0;
	clear: both;
	border:1px solid #000;
}

#imgrighttable2 {
	padding: 0;
	height:374px;
	width:224px;
	background-image:url(images/sidebarbg.gif);
	position:absolute;
	left: 526px;
	top: 8px;
	visibility: visible;
	z-index: 3;
	
}



.border{
		border:1px solid #000;
}

.clearboth {
	clear: both;
}


/* ----------------- NAVIGATION CONTAINER ----------------- */

#triangle1{position:absolute; left:23px; top:26px; width:9px; height:9px; z-index:1}

#triangle2{position:absolute; left:82px; top:26px; width:9px; height:9px; z-index:1}

#triangle3{position:absolute; left:173px; top:26px; width:9px; height:9px; z-index:1}

#triangle4{position:absolute; left:333px; top:26px; width:9px; height:9px; z-index:1}

#triangle5{position:absolute; left:475px; top:26px; width:9px; height:9px; z-index:1}

#triangle6{position:absolute; left:583px; top:26px; width:9px; height:9px; z-index:1}

#triangle7{position:absolute; left:660px; top:26px; width:9px; height:9px; z-index:1}




div#nav {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 30px;
	background: #BB6226;
	position:relative;
	top: 2px;
}


/* UL TAG */
div#nav ul {
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
} 

div#nav li {
	float:left;
	margin:0;
	padding:0;
	line-height:normal;
	text-indent:0;
}

div#nav li a {
	display:block;
	margin: 0;
	padding: 7px;
	color:#E09767;
	text-decoration:none;
	background: transparent;
	font-weight: bold;
	font-size: 11px;
}

div#nav li a:hover {
	background: #D93B02;
	color: #fff;
}
	
div#nav li a#current{
	color: #fff;
	background: #904B1D;
}

	
div#nav li a#current:hover{
	color: #fff;
}

/* ----------------- CUSTOM CLASSES ----------------- */

.boldunderlined {
	font-weight: bold;
	text-decoration: underline;
}

.textcenter {
	text-align: center;
}

.textcenterbold {
	text-align: center;
	font-weight: bold;
}

.textcentersmall {
	text-align: center;
	font-size: 9px;
}
.imagecenter {
	text-align: center;
	margin: 7px 0px 0px;
}