body {
	font-size:80%;
	color:#000000;
	background-image:url(../i/bg.gif);
}

* html body {
	font-size:75%; /* all other browsers (except Mac IE 5.0) */	
	}

#yahoo-com {
	background-color: #ffffff;
	font-family:Verdana, arial, Helvetica, sans-serif;
	padding-top:5px;
}	

#yui-main {margin:5px 0 0 0;}

blockquote {
padding:0 0 0 10px;
margin:0 0 0 10px;
border-left: 2px solid #747476;
color: #747476;
}

.clicktop {position:relative; float:right;padding: 10px 0 15px 0;}
.clicktop a {text-decoration: none; color:#000; font-size:80%; }

#header {
height:109px;
background-repeat:no-repeat;
margin-top:-5px;
}

.content {padding:5px;z-index:1;}
.content p {color:#4a494d; line-height:1.4em;font-size: 100%;}


/* zeroing padding/margin for all elements */
#menu,
#menu * { margin:0;padding:0;z-index:9;}
/* "Master" UL (the whole Menu) */
#menu {left:150px;top:85px;position:relative;background:#ffffff no-repeat 100% 50%;width:50em;max-width:100%;float:left;margin-bottom:5px;font-size:90%;}
/* sub-menu ULs */

#menu li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	background:url(i/clear.gif);/* trick to keep'em open */
}

/* All LIs */

#menu li {
	position:relative;
	width:136px;
	margin-right:5px;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:normal;
}

/* sub-menu LIs */

#menu li ul li {
	width:128px;
	padding:0;
	border:none;
	border-top:none;
	
}

/* All anchors */

#menu li a {
	cursor:default;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:24px;
	line-height:2em;
}

/* sub-menu Anchors */

#menu li ul li a {
	width:128px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	color:#000000;
	background-position:0 50% !important;
	background-color:#FFFFFF;
	padding:3px;
}

/* :hover and stuff */

#menu li a:hover,
#menu li a:focus,
#menu li a:active {color:#cccccc}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */

#menu ul a:hover,
#menu ul a:focus,
#menu ul a:active {color:#E2144A; background:#f9f9f9;}

/* display and z-index for the sub-menus */

#menu li:hover ul,
#menu li.msieFix ul {display:block;z-index:10;top:24px !important;}

#menu li#mypalgrave {z-index:5;}
#menu li#searchbrowse {z-index:4;}
#menu li#shopping {z-index:3;}

/* Current location - class on Body must match LI's id */

