/*layout*/

body {
	background-color: #FFF;
	width: 1200px;
	margin: 0 auto;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 0.8em;
	overflow:auto;
	
}
#leftheader {
	width: 850px;
	height: 106px;
	float: left;
	padding: 10px;
}
#rightheader {
	float: right;
	font-size: 0.8em;
	width: 250px;
	text-align: center;
	position:relative;
	top:40px;
}
.upperbar {
	width: 1204px;
	clear: both;
	position: relative;
	background-color: #000000;
	height: 1px;
	left: 1px;
	bottom: 3px;
	margin: 0 auto;
		}
.lowerbar {
	width: 1204px;
	clear: both;
	position: relative;
	background-color: #000000;
	height: 1px;
	left: 1px;
	top: 3px;
	margin: 0 auto;
		}
.footerupperbar {
	width: 1204px;
	clear: both;
	position: relative;
	background-color: #000000;
	height: 1px;
	left: 1px;
	top: 7px;
	margin: 0 auto;
		}
.footerbar {
	width: 1204px;
	clear: both;
	position: relative;
	background-color: #000000;
	height: 1px;
	left: 1px;
	top: 13px;
	margin: 0 auto;
		}
#header {
	width: 1196px;
	clear: both;
	position: relative;
	background-color: #D6D6D6;
	height: 2em;
	border: 1px solid #000000;
	padding:3px;
	margin: 0 auto;
}

.leftsidebar {
	float: left;
	width: 300px;
	background-color: #FFFFFF;
	text-align: center;
	top:10px;
	position:relative;
}
.middle {
	float: left;
	width: 635px;
	background-color: #FFFFFF;
	position:relative;
	top:20px;
}
.rightsidebar {
	float: left;
	width: 260px;
	background-color: #FFFFFF;
	position:relative;
	top:20px;
	}

.footer {
	clear: both;
	width: 1188px;
	background-color: #D6D6D6;
	text-align: left;
	border: 1px solid #000000;
	padding: 7px;
	position: relative;
	top: 10px;
	font-size: .9em;
}

.footer2 {
	width: 1188px;
	clear: both; 
	position: relative;
	text-align:center;
	top: 17px;
	font-size: .8em;	
	margin: 0 auto;
	}

/*for secondary pages*/
.leftmenu {
	float: left;
	width: 230px;
	background-color: #FFFFFF;
	top:20px;
	position:relative;

}
.centralcontent {
	float: left;
	width: 930px;
	background-color: #FFFFFF;
	position:relative;
	top:20px;
}	

.quotebox {
	width: 90%;
	text-align:center;
	border: 2px solid #000000;
	padding: 10 px;
	font-size: .8em;
	background-color:#D6D6D6;
	color: #000;
	margin: 0 auto;	
}
.centerbox {
	width: 80%;
	text-align:center;
	border: 2px solid #000000;
	padding: 10 px;
	font-size: .8em;
	margin: 0 auto;
	background-color:#D6D6D6;
	color: #000000;
}
	
#smallmenuheader {
	width: 620px;
	clear: both;
	float: left;
	position: relative;
	background-color: #D6D6D6;
	height: 2em;
	border: 1px solid #000000;
	padding:3px;
	margin: 0 auto;
}
#mediummenuheader {
	width: 800px;
	clear: both;
	float: left;
	position: relative;
	background-color: #D6D6D6;
	height: 2em;
	border: 1px solid #000000;
	padding:3px;
	margin: 0 auto;
}
	
	
/* menu layout */



.headermenu {
	background-color: #555555;
	text-align: center;
	border: 1px solid #000000;
	font-weight: bold;
	padding: 6px;
	font-size: 1em;
	color:#FFFFFF;
}

.calloutbox {
	 margin: 0.5em;
	 width: 250px;
	  border: 7px solid #D6D6D6;   border: 1px solid #000000;
	  
}


/*text design*/
ul, ol, dl { 
	padding-right: 40px;
	padding-left: 40px;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}

h2{
	font-size:1.4em;
}
h3{
	font-size:1.2em;
	color:#1B6FDF;
}
p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	font-size: 1em;
}   

.smallwhitetext {
		color:#FFFFFF;
		font-size: 0.8em;
		
}
.smallblacktext {
		font-size: 0.75em;
}

