/* PAGE LAYOUT ******************************************************/
html { }
body { }
div#doc2 { width:950px; }
div#header { margin-top:20px; position:relative; }
div#main_content { }
div#footer { background: url(../images/layout/footer_950x35x3.gif) no-repeat left top; text-align:center; color:#FFFFFF; clear:both; padding-top:9px; height:26px; margin:1em 0; }
body.advertising div#footer { background: url(../images/layout/footer_950x35x3.gif) no-repeat left center; }
body.contact div#footer { background: url(../images/layout/footer_950x35x3.gif) no-repeat left bottom; }
div.main { float:left; margin-left:2px; width:630px; }
div.sidebar { float:right; margin-right:2px; width:300px; /*text-align:justify;*/ }
/* NAVIGATION ******************************************************/
/* MAIN NAVIGATION */
ul#main_nav { position:absolute; margin:0; left:390px; top:2px; }
ul#main_nav li { float:left; margin:0; margin-right:5px; height:35px; list-style:none; }
ul#main_nav li a { padding: 8px 20px 0 20px; height:27px; display:block; text-decoration:none; color:#FFFFFF; font-size: 123.1%; font-weight:bold; }
body.about ul#main_nav li#about { background: url(../images/layout/tab_body_900x35x3.gif) left bottom; }
body.about ul#main_nav li#about a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -70px; }
body.about ul#main_nav li#about:hover { background: url(../images/layout/tab_body_900x35x3.gif) left bottom; }
body.about ul#main_nav li#about:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -70px; color:#FFFFFF; }
ul#main_nav li#about { background: url(../images/layout/tab_body_900x35x3.gif) left top; }
ul#main_nav li#about a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right top; }
ul#main_nav li#about:hover { background: url(../images/layout/tab_body_900x35x3.gif) left center; }
ul#main_nav li#about:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -35px; color:#174F78; }
body.advertising ul#main_nav li#advertising { background: url(../images/layout/tab_body_900x35x3.gif) -300px bottom; }
body.advertising ul#main_nav li#advertising a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -175px; }
body.advertising ul#main_nav li#advertising:hover { background: url(../images/layout/tab_body_900x35x3.gif) -300px bottom; }
body.advertising ul#main_nav li#advertising:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -175px; color:#FFFFFF; }
ul#main_nav li#advertising { background: url(../images/layout/tab_body_900x35x3.gif) -300px top; }
ul#main_nav li#advertising a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -105px; }
ul#main_nav li#advertising:hover { background: url(../images/layout/tab_body_900x35x3.gif) -300px center; }
ul#main_nav li#advertising:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -140px; color:#566C15; }
body.contact ul#main_nav li#contact { background: url(../images/layout/tab_body_900x35x3.gif) -600px bottom; }
body.contact ul#main_nav li#contact a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -280px; }
body.contact ul#main_nav li#contact:hover { background: url(../images/layout/tab_body_900x35x3.gif) -600px bottom; }
body.contact ul#main_nav li#contact:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -280px; color:#FFFFFF; }
ul#main_nav li#contact { background: url(../images/layout/tab_body_900x35x3.gif) -600px top; }
ul#main_nav li#contact a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -210px; }
ul#main_nav li#contact:hover { background: url(../images/layout/tab_body_900x35x3.gif) -600px center; }
ul#main_nav li#contact:hover a { background: url(../images/layout/tab_cap_19x35x9.gif) no-repeat right -245px; color:#783B00; }
/* SUB NAVIGATION */
ul#sub_nav { height:35px; width:950px; margin:0; padding-left: 25px; background: url(../images/layout/subnav_950x35x3.gif) no-repeat left top; }
body.advertising ul#sub_nav { background: url(../images/layout/subnav_950x35x3.gif) no-repeat left center; }
body.contact ul#sub_nav { background: url(../images/layout/subnav_950x35x3.gif) no-repeat left bottom; }
ul#sub_nav li { float:left; margin: 8px 40px 0 0; font-weight:bold; font-size:116%; list-style:none; }
ul#sub_nav li a { text-decoration:none; color:#FFFFFF; }
ul#sub_nav li a:hover,
ul#sub_nav li.current a { text-decoration:underline; background:none; }
/* CONTACT ******************************************************/
div#contact_info { float:right; margin-right:2px; margin-bottom:20px; }
div#envelope { width:400px; height:230px; background: url(../images/layout/envelope.gif) no-repeat; position:relative; }
div#envelope p { font-size:123.1%; position:absolute; top:110px; left:100px; background-color:#FFF; border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px 20px; }
div#email_form { float:left; margin-left:2px; margin-bottom:20px; }
/* ABOUT - OVERVIEW ******************************************************/
div#homepage_definition { border:1px solid #D5BA00; padding:10px; margin:1em 0; background: #FFFCE8; }
div#homepage_definition h2 { margin:0; }
div#homepage_definition p { font-size:123.1%; margin-left:60px; border-left:5px solid #BBB; padding-left:10px; }
div#homepage_definition p#pronounce { font-size:123.1%; color:#174F78; margin-left:20px; font-family:"Courier New", Courier, monospace; border:none; }
div#homepage_definition p#pronounce span { font-size:123.1%; color:#566C15; margin-left:20px; font-family:Arial, Helvetica, sans-serif; }
/* ADVERTISING - OVERVIEW ******************************************************/
table.chart_graph { float:right; margin: 0 0 5px 10px; width: 500px; font-size:85%; border:1px solid #e5e5e5; background: url(../images/layout/bg_fade.gif) repeat-x left top; }
table.chart_graph th,
table.chart_graph td { border:none; }
table.chart_graph td.value { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding:0; border-bottom: none; background:  url(../images/layout/gridline40.gif) repeat left top; }
table.chart_graph td { padding: 2px 6px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background: url(../images/layout/chart_graph_td_bg.gif) repeat left top; }
table.chart_graph body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; }
table.chart_graph td.value img { vertical-align: middle; margin: 2px 5px 2px 0; }
table.chart_graph th { text-align: left; vertical-align:top; background: url(../images/layout/chart_graph_th_bg.gif) repeat left top; }
table.chart_graph td.last { border-bottom:1px solid #e5e5e5; }
table.chart_graph td.first { border-top:1px solid #e5e5e5; }
table.chart_graph td.alt { background: url(../images/layout/chart_graph_td_bg2.gif) repeat left top; color:#FFF; }
table.chart_graph td.footer_td { background: url(../images/layout/chart_graph_th_bg.gif) repeat left top; text-align:center; padding:5px; }
/* ADSIZE MATRIX ******************************************************/
div#adsize_matrix { border:1px solid #CCC; padding:0 1em; background-color:#EBF4FA; }
div#adsize_matrix a:hover { cursor:pointer; }
div#adsize_matrix ul { width:200px; float:left; margin:0; margin-left:20px; }
div#adsize_matrix div#viewing_area { float:right; width:auto; }
div#adsize_matrix div#viewing_area div#ad_example { border:1px solid #D5BA00; padding:19px; text-align:center; width:400px; background-color:#FFFCE8; color:#D5BA00; font-size:123.1%; }
/* ADVERTISER LOGIN ******************************************************/
a#ad_login { width:300px; height:70px; overflow:hidden; text-indent:-9999px; background: url(../images/layout/advertiser_login.gif) no-repeat left top; display:block; margin-top:1em;}
a#ad_login:hover { background: url(../images/layout/advertiser_login.gif) no-repeat left bottom; }