.mypalgrave #menu li#mypalgrave a,
.searchbrowse #menu li#searchbrowse a,
.shopping #menu li#shopping a,
{color:#000;}

/* Keeping current menu accessible to JAWS */

.mypalgrave #menu li#mypalgrave ul,
.searchbrowse #menu li#searchbrowse ul,
.shopping #menu li#shopping ul,
{display:block;top:-1000px}

/* "trigger" and "msieFix" classes */

#menu li.msieFix a {}
#menu li#mypalgrave ul, #menu li#searchbrowse ul, #menu li#shopping ul  {left:0em !important;}

.mypalgrave #menu li#mypalgrave ul li a:focus,
.mypalgrave #menu li#mypalgrave ul li a:active,
.searchbrowse #menu li#searchbrowse ul li a:focus,
.searchbrowse #menu li#searchbrowse ul li a:active,
.shopping #menu li#shopping ul li a:focus, {position:absolute !important;top:1028px !important;}

/* left menu */

ul.nav, ul.nav ul {
  width: 145px;     
  padding-left: 0px;           
  cursor: default;             
  margin-left: 0px; 
  font-size:90%;
  text-align:right;          
}

ul.nav li {
  list-style-type: none;                  
  position: relative;          
  color: #fff; 
  padding:5px 3px;   
             }
             
ul.nav li a {text-decoration:none;}

/* and some link styles */
ul.nav li a {color: #fff; display: block; width: 100%; text-decoration: none;}
ul.nav li a:hover, ul.nav li a.CSStoHighLink { color: #000; }
ul.nav li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */

ul.othernav {  
  padding-left: 0px;        
  margin:10px 10px 10px 0; 
  font-size:90%;
  text-align:right;    
}

ul.othernav li ul a {
 margin:10px;
}

ul.othernav li {margin:0 0 2px 0;}
ul.othernav li a {color:#ffffff;text-decoration: none;}
ul.othernav li a:hover {color:#ffffff;text-decoration: underline;}

.leftmenu hr {width:130px; border: 0;margin-left:5px;}

.leftmenu input, select {
font: 10px verdana, arial, helvetica, sans-serif;
	    margin: 0px 0px 0px 5px;
	    width:130px;
}
.leftmenu input[type=radio] {
	    margin: 2px 0px 0px 0px;
}
.leftmenu input.formtag {
	    margin-left: 5px;
}


/* buttons  */

#buttons {
padding: 0 0 0 8px;
font-size:90%;
}

#buttons ul { /* all lists */		
		padding:0;
		margin: 0;		
		list-style: none;
		float: left;
		width:11em;			
	}
	
#buttons li { /* all list items */		
	position:relative;
	width: 125px;	
	margin-right:5px;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:normal;
	margin:0 0 5px 0;
	border:1px solid #ffffff;
}

#buttons li a {
	display:block;
	width:125px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:24px;
	line-height:2em;
	width:117px;
		}
		
/* following declarations clears elements without a clearing element such as <br clear> being needed. For more info see: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.cleardiv {clear:both;padding:0 !important;}


#ft {font-size:85%;color:#999999;margin:40px 0 0 80px;text-align:right;}

#ft2 {font-size:85%;color:#999999; text-align:left;}

#whitebar span, #bar span { display: none; }

#bar {
width: 100%;
position:absolute;
top:0;
z-index: 7;
height:109px; 
margin: 0;
padding: 0;
}

#bar a.home {
	position:absolute;
	height:80px;
	width:150px;
	top:0px;
	left:0px;
	text-decoration:none;
}

#bar a.banner {
	position:absolute;
	height:80px;
	width:600px;
	top:0px;
	left:160px;
	text-decoration:none;
}

#bar a.banner i, #bar a.home i {
	visibility:hidden;
}



#whitebar {
width: 100%;
position:absolute;
top:80px;
z-index: 17;
background:#ffffff; 
height:5px; 
margin: 0;
padding: 0;
}

  
/* Menu */

form {margin-top: 0; margin-bottom: 0; }


#searchform {
width: 201px;
height: 24px;
position:absolute;
top:85px;
left:574px;
z-index:11;
}

#searchform span.input input {
width: 130px;
margin: 2px;
float: left;
border: 0;
padding:2px;* padding:3px 2px 2px 1px;
}
 
 #searchform span.button input {
	font-family:Verdana, arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	border: 0;
	padding: 4px 0 2px 0;
	margin-top:1px;
}

.searchoptions {
width: 201px;
height: 24px;
position:absolute;
top:5px;
font-size:90%;
color:#fff;
left:210px;
z-index:11;
}

.searchoptions input {
	color: #fff;
	border: 0;
	padding: 0;
	margin:0 4px 0 0;
}

.searchoptions label {margin:0 4px 0 0;}

/* following class is to hide elements that give extra information for users of assistive technology such as screenreaders - for more info see: http://www.webaim.org/techniques/articles/hiddentext */
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#extended {width:180px;position:absolute;left:780px;top:105px;font-size:90%;margin:3px 0 0 0;text-align:left;}
#extended h6 {font-weight:bold; font-size:100%;margin:20px 0 5px 0;width:170px;}
#extended h4 {font-weight:bold; font-size:110%;margin:10px 0 5px 0;color:#000000;}
#extended ul {padding:5px 0 5px 8px;list-style-type: none;}
#extended ul li {text-indent: -1em; background: transparent;}
#extended hr {
border: none 0; 
border-top: 1px solid #ccc;/*the border*/ 
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
}

.small {font-size:90%;}

h1.title {
letter-spacing: 0px;
font-weight: normal;
font-size: 25px;
text-decoration: none;
color: black;
margin:0 0 10px 0;
 } 
 
h2 {
letter-spacing: 0px;
font-weight: normal;
font-size: 25px;
text-decoration: none;
color: black;
margin:0 0 10px 0;
 } 
 
ul.list {padding:5px 0 5px 20px;list-style-type:disc;}
ul.list li {background: transparent;padding:0 0 3px 0;}
ul.listnostyle {padding:5px 0 5px 1px;list-style-type:none;}
ul.listnostyle li {background: transparent;padding:0 0 5px 0;}