@import url("reset.css");
@import url("container.clearfix.css");

/* main css document */


/* general styles */
body { 
	min-height:100%; 
	font:100% Arial, Helvetica, sans-serif; 
}
/* design */
	/* links and buttons */
	a, a:visited {color:#006595; text-decoration:none;}
	a:hover {color:#3398c8;}
	#main a {text-decoration:underline;}
	a.button { background:transparent url(../images/layout/form_button.png) no-repeat right -32px; display:inline-block; padding-right:16px; line-height:32px; 
			   font-size:0.85em; color:#555; margin:0 5px; cursor:pointer; }
	a.button span{ background:transparent url(../images/layout/form_button.png) no-repeat left 0; display:block; padding:0 4px 0 20px; cursor:pointer; }
	a.button:hover { color:#006595; }
	a.button:active { background-position:right -96px; color:#111; }
	a.button:active span { background-position:left -64px; }
	strong {font-weight:bold; color:#555;}
	em {font-style:italic; font-size:0.9em;}
	#main a.button {text-decoration:none;}
	.clear {clear:both;}
	
	/* general */
	body { background:#e8f2fd url("../images/layout/fade_bg.png") repeat-x top left; }
	#headerWrapper { background:transparent url("../images/layout/fade_sheet.png") no-repeat center 0px; }
	#header { background:transparent url("../images/layout/headerPhotoMap.png") no-repeat right top; }
	#topNav { background:transparent url("../images/layout/fade_sheet.png") no-repeat center -100px; }
	#topNav ul { background:#cfd09e url("../images/layout/fade_nav_bg.png") repeat-x left top;}
	#topNav li { background:transparent url("../images/layout/fade_nav_border.png") no-repeat right top}
	#mainWrapper { background:transparent url("../images/layout/fade_main.png") no-repeat center top; }
	#main {background-color:#fff;}
	#footer { background:transparent url("../images/layout/fade_sheet.png") no-repeat center -640px; }
	#main h2 { display:block; font-size:1.25em; color:#006595; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:2px; margin-bottom:10px; }
	#main h4 { font-size:0.9em; color:#111; font-weight:bold; }
	#main p, #main li, #main table { color:#777; font-size:0.75em; line-height:1.6em; }
	#main table {margin:0; padding:0; width:100%;}
	#main li { list-style:outside circle; list padding:0 3px; margin-left:20px; } 
	#main p, #main table {margin:10px 0;}
	h1 { line-height:35px; font-size:1.9em; font-weight:normal; color:#444; }
	#main div.container.last-child {margin-bottom:0;}
	
	/* home page */
	#features .left, #features .right { background:transparent url(../images/layout/feature_border.png) no-repeat right top; }
	#features .right { background-position:left top; }



/* positioning */
	/* general */
	#headerWrapper, #topNav, #mainWrapper, #footer { padding:0 50px; }
	#wrapper { width:1000px; margin:0 auto; text-align:left; padding-top:20px; }
	#headerWrapper { padding-top:19px; position:relative; z-index:5; }
	#topNav ul { display:block; border:5px solid #06354a; border-right:0; border-left:0; }
	#main { min-height:375px; margin-bottom:25px; position:relative; z-index:10;}
	#footer { height:25px; position:relative; top:-100px; padding-top:100px; z-index:0; }
	
	.section { padding:0 25px; margin:30px 0; }
	.section .container {margin:10px 0 30px 0;}
	
	/* header */
	#header #logo {display:block; border:0; padding:16px 0 12px 10px;}
	
	/* top navigation */
	#topNav { position:relative; z-index:20; }
	#topNav li { float:left; font-size:1.05em; display:block; font-variant:small-caps; position:relative; }
	#topNav li em { font-size:0.85em; }
	#topNav a, #topNav span {color:#90936f; line-height:20px;} /*9b8862*/
	#topNav a { display:block; text-decoration:none; padding:12px 16px;} 
	#topNav span {position:absolute; right:50px; top:5px; line-height:46px; padding-right:16px; text-transform:uppercase; font-size:1.06em; vertical-align:middle;}
	#topNav .selected a, #topNav li:hover a, #topNav a:hover, #topNav a:focus { color:#3a3f19; } /*492800*/
	#topNav .selected a { font-weight:bold; cursor:default; }
	#topNav .selected ul a {cursor:pointer;}
	#topNav .folder ul a { padding:0; color:#002250; font-weight:normal; }
	#topNav .folder ul a:hover, #topNav .folder ul a:focus { color:#006595; }
	/*#topNav li ul {
		/*display:none;* 
		position:absolute;
		z-index:100;
		left:0; top:0;
		margin:-9999px 0 0 10px; 
		width:200px; 
		border:0;
		background:none;
	}
	#topNav li ul li {
		float:none; 
		font-size:0.7em; 
		font-variant:normal; 
		padding:3px 16px 3px 6px;
		white-space:nowrap;
		line-height:normal;
		margin:0;
		display:block; 
		background:transparent url('../images/layout/nav_menu_bg100.png') no-repeat center right;
	}*/
	
	#topNav li ul {
		display:none; 
		position:absolute; 
		z-index:100;
		left:0; top:0;
		margin:38px 0 0 10px; 
		width:200px; 
		border:0;
		background:none;
	}
	#topNav li ul li {
		float:none; 
		font-size:0.7em; 
		font-variant:normal; 
		padding:3px 16px 3px 6px;
		white-space:nowrap;
		line-height:normal;
		margin:0;
		display:block; 
		background:transparent url('../images/layout/nav_menu_bg100.png') no-repeat center right;
	}
	
	/*#topNav li ul li:first-child*/
	#topNav li ul li.first-child { 
		background-position:top right; 
		padding-top:5px;
	}
	/*#topNav li ul li:last-child*/
	#topNav li ul li.last-child {  
		background-position:bottom right; 
		padding-bottom:15px;
	}
	
	#topNav li ul li.first-child.last-child {  
		background-image:url('../images/layout/nav_menu_bg.1.png');
	}
	
	/*#topNav li:hover ul {margin-top:38px;}*/
	#topNav li:hover ul {display:block;}
	/* footer */
	#footer { font-size:0.67em; }
	#footer div.left { margin-left:10px; float:left; color:#777; }
	#footer div span, #footer div ul {display:block; margin-bottom:4px;}
	#footer div.right { margin-right:10px; float:right; float:right; text-align:right;}
	#footer ul { text-align:right; text-transform:capitalize; }
	#footer li { display:inline; padding:0 3px 0 6px; border-left:1px solid #ccc; }
	#footer li a { position:relative; top:-1px; }
	#footer li.first-child { border-left:none; }
	#footer li.last-child {padding-right:0;}
	
	
	
/* subpage headers */
	h1 {color:transparent; text-indent:-9999px; width:873px; height:223px; margin:0 auto;}
	#services h1 {background:#fff url(../images/sh_services.jpg) no-repeat top left;}
	#about h1 {background:#fff url(../images/sh_about.jpg) no-repeat top left;}
	#contact h1 {background:#fff url(../images/sh_contact.jpg) no-repeat top left;}
	#policies h1 {background:#fff url(../images/sh_policies.jpg) no-repeat top left;}
	#opportunities h1 {background:#fff url(../images/sh_opportunities.jpg) no-repeat top left;}

/* page specifics */
	/* home page */
	#home #billboard {width:873px; margin:0 auto; padding:0; position:relative; height:473px;}
	#home #billboard img {display:none; position:absolute; left:0; top:0; padding-top:12px;}
	#home #billboard .show {display:block; opacity:1;}
	
	#home h2 {font-size:1.2em; border:none;}
	
	#home #features {padding:10px 0 0; margin:0;}
	#home #features .feature { position:relative; min-height:185px; padding: 25px 0 35px; float:left; }
	#home #features .left, #features .right { width:200px; padding-right:25px; margin:0 25px 25px; }
	#home #features .right { float:right; padding-right:0; padding-left:25px;}
	#home #features .center { width:350px; margin:0; }
	#home .feature a.button { position:absolute; bottom:0; right:0; }
	#home #features .left a.button { right:25px; margin:0; }
	#home .feature h4 { margin-top:15px; }
	#home .feature p { margin:15px 0; }
	
	/* services */
	#services #dentalServices .column {width:33.3%; float:left;}
	#services #dentalServices .container {margin:0 0 20px 0;}
	#services #dentalServices .left .container {margin-right:14px;}
	#services #dentalServices .center .container {margin-left:7px; margin-right:7px;}
	#services #dentalServices .right .container {margin-left:14px;}
	
	/* about */
	#about .portrait {float:left; margin-right:8px;}
	
	/* contact */
	#contact #hours .container, #contact #detailed .container {float:left; width:45%; margin:0 5% 0 0;}
	#contact table td {border-bottom:1px solid #eee;}
	#contact table tr.last-child td {border-bottom-width:0;}
	#contact #hours p, #contact #hours table {margin-top:0;}
	
	/* policies */
	
	/* opportunities */
	#opportunities #scholarship .download {
		padding:152px 25px 0 0;
		width:125px;
		background:#fff url(../images/opportunities_download.jpg) no-repeat top left;
		text-align:center;
		cursor:pointer;
	}
	#opportunities #scholarship .instruction {
		width:77%;
		margin-right:25px;
	}
	#opportunities #scholarship .instruction ul {
		margin:20px 0 0 20px;
	}
	#opportunities #scholarship .container {
		float:right;
	}