/* design notes -------
xhtml and css by:	Nick Smithson for Audiology Online
project began:		2009.04.01
last updated:		2009.04.14
stylesheet-type:		development | all
------- design notes */

/* ------- style_position_begin ------- */
/* root */
html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	font-size:14px;
	font-family: verdana, san-serif;
	color:#000000;
	background:#ffffff url(../images/bgi/body.jpg) repeat scroll 0 0;
}
body.sml {
	font-size:14px;
}  
body.med {
	font-size:16px;
} 
body.lrg {
	font-size:18px;
} 
div.roots_matrix {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:url(../images/bgi/roots_matrix.jpg) repeat-x scroll 0 0;
}
div.roots {
	margin:0;
	padding:0;
	width:100%;
	background:url(../images/bgi/roots_matrix.jpg) repeat-x scroll 0 0;
}
div.root {
	margin:0 auto;
	padding:0 0 30px 0;
	width:820px;
}
/* root */

/* header */
div.header_matrix {
	margin:0;
	padding:0;
	width:820px;
	height:84px;
	overflow:hidden;
	background:url(../images/bgi/header_matrix.jpg) no-repeat scroll 0 0;
}
div.header {
	margin:0 auto;
	width:800px;
	height:84px;
	overflow:hidden;
}
div.header_logo {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:500px;
	height:84px;
	overflow:hidden;
	background:url(../images/bgi/header_logo.jpg) no-repeat scroll 0 0;
}
div.header img {
	margin:0;
	padding:0;
}
/* header */

/* text-size */
div.text-size_matrix {
	position:absolute;
	bottom:10px;
	right:20px;
	margin:0;
	margin:0;
	padding:0;
	width:89px;
	height:25px;
}
div.text-size {
	margin:0;
	padding:0;
	width:89px;
	height:25px;
	font-family: tahoma, sans-serif;
	overflow:hidden;
}
div.text-size p {
	width:45px;
	height:15px;
	margin:0;
	padding:10px 0 0 0;
	font-size:10px;
	overflow:hidden;
	color:#d88d28;
	background:transparent;
}
div.text-size a {
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#d88d28;
	background-color:transparent;
}
div.text-size a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-color:transparent;
}
a.text-sml {
	position:absolute;
	top:0;
	right:31px;
	width:10px;
	height:18px;
	padding:6px 0 0 0;
	font-size:14px;
	text-align:center;
}
a.text-med {
	position:absolute;
	top:0;
	right:18px;
	width:10px;
	height:20px;
	padding:4px 0 0 0;
	font-size:16px;
	text-align:center;
}
a.text-lrg {
	position:absolute;
	top:0;
	right:0;
	width:15px;
	height:22px;
	padding:2px 0 0 0;
	font-size:18px;
	text-align:center;
}
/* text-size */

/* info */
div.info_matrix {
	position:absolute;
	top:18px;
	left:50px;
	margin:0;
	padding:0;
	width:350px;
	height:170px;
}
div.info {
	margin:0;
	padding:0;
	width:350px;
	height:170px;
}
div.info-dynamic {
	margin:0 auto;
	padding:0;
	width:350px;
	height:170px;
	overflow:hidden;
}
div.info p {
	margin:0;
	padding:0 0 3px 0;
	font-size:16px;
	text-align:left;
	color:#d88d28;
	background-color:transparent;
}
div.info h1 {
	margin:0;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background-color:transparent;
	border-bottom:1px solid #d88d28;
}
/* info */

