body {
	font-size:80%;* font-size:75%;/* all other browsers (except Mac IE 5.0) */
	color:#000000;
	background-image:url(../i/bg.gif);
}

body.media {
	font-size:80%;* font-size:75%;/* all other browsers (except Mac IE 5.0) */
	color:#000000;
	background-image:none;
}

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

a {color:#49787e;}
a:hover {text-decoration:none;}

#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;
}

.content {margin:10px 5px 5px 5px;z-index:1;}
.content a {
border-bottom: 1px dotted #4a494d;
text-decoration: none;
color: #4a494d;
}
.content a:hover {
color: white;
background: #464647; 
text-decoration: none;
}

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


.content p {color:#4a494d; line-height:1.2em;font-size: 90%;}

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


/* top menu */

/* 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:45em;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:146px;
	margin-right:5px;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:normal;
}

/* sub-menu LIs */

#menu li ul li {
	width:138px;
	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:138px;
	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}



/* background colors */

#mypalgrave,#mypalgrave li a {background-color:#49787e;}
#searchbrowse,#searchbrowse li a {background-color:#49787e;}
#shopping,#shopping li a {background-color:#49787e;}

/* "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;}

/*****************************/
/* top menu for subject page*/
/****************************/

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

#subjectmenu 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 */

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

/* sub-menu LIs */

#subjectmenu li ul li {
	width:138px;
	padding:0;
	border:none;
	border-top:none;
	
}

/* All anchors */

#subjectmenu 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 */

#subjectmenu li ul li a {
	width:138px;
	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 */

#subjectmenu li a:hover,
#subjectmenu li a:focus,
#subjectmenu 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 */

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

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

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

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

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

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

/* Keeping current menu accessible to JAWS */

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



/* background colors */

#mypalgrave,#mypalgrave li a {background-color:#49787e;}
#searchbrowse,#searchbrowse li a {background-color:#49787e;}
#shopping,#shopping li a {background-color:#49787e;}

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

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

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


/* left menu */

ul.nav, ul.nav ul {
  width: 145px;     
  background-color: #49787e;      
  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:80%;
  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; border-top:solid 1px #d4e4e6;border-bottom:solid 1px #1d4044;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:85%;
}

#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;
	background-color: #23555b;color:#ffffff;	
	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;

		}
		
		
#buttons li a:hover,
#buttons li a:focus,
#buttons li a:active {background-color: #ebebeb;color:#9e2200;}

/* 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;}a
/* 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;}

#whitebar span, #bar span { display: none; }
  
#bar {
width: 100%;
position:absolute;
top:0;
z-index: 7;
background: url("../i/ConnectHeader.gif") #49787e no-repeat top left; 
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;
}

#bar img{
	display: none;
}



#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: 171px;
height: 24px;
position:absolute;
background: #9e2200;
top:85px;
left:604px;
z-index:11;
}

#searchform span.input input {
width: 110px;
* width:95px; 
margin: 2px;
float: left;
border: 0;
padding:2px;* padding:3px 2px 3px 1px;
}
 
 
#searchform span.button input {
	background-color: #9e2200;
	font-family:Verdana, arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	border: 0;
	padding: 4px 0 2px 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:850px;top:0px;font-size:90%;margin:3px 0 0 0;text-align:left;}
#extended h6 {font-weight:bold; font-size:100%;margin:10px 0 5px 0;color:#9e2200;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*/ 
}
#extended  a {text-decoration: underline; }
#extended  a:hover {color:#9e2200;text-decoration: none; }