/* comment: green bold links with rust hovering underline are default,  */
/* comment: green links, black unbold underlined visited */

html { font-family: verdana, arial, helvetica, geneva, sans-serif; 
			font-size: 90%; 
			}




#pagediv {
width: 960px;
margin: 0px auto;

}

#header {width: 960px;

}

#masthead_left {text-align: center; }


/* to become obsolete with right hand column nav */
#leftcol  {
 width: 140px;
float: left;

}

/* new content right */
#right_col_nav  {
 width: 140px;
float: right;
text-align: center;


}


/* new content left */
#leftcol_new { 
width: 800px;
float: left;

}

/* to become obsolete with left hand column content */
#rightcol { 
width: 740px;
float: right;

}

	
.boxleft {float: left; }
	
.caption {font-size: 70%;
				text-align: center;
				font-weight: bold; }


/*to center picture in leftnav column */
.portrait {
			margin: 0px auto;
			position: relative;
			text-align: center;
			}




a { font-weight: bold;}


a:link {text-decoration: underline; color: #006600;}

a:visited {text-decoration: underline; color: #000000;
	background: #ffffff;}
a:hover {text-decoration: underline; color: #660000;
	background: #ffffff;}
a:active {text-decoration: underline; color: #ff00ff;
	background: #ffffff;}


/* comment: H1--red */

h1 {	font-size: 140%;
	font-weight: bold;
	border-color: #000000;
	color: #660000;
	background: #ffffff;
}

/* comment: H2--green */

h2 {	font-size: 125%;
	font-weight: bold;
	border-color: #000000;
	color: #006600;
	background: #ffffff;
	}

	
/* comment: H3--black */

h3 {	font-size: 110%;
   font-weight: bold;
	border-color: #000000;
	color: #000000;
	background: #ffffff;
	}
	
	
/* comment: H3--Blue */

.h3blue {	font-size: 110%;
   font-weight: bold;
	border-color: #000000;
	color: #333366;
	background: #ffffff;
	}

	
/* comment: H4 = H3, but dark blue */

h4 {	font-size: 110%;
	text-align: center;
	font-weight: bold;
	border-color: #000000;
	color: #333366;
	background: #ffffff;
	}

/* black text, left align */


body
{	font-size: 90%;
	color: #000000;
	background: #ffffff;
	border-color: #000000;
	}


/* style to place BWZ tip in a box on tips pages */	
#tipbox	{
		margin: auto;
		text-align: left;
		background: #d9caab;
		color: #000000;
		border: 4px #666666 double;
		border-color: #666666;
		padding: 5px 30px 5px 30px;
		width: 80%;
}


/* for header graphic - kudos  */
#header1 {
		text-align: center;
		width: 500px;
		
}	




.smallergrey { font-size: 80%;
               color: #666666; }

/* DEFINE GENERIC STYLES */
	
.small { font-size: 92%; }
.smaller { font-size: 86%; }
.smallest { font-size: 78%; }
.small95 { font-size: 95%; }
.small90  { font-size: 90%; }
.small85 { font-size: 85%; }
.small80  { font-size: 70%; }
.small75 { font-size: 75%; }
.small70 { font-size: 70%; }

.big { font-size: 110%; }
.bigger { font-size: 120%; }
.biggest { font-size: 130%; }
.big110 { font-size: 110%; }
.big115 { font-size: 115%; }
.big120 { font-size: 120%; }
.big125 { font-size: 125%; }
.big130 {font-size: 130%; }
.big135 {font-size: 135%; }
.big140 {font-size: 140%; }
.big145 {font-size: 145%; }
.big150 {font-size: 150%; }
.big155 {font-size: 155%; }
.big180 { font-size: 180%; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.lighter	 { font-weight: lighter; }
.italic { font-style: italic; }
.underline { text-decoration: underline;}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify {text-align: justify; }


/* also text-top and text-bottom values */
.super {vertical-align: super;}
.top {vertical-align: top;}
.baseline {vertical-align: baseline;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.sub {vertical-align: sub;}


/* SPECIAL/CUSTOM STYLES */

.nostyle { font-weight: normal; font-style: normal; }
.copyright { font-size: 80%; text-align: center;}

/* end imported styles*/

.centersmall { font-size: 90%; 
	text-align: center;
	vertical-align: top; }
	
.centersmaller { font-size: 80%; 
	text-align: center;
	vertical-align: top; }
	
.leftsmall { font-size: 90%; 
	text-align: left;
	vertical-align: top; }

.full {text-align: justify; }
.fullsmall {text-align: justify; font-size: 90%; }
.fullsmaller {text-align: justify; font-size: 80%; }



/* colors - red=rust, blue = navy, green = med */
.redred { color: #ff0000; }
.red { color: #660000; }
.smallred { font-size: 90%;
		color: #660000; }
.bigred { font-size: 110%; 
		color: #660000; 

		}	
		
.biggeredbold { font-size: 120%;
		font-weight: bold; 
		color: #660000; 
		}	
				
		
.green { color: #006600; }
.biggergreenbold { font-size: 120%;
		font-weight: bold; 
		color: #006600; 
		}	
		
.black { color: #000000; }

.white { color: #ffffff; }

.blue { color: #333366;}
  
.bluebold { font-weight: bold; 
				color: #333366; }

.biggerbluebold { font-size: 110%;
		font-weight: bold;
		color: #333366; }
		

/* Grey Box link style, white on table backgound  */	
.greyboxlink
{
	text-align: left;

	}
	
.greyboxlink a:link
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 90%; 
	color: #006600;

	}

.greyboxlink a:visited
{
	font-weight: bold;
	font-size: 90%; 
	color: #000000;
	background: #dedede;
	}

.greyboxlink a:hover
{
	font-weight: bold;
	text-decoration: underline;
	font-size: 90%; 
	color: #660000;
	background: #dedede;
	}

.greyboxlink a:active 
{
	font-weight: bold;
	text-decoration: underline;
	font-size: 90%; 
	color: #ff00ff;

	}



/* LeftBar Simple Link Style, white on table backgound  */	


#leftnavtableBGnorepeat td 
	{ 
	margin: 0px auto;
	
	}
#leftnavtableBGnorepeat td 
	{ 
	background-image: url(../images/btn_blank.jpg);
	background-repeat: no-repeat;
	}

.tablelink 
{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	font-size: 90%; 
	background: transparent;
	text-decoration: none;
	color: #ffffff;	
	}
	
.tablelink a:link
{
	text-decoration: none;
	color: #ffffff;
	background: transparent;
	}
	
.tablelink a:visited
{
	color: #cccccc;
	background: transparent;
	text-decoration: underline;
	}

.tablelink a:hover
{
	text-decoration: underline;
	color: #FFFF33;
	background: transparent;

	}

.tablelink a:active 
{
text-decoration: underline;
	color: #999999;
	background: transparent;
	}
	
	
/* keyword styles  */
.businesswritingheader { font-size: 125%;
		color: #000000; }

.redtanBGheader { 
		font-weight: bold;
		color: #660000; 
		background-image: url('http://www.gailtycer.com/images/navbar_tanblend_mid_inv.jpg');
				background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-top: -3px;
	margin-bottom: -6px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px none #000; padding: 10px;
	
 }

.redtanBGheader a:visited 
{ background: transparent;
}





/* for new media 0909 -   */	
.hilightbox1 { width: 190px;
					float: right;
					background-color: #efefef;
					padding: 10px;
					
					position: relative;
					-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px none #000; padding: 10px;
					
					
					 }
					
.hilightbox1 ul {margin: 0  0 0 -15px;
						 }
					
/* remove bg and left indent for grey box links */

.hilightbox1 a {background: transparent; 
				text-decoration: none;

}
					








/* end actual used styles. Below is drop-out menu style tries  */






/* DROP DOWN MENUS  */

/* NAVBAR BOF */
/* Add top level navigation menu drop downs */

/* navbar ID: general characteristics of navigation */
/* nav bar width = a whole integer when divided by number of columns */
#navbar { margin: 0px;
width: 960px;

font-size: 90%;
z-index: 110;
background-color: transparent;

}


/* all list items */

/* unless overridden below by #navbar li ul li style */

/* nav bar width = alter 960 to be whole integer evenly divisible into navbar width */
/* 237 = 4 columns, 190 = 5 col, 158 = six col */
#navbar li {
float: left;
position: relative;
width: 160px;
text-align: center;
list-style: none;
					
/* put bg image here if no rounded corners wanted, see below if wanted */

}

/* all lists */
#navbar ul {
padding: 0px;
margin: 0px;
list-style: none;		
	
}





/* kp trying to fix for IE positioning - main culprit here */
/* second-level lists  - -  check 'top' on firefox... was 2 em, check padding top - was 2em 
border not seen??
 */
#navbar li ul {
display: none;
position: absolute;
top: 0px;
left: 0px;
padding-top: .5em;
padding-left: .3em;
text-align: left;
width: 100%;
background:  #d9caab;
}




/* SUBLIST ITEMS attempt to not have BG image in sublists plus reset width to 100  + second level background color */
#navbar li ul li {
background-image: none; 
background-color: #d9caab;	
text-align: left;
padding-left: 0px;


}



/* This  works with IE7 which will position to the top right of the containing li, rather than bottom left  - - commented out, now, put top as 1.5em, zindex as 0, now left to 0
 - nav bar colors same as rest of links
*/
#navbar a {
text-decoration: none; font-weight: bold; display: block; 
padding-top: .5em; 
padding-bottom: .5em;
padding-left: .5em;


background-image: url('http://www.gailtycer.com/images/navbar_tanblend_mid.jpg');
				background-repeat: repeat-x;

/* bg used here to get rounded tab corner effect  */
				
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; /* mozilla and safari based browsers rounded corners and padding */

}




 /* allows for drop down to not overlap and align boxes left */
#navbar li>ul { 
top: 1.8em;
left: 0;
z-index: 1000;




}






 /* lists nested under hovered list items */
#navbar li:hover ul, li.over ul {
display: block;
padding-left: 0px;
overflow: hidden;
background-color: #transparent;
}

 /* NAV BAR EOF  */