/* nav */
div.nav_matrix {
	margin:0;
	padding:0;
	width:820px;
	height:37px;
	background:url(../images/bgi/nav_matrix.jpg) no-repeat scroll 0 0;
}
div.nav {
	margin:0 auto;
	padding:0;
	width:820px;
	height:37px;
}
div.nav_main {
	margin:0 auto;
	padding:0;
	width:780px;
	height:24px;
	overflow:hidden;
	font-size:12px;
	text-align:left;
}
div.nav_main a:link, div.nav_main a:visited, div.nav_main a:active {
	margin:0;
	padding:6px 20px;
	height:12px;
	overflow:hidden;
	float:left;
	outline:none;
	text-decoration:none;
	color:#d88d28;
	background:transparent;
	border-right:1px solid #e9be87;
}
div.nav_main a span {
}	
div.nav_main a:hover {
	text-decoration:none;
	color:#ffffff;
	background:#d88d28;
}
div.nav_main a:hover span {
}
div.nav_main a.current:link, div.nav_main a.current:visited, div.nav_main a.current:active {
	text-decoration:none;
	color:#c77c17;
	background:transparent;
}
div.nav_main a.current span {
}
div.nav_main a.current:hover {
	text-decoration:none;
	color:#ffffff;
	background:#d88d28;
}
div.nav_main a.current:hover span {
}
div.nav_sub {
	margin:0 auto;	
	padding:0;
	width:780px;
	height:13px;
	overflow:hidden;
	font-size:10px;
	text-align:left;
}
div.nav_sub a:link, div.nav_sub a:visited, div.nav_sub a:active {
	margin:0;
	padding:1px 20px;
	height:11px;
	overflow:hidden;
	float:left;
	outline:none;
	text-decoration:none;
	color:#6e6b67;
	background:transparent;
	border-right:1px solid #d0c9c0;
}
div.nav_sub a span {
}
div.nav_sub a:hover {
	text-decoration:none;
	color:#ffffff;
	background:#6e6b67;
}
div.nav_sub a:hover span {
}
div.nav_sub a.current:link, div.nav_sub a.current:visited, div.nav_sub a.current:active {
	text-decoration:none;
	color:#5d5a56;
	background:transparent;
}
div.nav_sub a.current span {
}
div.nav_sub a.current:hover {
	text-decoration:none;
	color:#ffffff;
	background:#6e6b67;
}
div.nav_sub a.current:hover span {
}
/* nav */

/* banner */
div.banner_01 {
	margin:0;
	padding:0;
	width:820px;
	height:222px;
	overflow:hidden;
	background:url(../images/bgi/banner_01.jpg) no-repeat scroll 0 0;
}
div.banner_01 img {
	margin:0;
	padding:0;
}
div.banner_02 {
	width:820px;
	height:120px;
	overflow:hidden;
	background:url(../images/bgi/banner_02.jpg) no-repeat scroll 0 0;
}
div.banner_02 img {
	margin:0;
	padding:0;
}
/* banner */

/* column_top */
div.column_top {
	margin:0;
	padding:0;
	width:820px;
	height:342px;
}
/* column_top */

/* columns */
div.columns_matrix {
	margin:0;
	padding:0;
	width:820px;
	background:url(../images/bgi/columns_matrix.jpg) repeat-y scroll 0 1px;
}
div.columns_top {
	position:absolute;
	top:0;
	left:0;
	width:820px;
	height:397px;
	background:url(../images/bgi/columns_top.jpg) no-repeat scroll 0 0;
}
div.columns_end {
	position:absolute;
	bottom:0;
	left:0;
	width:820px;
	height:46px;
	background:url(../images/bgi/columns_end.jpg) no-repeat scroll 0 0;
}
div.columns_brace {
	margin:0;
	padding:0;
	width:0;
	height:463px;
	float:left;
}
div.columns {
	margin:0 auto;
	padding:20px 0;
	width:800px;
}
/* columns */

