
/* --------------------------------------------------

filename:main.css
title: Primary CSS file for joyofcode.com
author: Bud Kraus, bud@joyofcode.com
url: http://www.joyofcode.com/styles/main.css
license: Copyright 2008. All Rights Reserved.  Feel free to read and learn but please do not steal!!

description: This file sets the critical style rules for the joyofcode.com site.  It is in use for every page on the public site.  Other CSS files are used for more specific style needs.

-------------------------------------------------- */


@import url( old_ie.css );

/* property order 
width
min-width
max-width
height

color
background

float
clear
display
visibility

padding
border
margin

list-style-type

font-variant
font-weight
font-size
font-family

letter-spacing
word-spacing
line-height
text-align
text-indent
text-transfprm
text-decoration      
*/



/* start universal and type selectors */

*
{padding:0;
border:0;
margin:0;
list-style-type:none;
font-weight:normal;}

body
{color:#333;
background: #fff url(../images/background.gif);
font-size:75%;
font-family:verdana,arial,helvetica,sans-serif;}

h1
{color:#444;
padding:.25em;
font-size:2em;
font-family:arial, helvetica, sans-serif;
/* text-transform:uppercase;*/}

h2
{color:#000;
 background:#fc9; 
/* background: #f08113; */
border-top:1px #666 solid;
border-bottom:1px #666 solid;
font-size:1.6em;
text-transform:capitalize;}

h3
{font-size:1.4em;
letter-spacing:.05em;}

h2, h3
{font-family:'comic sans ms',tahoma,monospace;}

h4
{font-size:1.25em;
letter-spacing:.05em;}

tr
{vertical-align:top;}

th
{font-weight:bold;
text-align:left;}

td
{padding:1em;}

strong
{font-weight:bold;}

code 
{background: #FFFF9B;
font-size:1.10em;
font-family: times,serif;}
	
textarea
{border:1px #999 solid;
margin-left:1.5em;}

iframe
{margin-left:1.5em;}

hr
{visibility:hidden;}

 fieldset
 {margin:2em 1em;}
 
 legend
 {font-weight:bold;
	font-variant:small-caps;}
	
input, select
 {border:1px gray solid;
 margin:.25em 0;}
 
 object, embed
{display:block;
margin:0 auto;}
 
	
	/* form styling */
	
	label.general
 {	width: 16em;
 float: left;
margin:.1em 0;}


	


