/* design notes -------
xhtml and css by:	Nick Smithson for Audiology Online
project began:		2009.03.12
last updated:		2009.03.12
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:#808364 url(../images/bgi/body.jpg) repeat scroll 0 3px;
}
body.sml {
	font-size:14px;
}  
body.med {
	font-size:16px;
} 
body.lrg {
	font-size:18px;
} 
div.roots_matrix {
	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 20px 0;
	width:800px;
}
/* root */

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

/* text-size */
div.text-size_matrix {
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
	padding:0;
	width:130px;
	height:25px;
}
div.text-size {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:110px;
	height:25px;
	font-family: tahoma, sans-serif;
	float:right;
	overflow:hidden;
}
div.text-size p {
	width:50px;
	height:18px;
	margin:0;
	padding:10px 0 0 0;
	font-size:10px;
	overflow:hidden;
	color:#999999;
	background:transparent;
}
div.text-size a {
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#999999;
	background-color:transparent;
	border:1px solid #999999;
}
div.text-size a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#333333;
	background-color:transparent;
	border:1px solid #888888;
}
a.text-sml {
	position:absolute;
	top:0;
	right:40px;
	width:18px;
	height:18px;
	padding:4px 0 0 0;
	font-size:14px;
	text-align:center;
}
a.text-med {
	position:absolute;
	top:0;
	right:20px;
	width:18px;
	height:20px;
	padding:2px 0 0 0;
	font-size:16px;
	text-align:center;
}
a.text-lrg {
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:22px;
	padding:0 0 0 0;
	font-size:18px;
	text-align:center;
}
/* text-size */

/* info */
div.info_matrix {
	position:absolute;
	top:10px;
	right:20px;
	margin:0;
	padding:0;
	width:300px;
	height:45px;
}
div.info {
	margin:0;
	padding:0;
	width:300px;
	height:45px;
}
div.info-dynamic {
	margin:0;
	padding:0;
	width:300px;
	height:45px;
	overflow:hidden;
}
div.info p {
	margin:0;
	padding:0 0 3px 0;
	font-size:10px;
	text-align:right;
	color:#000000;
	background-color:transparent;
}
/* info */

/* nav */
div.nav_matrix {
	margin:0;
	padding:0;
	width:800px;
	background:url(../images/bgi/nav_matrix.jpg) no-repeat scroll 0 0;
}
div.nav {
	margin:0;
	padding:0;
	width:800px;
}
div.nav_main {
	margin:0 auto;
	padding:13px 0 12px 0;
	width:760px;
	height:14px;
	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:13px 15px 12px 15px;
	height:14px;
	overflow:hidden;
	outline:none;
	text-decoration:none;
	color:#000000;
	background:transparent;
}
div.nav_main a span {
}	
div.nav_main a:hover {
	text-decoration:none;
	color:#000000;
	background:#789734;
}
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:#555555;
	background:transparent;
}
div.nav_main a.current span {
}
div.nav_main a.current:hover {
	text-decoration:none;
	color:#000000;
	background:#789734;
}
div.nav_main a.current:hover span {
}
div.nav_sub {
	margin:0 auto;	
	padding:3px 0 5px 0;
	width:760px;
	height:12px;
	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:3px 15px 5px 15px;
	height:12px;
	overflow:hidden;
	outline:none;
	text-decoration:none;
	color:#000000;
	background:transparent;
}
div.nav_sub a span {
}
div.nav_sub a:hover {
	text-decoration:none;
	color:#000000;
	background:#6b862e;
}
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:#555555;
	background:transparent;
}
div.nav_sub a.current span {
}
div.nav_sub a.current:hover {
	text-decoration:none;
	color:#000000;
	background:#6b862e;
}
div.nav_sub a.current:hover span {
}
/* nav */

/* column_banner */
div.column_banner {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:800px;
	height:328px;
	overflow:hidden;
	background:url(../images/bgi/column_banner.jpg) no-repeat scroll 0 0;
}
div.column_banner img {
	margin:0;
	padding:0;
}
/* column_banner */

/* column_top */
div.column_top {
	margin:0 auto;
	padding:0;
	width:800px;
	height:328px;
	background:url(../images/bgi/column_top.jpg) no-repeat scroll 0 0;
}
/* column_top */

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

/* column_left */
div.column_left {
	margin:0;
	padding:0;
	width:540px;
	float:left;
}
div.column_left-dynamic {
	margin:20px auto;
	padding:0;
	width:480px;
	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:#464646;
	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:#464646;
	background:transparent;
}
div.column_left h3 {
	margin:5px 0;
	padding:0;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#464646;
	background:transparent;
}
div.column_left h4 {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#464646;
	background:transparent;
}
div.column_left h5 {
	margin:5px 0;
	padding:0;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#464646;
	background:transparent;
}
div.column_left h6 {
	margin:5px 0;
	padding:0;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	color:#464646;
	background:transparent;
}
/* column_left */

/* column_right */
div.column_right {
	margin:0;
	padding:0;
	width:255px;
	float:right;
}
div.column_right-dynamic {
	margin:20px auto;
	padding:0;
	width:215px;
	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:#000000;
	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:#000000;
	background:transparent;
}
div.column_right h3 {
	margin:5px 0;
	padding:0;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#000000;
	background:transparent;
}
div.column_right h4 {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#000000;
	background:transparent;
}
div.column_right h5 {
	margin:5px 0;
	padding:0;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#000000;
	background:transparent;
}
div.column_right h6 {
	margin:5px 0;
	padding:0;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	overflow:hidden;
	color:#000000;
	background:transparent;
}
/* column_right */

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

/* footer */
div.footer_matrix {
	margin:0;
	padding:0;
	width:800px;
	height:43px;
	overflow:hidden;
	background:url(../images/bgi/footer_matrix.jpg) no-repeat scroll 0 0;
}
div.footer {
	margin:0;
	padding:0;
	width:800px;
	height:43px;
}
p.footer_nav {
	position:absolute;
	top:7px;
	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:22px;
	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:#777777;
	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:#744ade;
	background-color:transparent;
}
a:hover {
	text-decoration:underline;
	color:#3e2876;
	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  ------- */