a:link, a:visited {
	color:#000000;
	}

a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.menulinks a:link, a:visited {
	text-decoration: none; 	
}
.menulinks a:hover, a:active, a:focus{
	text-decoration: underline; 	
}

.headermenu a {
	color:#FFFFFF;
		}


/* searchbox */
.hidden {display:none;}

/*horizontal menu*/
.HorzMenu,
.HorzMenu ul {
    list-style: none;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1em;
	background: #D6D6D6;
	padding:0;
}
.HorzMenu {
    float: left;
	
}
.HorzMenu > li {
    float: left;
	background-color: #D6D6D6;
}
.HorzMenu li a {
	display: block;
    height: 2em;
    line-height: 2em;
    padding: 0 2em;
    text-decoration: none;
	color: #000000;
    font-weight: bold;
	background-color: #D6D6D6;
}
.HorzMenu > li:hover > a {
    background: #D6D6D6;
    color: #000000;
	text-decoration: underline;
}
.HorzMenu ul {
    position: absolute;
    display: none;
	background: #999999;
	z-index: 999;
	border: 1px solid #000000;
}
.HorzMenu ul li a {
    width: 180px;
	color: #000000;
}
.HorzMenu li:hover ul {
    display: block;
	
}

.HorzMenu ul li:hover a {
    background: #D6D6D6;
	text-decoration: underline;
}

/*small horizontal menu*/
.smHorzMenu,
.smHorzMenu ul {
    list-style: none;
	font-family: helvetica,  verdana, arial, sans-serif;
	font-size: 0.9em;
	background: #D6D6D6;
	padding:0;
	
}
.smHorzMenu {
    float: left;
	
}
.smHorzMenu > li {
    float: left;
	background-color: #D6D6D6;
}
.smHorzMenu li a {
	display: block;
    height: 2em;
    line-height: 2em;
    padding: 0 1.5em;
    text-decoration: none;
	color: #000;
    font-weight: bold;
	background-color: #D6D6D6;
}
.smHorzMenu > li:hover > a {
    background: #D6D6D6;
    color: #000;
	text-decoration: underline;
}
.smHorzMenu ul {
    position: absolute;
    display: none;
	background: #D6D6D6;
	z-index: 999;
	border: 1px solid #000000;
}
.smHorzMenu ul li a {
    width: 200px;
	color: #000
}
.smHorzMenu li:hover ul {
    display: block;
}

.smHorzMenu ul li:hover a {
    text-decoration: underline;
}



/* RSS Feed */

.rss-box {
	 margin: 0em;
	 width: 258px;
	 height: 365px;
	 background-color: #FFFFFF;
         border: 7px solid #D6D6D6; 
		 border: 1px solid #000000;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:hidden;
}
.rss-items {
	margin-top:0px;
	padding:0.5em; 
	margin-left:0px;
	color: #000000;
}

.rss-title {
	text-decoration: none;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 15px;
	background-color:#666666;
	color:white;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
	text-decoration:none;
}
.rss-title a {
	padding:0em;
	text-decoration: none;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 15px;
	background-color:#666666;
	color:white;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
	text-decoration: none;
}
.rss-title a:hover, a:active, a:focus { 
	text-decoration: underline;
}
.rss-item  {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 10px;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : none;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	font-family:helvetica, verdana, arial, sans-serif;
		}
	
.rss-item a:hover, a:active, a:focus {
	text-decoration: underline;
	text-align: center;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	font-style: italic;
	color: #000000;
	} 


/* PBS menus */
.menu  {display:none; margin-left:20px; line-height: 2em;}

.menu_pbs  {display:none; margin-left:20px;}

.menu_pbs li {padding-top:3px; padding-bottom:3px;}

.odd {padding-left:15px;
	}
	
.even {background-color:#ececec;
	padding-left:15px;}
	
.menuitem li {padding-left:15px;
font-size:1em;}

.menuitem img {display:inline; 
		vertical-align:middle;
		border:0;
		padding-top:5px;
		padding-bottom:8px;}

.menuitem a, .menuitem a:visited {margin-bottom:5px;
text-decoration:none;
font-weight:1em;}

.menu a:hover, .menuopen a:hover, .menuitem a:hover, .menu_pbs a:hover {font-weight:bold;}