a:link
{color:#bd2763;}
/*   - or use #151c52  */

/* end universal and type selectors */



div#container
{width:80%;
min-width:770px;
max-width:3000px; 
margin:0 auto;}  

div#masthead
{ width:auto;
margin-bottom:3px;
background: url(../images/header_bg.jpg) repeat-x;}

div#masthead img
{width:467px;
height:95px;}

#header
{background:#fff;}

#header li
{display:inline;}

div#wrapper
{border-top:1px  #9CA4AA solid;
border-bottom:1px  #9CA4AA solid;
background:#fff url(../images/page_bg.gif) repeat-y;}


div#content
{width:auto;
min-width:50%;
max-width:65%;
margin-left:160px;}


ul#grabber
{width:auto;
float:right;
margin:0 1em;
padding:5px;
border:1px dashed  #777;
background:#e5e5e5;}

ul#grabber li
{display:inline;}

ul#grabber a
{color:#000;
display:block;
font-weight:bolder;
text-transform:uppercase;
text-decoration:none;}
	
ul#grabber a:hover
{color:#fff;
background:#555;}
	

div#content p.subhead, div#wrapper p.subhead, div#contact ul.subhead li, div#contact ul.subhead li a
{font-weight:bold;
font-size:1.20em;}

div#contact ul.subhead li, div#contact ul.subhead li a
{color:#64463c;}

div#content p.subhead span
{font-size:1.15em;}

div#wrapper p.subhead
{text-align:center;}




div#content h2, div#content h3,  div#content h4, div#content p , div#content ul, div#content ol, div#content table, #content dl
{margin:.5em;}

div#content p, table, ol, ul, dl
{padding: 0 1em;
line-height:1.4;}

#content  input.submit
{background:#fff;
border:1px #999 solid;
margin:1em 0em  2em 1.5em;
font-family:tahoma,arial,sans-serif;
text-transform:uppercase;
cursor:pointer;}




ul.features 
{padding:1em;}

ul.features li 
{background:transparent  url(../images/features_bullet.gif) no-repeat left center;
padding-left:10px;
font-size:1.10em;}


.clear_right
{clear:right;}

.clear_left
{clear:left;
visibility:hidden;}

.clear_both
{clear:both;
visibility:hidden;}

/* start home page */

div#home
{float:right;
width:100%;
display:inline;
clear:right;}

/* top row div if needed
height:100%;max-height:99%;*/

div#home div#top_left
{width:49%;
float:left;
border-right:1px #e5e5e5 solid;}

div#home div#top_left img
{width:100px;
height:91px;
float:left}

div#home div#top_right
{width:49%;
	float:right;}

div#home div#top_right img
{width:100px; 
height:92px;
 float:right;}

div#home hr
{clear:both;
border:1px #e5e5e5 solid;}

/* second row if needed 
<div style="height:100%;max-height:99%;"> */

div#home div#bottom_left
{ width:49%;
	 float:left;
	border-right:1px #e5e5e5 solid;}

div#home div#bottom_left img
{width:100px; 
	height:76px; 
	float:left;}

div#home div#bottom_right
{width:49%;
float:right;}

div#home div#bottom_right img
{width:100px; 
	height:91px;  
	float:right;}
	
	div#breaking
	{width:80%;
		height:100px;
		color:#044064;
		background:#0f0;
		padding:2px;
		border:1px #044064 dotted;
		margin:2em auto;
		font-size:1.05em;}
	
	div#breaking img
	{float:left;
	width:98px; 
height:98px;}

div#breaking p strong em
{font-weight:bold;}

	div#breaking a
	{font-weight:bold}
	
	div#video
	{width:420px;
background:url(../images/checkerboard_bg.gif);
	border:2px #0f0 solid;
	margin:0 auto; }
	
div#video p
	{background:#fff;
margin:1em;
border:2px #0f0 solid;
font-size:1.5em;
font-family:'comic sans ms',monospace;
text-align:center;}

div#video span
{font-size:.60em;
	font-family:verdana;
	text-align:right;}
	
div#video p a
	{text-decoration:none;}
	
	div#video p.camera 
	{background:#fff url(../images/camera_icon_sm.gif) center left no-repeat;padding-left:30px;
		font-size:1.15em;
		font-weight:bold !important;}

h2.home
{clear:both;}

div#home h3
{color:#151c52;}

div#talks
{background:#e5e5e5;width:90%;
	margin:1em auto;
	border:1px dashed #151c52;}

ul.talks li ul 
{margin-top:-.25em;}

div#callin
{width:auto;
background:#FAFAD2;
padding:0px  10px;
border:1px #403416 dashed;
margin:0px 20px;}

div#callin p.caption
{float:left;
	padding:25px;}

div#callin img
{width:135px; 
	height:84px;
	border:2px solid #000;}
	
	

div#wrapper.workshops
{background:url(../images/page_bg_workshops.gif);}

div#content.workshops
{min-width:50%;
max-width:100%;
height:750px;
color:#fff;
background: url(../images/workshops.jpg) no-repeat 40% 100%; }

div#content.workshops a
{color:#ffffff ;}

div#content ul#highlights
{width:45%;
	float:left;}
	
ul#highlights li.no_bul
{background:url(none) !important;}
	
ul#highlights li h2
	{color:#fff;
		background:none;
		border:none;}

div#content ul#highlights li
{background:  url(../images/subnav_bullet.gif) no-repeat left center;
padding-left:10px;
margin:.5em auto;}

div#content div#pledge
{width:45%;
	float:right;
	font-size:1.2em;}

div#content div#pledge p
{margin-bottom:3em;}
	
div#content div#pledge li
{margin:.5em auto;}



div#why_learn
{width:90%;
margin:2em auto;}

div#why_learn p
{font-weight:bold;}

div#why_learn img
{width:304px;
height:284px;
float:right;}

div#content img.screenshot_dreamweaver
{width:436px;
height:384px;
border:4px #fc9  solid;
margin:1em auto;
display:block;} 


div#about
{width:90%;
margin:2em auto;}

div#about p
{font-weight:bold;
color:#000;}

#about img.about
{width:300px;
height:225px;
float:left;
padding-right:10px;}

div#quote
{width:50%;
border-top:8px double  #000055;
border-bottom:8px double  #000055;
margin:1em auto;
background:#e5e5e5;
font-size:1.10em;}

div#quote p
{padding:1em;}

div#quote em
{font-weight:bold;}

div#quote p.right
{text-align:right;}


table#ataglance 
{width:95%;}

table#ataglance th, table#ataglance td
{padding:.5em 0em;}

table#ataglance li
{padding-left:10px;
background:  url(../images/features_bullet.gif) no-repeat left center;}


img.faq
{width:400px;
 height:200px;}
 
 ol.faq li
 {line-height:1.8;}
 
div#faq_answers h3
{font-weight:bold;
font-size:1.05em;}

dl#excerpts dt
{padding-left:20px;
	background:url(../images/pdf.gif) no-repeat;}

dl#excerpts dd
{padding-left:40px;}

div#content p.super_indent
{padding:1em 2em;}


p.try_box
{color:#151c52;
	font-size:1.10em;
	font-weight:bold;}

div#try_examples
{margin:2em 0em;}

div #try_examples h3
{margin-top:1.5em;}

div#content.launch input.submit
{margin-left:1em;}



div#screenshots img
{width:512px;
 height:384px; 
 display:block;
 margin:2em 1em;}
 
 
div#outline ul li, div#content.bookstore ul li, div#jg_content ul.outline li, ul.outline li
{background:url(../images/features_bullet.gif) no-repeat left center;
padding-left:10px;
font-size:1.10em;}

div#outline a.pdf
{background:url(../images/pdf.gif) no-repeat center right;
padding-right:20px;}

div#outline a.camera
	{background:#fff url(../images/camera_icon_sm.gif) center right no-repeat;
padding-right:30px;}


 
 table#compare span
{ font-weight:bold;
	 text-align:center;}
	 
img.butterfly
 {width:280px;
 height:233px; 
float:right;}

div#content p.announce,
div#content p.announce a
{color:#fff;
	background:#8a583d;
	font-weight:bold;
	font-size:1.10em;}

div#content p.announce
{padding:1em;
border:2px dashed #271b1c;}


		 
img.consulting
 {width:500px;
 display:block;
margin:0 auto;}


img.bridge
 {width:375px;
 border:10px #fff164 solid;
display:block;
margin:0 auto 2em;}







div#code_aid
{width:100px;
float:left;
margin-left:1em;}

div#code_aid img
{width:100px;
 height:54px;}
 
 
 

		
/* Presentations */

div#talking
{width:100px;
float:left;}

div#talking img
{width:100px;
	height:64px;}

div#presentations
{margin-left:110px;}

div#presentations dvc#webinars_announce img
{ width:111px;
height:111px; }

div#presentations div#webinars_announce div
{float:right; 
 margin-top:1em;}
 
 
 div#presentations div#webinars_announce a
{font-size:1.25em
;font-weight:bold;}

div#presentations li.clear
{clear:both;} 

img.fix, img.standards, img.canvas, img.plug, img.sheets
{width:100px;
float:left;
padding:5px;
border:1px solid #fff;
margin:10px;}

img.what
{width:127px;
height:111px;
float:left;
padding:5px;
border:1px solid #fff;
margin:10px;}

img.fix
{ height:56px;}

img.standards
{height:130px;}

img.canvas
{height:88px;}
	
img.plug
{height:100px;}
	
	img.sheets
{height:133px;}

div#summary
{width:75%;
background:#fff;
margin:0 auto;
	border-top:8px #403416 double;
		border-bottom:8px #403416 double;
	font-weight: bold;
	font-size:1.15em;}

div#summary img.standards, div#summary img.canvas
{border:0;}

div#content p.lead
{font-size:.95em;}

div#content ul.presentations li
{background:url(none);}

div#summary img.fix, div#summary img.plug, div#summary img.sheets 
{background:#fff;}

/*
div#summary p.au
{
background:#000 !important;
padding:.5em;
margin:1.5em 1em !important;
font-variant:small-caps;
font-weight:bold;} */   

/*div#content p.criticals
{	margin-bottom:-.5em;
font-weight:bold;
	font-size:1.15em;}*/
	
	div#content p.criticals
{	margin-bottom:-.5em;
font-weight:bold;
	font-size:1.15em;}
	
	div#content ol.step2 li
 {margin-left:2em;
 list-style-type:decimal;
 font-weight:bold;}
 
 div#content p.attention
 {font-weight:bold;
text-align:center;
text-transform:uppercase;}

div#content p.au
{background:#e5e5e5;
padding:.5em;
border:1px dashed #151c52; 
margin:0% 10%;
font-weight:bold;}

div#content p.au a
{background:#e5e5e5;}

div#content table.au
{width:75%;
margin:0 auto;}

div#content img.cascade
{width:280px; 
height:428px;
float:left;
margin-top:50px;
margin-right:10px;}



 	div#old_new_box
{color:white;
background:black;padding:5px;width:80%;
margin:0 auto;
border:1px solid black;}
	
div#old_new_box img.old
{width:85px;
height:128px; 
float:left;
margin-right:20px;}

div#old_new_box img.new
{width:98px; 
	height:216px; 
	float:left;
	margin-right:20px;}
	
	div#spheres
	{width:75%;
		margin:0 auto;}
		
		div#content p.impt
		{font-weight:bold;
		text-align:center;
			text-transform:uppercase;}
			
			div#content img.albert
			{width:120px;
				 height:144px;  
				 float:left;
				 margin:20px;}
				 
div#content img.car
				 {width:215px;
					 height:104px; 
					 float:right;}
	
	div.msnbc_box
	{width:80%;
	color:#fff;
		background:#000;
padding:5px;
border:1px solid black;
margin:2em auto;}

div.msnbc_box img
{width:225px; 
	height:169px;
	float:left;
	margin-right:1em;}
	
	div#sheen
	{margin:1em 0;}
	
div#sheen p
		{font-weight:bold;
		text-align:center;}
		
div#sheen img
			{width:290px;
				 height:258px; 
				 display:block;
				 margin:0 auto;}
				 
table.drivers
 {width:70%;
background:#fff;
border:2px dashed #000;
margin:1em auto !important;}

div#content img.screenshot
{width:600px;
	 height:450px;
	display:block;
	margin:1em auto !important;}
	
	div#content p.ender, div#content p.closer
	{font-weight:bold;
	font-size:1.20em;
		text-align:center;}
		
div#content p.closer
{text-transform:uppercase;}


/* webinars   */


img.webinars_logo
{width:256px;
height:256px;
float:left;
padding:15px;}
		
div#webinars_lead
{width:50%;
float:right;}

div.webinars_details_box
{background:#fff;
border:1px dotted #151c52;
margin:1em;}

		
ul.webinars_details
{width:50%;
float:left;}

span.date
{font-size:.75em;}
	

	

 /* start how to section */
 
 div#how_to_box
 {width:200px;	
 float:left;
border:1px #151c52 solid;
margin:0 1em;}
 
 div#how_to_box img
 {width:135px; 
	height:135px; 
	display:block;
	margin:0 auto;}
	
	div#how_to_box div
	{margin:.5em 0;}
	
	div#how_to_box p.how_to_tutorials
	{font-weight:bold;
	font-size:1.15em;
	text-align:center;}
	
	div#how_to_box a:link
	{color:#151c52;}
	
div#how_to_box a:hover
	{text-decoration:none;}
	
	div#content.how_to ul.ex li
{margin-left:1em;
list-style-type:disc;
list-style-position:inside;}
	 
	 	div#content.how_to ol.ex li
{margin-left:1em;
list-style-type:decimal;
list-style-position:inside;}

div#content.how_to img.trylon
{width:99px;
height:150px;
float:right;
padding:10px; 
border:5px #000 solid;}
	 
	 
	 /* start o f inside section */
	 
div#friendly
{float:left;
	width:200px;
	font-family:comic_sans_ms monospace;}

div#friendly img
{width:139px;
height:280px;
padding:1em;
border:2px #000 solid;
margin:1em;
background:url(../images/checkerboard_bg.gif);}



div#team
{float:left;
	width:auto;}

div#content.team img
{width:75px;
height:112px;
float:left;
margin:1em;}


div#content.team h2
{background:#fff;}


img.usa_map
{width:433px;
 height:267px; 
 display:block;
margin:0 auto;}

img.library
{width:120px;
height:78px;
float:left;
margin-left:1em;}

div#programs
{width:auto;
margin-left:150px;}

div#programs ul.features
{width:50%;
float:left;}

div#programs img
{width:98px; 
height:98px;
float:right;}


p.subhead em
{font-weight:bold;}

p.gag
{margin:1em;}


blockquote#gag
{margin:2em;}

img.gag
{float:left;
display:block;
	width:98px; 
height:98px;
padding: 40px 20px;}

img.massart
{float:left;
display:block;
	width:270px; 
height:63px;
padding: 20px 0;
margin:0 2em;}



#testimonials hr
{border:1px solid #e5e5e5;}

#testimonials div.even 
{background:#f9f8a2;}
 

/* start workshop enrollment */

p#step_strip 
{margin:2em 0em  !important;
font-size:1.20em !important;
font-weight:bold  !important;}

p#step_strip span
{padding:5px 15px;
border:3px #525252 solid;
background:#151c52;
color:#ADADAD;}

p#step_strip span.step
{background:#ADADAD;
border:1px #525252 solid;
color:#151c52;
font-size:.50em;}

img.paypal 
{width:105px;
	height:31px;
	margin-left:1em;}


/* Site Map */

div#wrapper.site_map
{background:#fff url(none);}

div#wrapper img.site_map 
{width:700px;
 height:234px; 
 display:block;
margin:0 auto;
border:10px  solid #161312;}

div#site_map
{width:700px;
background:#fff;
margin:2em auto;}

div#site_map div
{width:auto;
float:right;
margin-top:5em;}

div#site_map ul.site_map
{margin-top:2em;}

div#site_map ul.site_map ul
{margin:1em 0;}

div#site_map li.level_one
{background: url(../images/nav_bullet.gif) no-repeat left top;
padding-left:15px;}

a.level_one
{font-size:1.45em;}

div#site_map li.level_one ul
{margin-left:1em;}

div#site_map a
{color:#151c52;}







/* Start Joc */

div#startjoc_left
{width:45%;float:left;
	margin:0 1%;}

div#startjoc_left img
{width:184px;
height:28px;
margin-top:1em;}

div#startjoc_left p,  div#startjoc_right p, div#wrapper.site_map p
{margin:1em 2em;}

p.site_map
{margin-top:2em;
font-size:1.50em;}


div#startjoc
{width:75%;
	margin:0 auto;}

div#startjoc img
{width:256px;
	 height:112px;}
	 
	div#startjoc p
	 {margin-top:2em;
		margin-left:-1em;
		font-size:1.25em;
		font-weight:bold;}

	div#startjoc p span
{font-size:.75em;}

div#startjoc_right
{width:45%;
float:right;
	margin:1%;
	border:2px dotted #151c52;}

div#startjoc_right h2
{background:#000;
	color:#fc9;}
	
	
	/* Joy Of Code - The CD  */
	
	div#content.bookstore  img.joctcd
{width:467px; 
height:200px; 
display:block;
margin:0 auto;
border-top:10px black solid;}

div#content.bookstore ol.features
{width:50%;
	margin:0 auto;}

table#choices
 {width:80%;
  border:1px #233E6C  dashed;
  margin:1em auto !important;}
 
table#choices th
 {border-bottom:1px #233E6C  solid;}
	
	table#choices td[colspan]
	{font-weight:bold;
		text-align:center;}
 
 table#choices img
 {width:32px;
	height:32px;
	float:left;
	margin-top:1em;}
	
	
	div#content.bookstore img.cd-rom_icon, div#content.bookstore img.download_icon
	{float:left;
	margin-right:1em;}
	
	div#content.bookstore textarea
	{width:80%;
		height:200px;
		display:block;
		margin:1em auto;}
		
 input#first_name,   input#last_name
 {width:100px;}
 
 input#payment_paypal,  input#payment_check, input#check_mail, input#paypal_download, input#invoice_download, input#paypal_mail, input#yes, input#no
{border:none;}

div#content.bookstore ol.cd_options li
{font-size:1.20em;}


/* top of any page promo */

div#dont_miss
{background: #000;
width:80%;
margin:10px auto;
border:1px solid black;}

div#dont_miss p
{color:#fff;
font-size:1.15em;
margin:1em;}

div#dont_miss a
{color:#fff;
font-weight:bold;}




/* Bookstore */

div#left_col img.bookstack
{width:160px;
	height:281px;}
	
div#content.bookstore img.bookshelf
{width:497px;
	height:125px;
display:block;
	margin:0 auto;}

div#content.bookstore img.amazon
{width:126px;
height:24px;
float:right;}  

div#content.bookstore ul
{width:auto;
float:left;
	margin:1em 0;}

div#content.bookstore ul li
{background: url(../images/bookstore_bullet1.jpg) no-repeat;
padding: 10px 0 10px 30px;
font-size:1.25em;
text-transform:uppercase;}
		
div#content.bookstore ul li a
{font-weight:bold;
text-decoration:none;}

div#featured
{	width:100% !important;}
					
div#content.bookstore div#featured
{width:auto;
float:right;
margin:1em 0;}
					


div#content.bookstore h2
{color:#000 !important;
background:#fff   url(../images/book_store_bg.gif)  repeat-x !important;
padding:2px;
border:0;}


div#content.bookstore div#featured h2
{text-align:center !important;
margin:0;}

div#covers
{float:right;
	width:auto;}

div#content.bookstore div#covers img
{width:100px;
height:129px;
border:1px #fff solid;
margin:2px 10px !important;}

div#content div#covers a[href^="http:"] 
{background: url(none);}

	div#content.bookstore ul
	{float:left;
	width:auto;}
	

div#content.bookstore img.joy_tcd_icon
{width:100px;
	height:49px; 
	float:left;
	padding:10px;}
	
	


	
/* Bookstore Pages */

div#content.bookstore input.search
 {margin-left:1em;
 border:1px #3b999c solid;}

div#content.bookstore input.go
{width:39px;
	height:21px;
	border:none;}
	
div#books
{float:left;
width:auto;}

div.book_section
{margin:0 2em;}

div.book_section hr
{clear:both;
visibility:hidden;} 

div.book_cover
{float: left;
width: 130px;
margin-left:1em;}

div.book_cover img
{width:100px; 
height:129px; }

div.book_cover img.matery, img.matery
{width:100px; 
height:122px; }

div.book_description
{margin-left: 150px;}




	/*  Footer */

div#footer
{width:auto;
height:50px;
color:#fff;
background:url(../images/footer_bg.gif) repeat-x;
clear:both;
text-transform:uppercase;}

div#footer a
{color:#fff;
text-decoration:underline;}

div#footer div#left
{float:left;
margin-left:1em;}

div#footer div#right
{float:right;
margin-right:1em;}

div#left, div#right
{width:auto;
padding-top:15px;
margin:auto;}

div#footer div#left span
{text-transform:lowercase;}


div#left_col
{width:160px;
float:left;}

div#navbar
{width: 154px;
margin:0 auto;}

div#navbar ul
{margin-left:-1em;}   

div#navbar li
{width:148px;}

div#navbar li.nav_label
{width:148px;
color:#fff;
background:#000;
font-variant:small-caps;
font-size: 1em;
letter-spacing:.5em;
text-align:center;}

div#navbar a
{padding:.5em 0em;
margin:1px;
border:1px #fff  solid;
color:#000;
background:#9091bd url(../images/nav_bullet.gif) no-repeat left center;
display:block;
font-weight:bold;
font-size:1.10em;
font-family:tahoma,arial,sans-serif;
letter-spacing:.1em;
 line-height:1.2; 
text-align:right;
text-transform:uppercase;
text-decoration:none;}

div#navbar a:hover
{color:#fff;
background: #151c52;} 

/*div#navbar a:hover
{background: #000;} */

div#navbar span   
{padding-right:.5em;}

/*div#navbar .main_current
{background:#9CA4AA   url(../images/dot_current.gif) no-repeat left center  !important;}*/

div#navbar li.this_page
{width:146px;
color:#000;
background:#fff;
padding:.5em  0;
border:1px solid #9CA4AA;
font-weight:bold !important;
text-align:right;
text-transform:uppercase;}









div#subnav 
{border-top:1px solid #fff;
border-bottom:1px solid #fff;}

div#subnav li.nav_label
{background:#555;
font-size:.75em;}

div#subnav li.nav_label span
{padding:4em;}

div#subnav li.nav_ws
{border-top:4px double  #444;
/*border-bottom:4px double   #444;*/}

div#subnav ul li.ws_title span
{color:#000 !important;
background:#ff0;
height:100% !important;
display:block;
	padding:.75em;
	font-weight:bold;
	text-align:center;}

div#subnav ul li a
{border:none;
margin:0px 1px ;
color:#fff;
background:#555 url(../images/subnav_bullet.gif) no-repeat left center;
font-size:.90em;
text-align:left;
text-indent:1em;
text-transform:none;}

div#subnav ul li.this_page
{width:142px;
color:#000;
background:#fff;
/*padding:.5em  0;*/
padding-left:4px;
/*border:1px solid #9CA4AA;*/
font-weight:normal !important;
font-size:8pt;
text-align:left;
text-transform:none;}


/*/subnav .this_page
{color:#fff;
background:#000;
border:none;
text-transform:none;
text-align:left;
font-family:tahoma,arial,sans-serif;
font-weight:normal;
font-size:8pt;
padding: 0;}*/


/*#subnav ul li.this_page span
{padding-left:.5em}
*/



a.this_section
{color:#fff !important;
background:#151c52 !important;}








 .clearfix:after 
{content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
	 
	 div#content a[href^="http:"] 
{background: url(../images/external_link.gif) no-repeat right center;
padding-right: 10px;}


/* ie 6 fixes that won't work from the imported old_ie.css file */

/* to fix disappearing text */

* html .visualIEFloatFix 
{ height: 0.01%; }