/* column_left */
div.column_left {
	margin:0;
	padding:0;
	width:570px;
	float:left;
}
div.column_left-dynamic {
	margin:10px auto;
	padding:0;
	width:510px;
	font-size:1.0em;
	color:#000000;
	background:transparent;
}
div.column_left h1 {
	margin:10px 0;
	padding:0;
	font-size:32px;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	color:#d88d28;
	background:transparent;
}
div.column_left h2 {
	margin:10px 0 5px 0;
	padding:2px 0 0 0;
	font-size:1.3em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_left h3 {
	margin:5px 0;
	padding:0;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_left h4 {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_left h5 {
	margin:5px 0;
	padding:0;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_left h6 {
	margin:5px 0;
	padding:0;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
/* column_left */

/* column_right */
div.column_right {
	margin:0;
	padding:0;
	width:220px;
	float:right;
}
div.column_right-dynamic {
	margin:10px auto;
	padding:0 0 30px 0;
	width:180px;
	font-size:0.8em;
	color:#000000;
	background:transparent;
}
div.column_right h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	color:#d88d28;
	background:transparent;
}
div.column_right h2 {
	margin:10px 0 5px 0;
	padding:2px 0 0 0;
	font-size:1.3em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_right h3 {
	margin:5px 0;
	padding:0;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_right h4 {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_right h5 {
	margin:5px 0;
	padding:0;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#d88d28;
	background:transparent;
}
div.column_right h6 {
	margin:5px 0;
	padding:0;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	overflow:hidden;
	color:#d88d28;
	background:transparent;
}
/* column_right */

/* column_base */
div.column_base {
}
/* column_base */

/* footer */
div.footer_matrix {
	margin:0;
	padding:0;
	width:820px;
	height:70px;
	overflow:hidden;
}
div.footer {
	margin:0 auto;
	padding:0;
	width:800px;
	height:70px;
}
p.footer_nav {
	position:absolute;
	top:30px;
	left:20px;
	margin:0;
	padding:0;
	width:760px;
	height:12px;
	text-align:center;
	font-size:12px;
	color:#333333;
	background-color:transparent;
}
p.footer_info {
	position:absolute;
	top:45px;
	left:20px;
	margin:0;
	padding:0;
	width:760px;
	height:12px;
	text-align:center;
	font-size:9px;
	color:#333333;
	background-color:transparent;
}
div.footer a {
	margin:0;
	padding:0;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-color:transparent;
}
div.footer a:hover {
	text-decoration:none;
	color:#555555;
	background-color:transparent;
}
p.footer_nav a, p.footer_nav a:hover {
	margin:0;
	padding:0 4px;
}
/* footer */

/* ------- style_position_end ------- */

/* ------- style_element_begin  ------- */

/* anchors */
a:link, a:visited, a:active {
	font-weight:normal;
	text-decoration:underline;
	color:#9f6920;
	background-color:transparent;
}
a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:transparent;
}
h1 a:link, h1 a:visited, h1 a:active {
	font-weight:600;
	text-decoration:none;
}
h1 a:hover {
	font-weight:600;
	text-decoration:none;
}
a span {
}
/* anchors */

/* div */
div {
	position:relative;
	margin:0;
	padding:0;
}
div.float_clear {
	height:0;
	clear:both;
}
div.float_clear-right {
	height:0;
	clear:right;
}
div.float_clear-left {
	height:0;
	clear:left;
}
/* div */

/* text */
p {
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
}
/* text */

/* lists */
ul, ol {
	margin:0;
	padding:10px 10px 10px 15px;
}
ul ul, ol ol, ul ol, ol ul {
	margin:0;
	padding:5px 0px 5px 25px;
}
li {
	margin:0;
	padding:0;
	text-align:left;
	color:#000000;
	background-color:transparent;
}
/* lists */

/* imgs */
img {
	margin:10px 10px 20px 10px;
	padding:0;
	border:0;
}
img.float-left {
	margin:5px 20px 30px 0;
	padding:0;
	border:0;
	float:left;
}
img.float-right {
	margin:5px 0 30px 20px;
	padding:0;
	border:0;
	float:right;
}
div.frame {
	margin:10px;
}
div.frame-left {
	margin:3px 10px 10px 0;
	width:175px;
	float:left;
}
div.frame-right {
	margin:3px 10px 10px 10px;
	width:175px;
	float:right;
}
div.frame img, div.frame-left img, div.frame-right img, div.frame_column-left img {
	margin:0 0 10px 0;
	display:block;
	border:1px solid #333333;
}
div.frame p, div.frame-left p, div.frame-right p, div.frame_column-left p {
	margin:-8px 0 10px 0;
	padding:2px 10px;
	text-align:center;
	font-size:0.7em;
	overflow:hidden;
	color:#888888;
	background-color:#eeeeee;
	border:1px solid #dddddd;
}
/* imgs */

/* forms */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:0;
}
input {
	margin:0;
	padding:2px 3px;
	font-size:12px;
}
label {
	margin:0;
	padding:0;
	font-size:10px;
}
label span {
	display:none;
}
/* forms */

/* tables */
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
tr {
	margin:0;
	padding:2px 0;
}
td {
	margin:0;
	padding:2px 5px;
}
/* tables */

/* ------- style_element_end  ------- */