body,td,th {

	color: #555555;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

body {

	background-color: #00529B;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}



h1 {

	color: #00529B;

	font-size: 16px;

}

h2 {

	font-size: 18px;

	color: #00529B;

}

h3 {

	font-size:14px;

	color:#7AA5CB;

	text-transform: uppercase;

}

h4 {

	font-size: 10px;

	font-weight: bold;

}



# interior li {

	list-style-type: square;

}



#background {background-image:url(images/background-bottom.jpg); background-repeat:no-repeat; background-position:bottom}





/* LINKS ---------- */

a:link, a:visited {color: #00A261; text-decoration: none}

a:hover, a:active {

	text-decoration: underline; color: #00529B;}

a b {visibility: hidden}

#sesame a {color: #FFFFFF; font-size: 10px}

#footer a {color: #00529B; font-size: 10px}

a.subnavlink:link, a.subnavlink:visited {color: #000000; text-decoration: none}

a.subnavlink:hover, a.subnavlink:active {color: #000000; text-decoration:underline}



.subnav {

	color: #000000;

	background-image:url(images/subnav-banner.gif); 

	background-repeat:no-repeat; 

	height:45px; padding-left:12px; 

	padding-top:3px

}



/* ---------------Top Navigation ------------------ */

ul#top-nav {

	height: 42px;

	list-style: none;

	margin: 0;

	padding: 0;

}



/*  Makes the list items sit next to each other */

#top-nav li {float: left;}



/*  Sets styles for all links that are inside the ul id="top-nav" */

#top-nav a {

display: block;

height: 42px; 

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

#patient-login {background: url(images/nav-patient-login.jpg); width: 110px}

#doctor-login {background: url(images/nav-doctor-login.jpg); width: 110px}



/* Shift the image position up to show the active state */

#top-nav a:hover, #top-nav .active {background-position: 0 -42px;}



/* Set the cursor to default arrow so link does not appear clickable */

#top-nav .active {cursor: default}



/* ---------------Main Navigation ------------------ */

ul#nav {

	height: 25px;

	list-style: none;

	margin: 0;

	padding: 0;

}



/*  Makes the list items sit next to each other */

#nav li {float: left; display: inline;}



/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {

display: block;

height: 25px; 

width: 195px;

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

#about-our-office {background: url(images/nav-about-our-office.jpg)}

#about-orthodontics {background: url(images/nav-about-orthodontics.jpg)}

#faqs {background: url(images/nav-faqs.jpg)}

#braces-101 {background: url(images/nav-braces-101.jpg)}

#testimonials {background: url(images/nav-testimonials.jpg)}

#community-involvement {background: url(images/nav-community-involvement.jpg)}

#fun-stuff {background: url(images/nav-fun-stuff.jpg)}

#invisalign {background: url(images/nav-invisalign.jpg)}

#patient-forms {background: url(images/nav-patient-forms.jpg)}

#contact-us {background: url(images/nav-contact-us.jpg)}

#patient-instructions {background: url(images/nav-patient-instructions.gif)}

#home {background: url(images/nav-home.jpg)}



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: 0 -25px;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}



#nav a:hover, #nav .active, 

{background-position: 0 -25px}



ul#nav {list-style: none; margin: 0; padding: 0;}



#nav ul {list-style: none; margin: 0; padding: 0}