* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #fff;
color: #000;
min-width: 1000px;
}

body {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 100%;
line-height: 1.5;
}

h1, h2, h3, h4, p 		{margin: 1em 0;color:#666;}

h1				{font-family:trebuchet MS, arial;color:#7278a5;font-size:55px;line-height:100%;font-bold;text-transform:lowercase}
h1 span				{color:#0e2d6d;}

div#subHeader			{font-family:trebuchet MS, arial;color:#7278a5;font-size:26px;line-height:100%;font-bold;}

h2,h3,h4			{color:#c84a88;font-weight:bold;text-transform:uppercase;font-size:10pt;}

h1 a, h2 a, h3 a, h4 a, p a 	{color:#c84a88;}

p				{color:#828283;}
p.openingParagraph		{color:#CFCFCF;}

.newsItem a			{color:#04a1c6;}
.accessText			{display:none;}

/***************************************************************/
/**************** Layout CSS begins ****************************/

a.jumpLink					{display:none;}

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 1000px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
}

div#columns3{
background: #fff url(/media/564/columnsbg.gif) repeat-y 0 0;
overflow:auto;
}

#header, #footer {
clear: both;
}

#header {
background: #fff; 
color: #000;
text-align: right;
padding: 1px 0;
background:transparent url('/media/180/mainheader.jpg') no-repeat;
background-position:left top;
position:relative;
}

div#browseAloud				{position:absolute;top:115pt;left:10pt;z-index:20;}

#header #searchBar{
background-color:#d3e27e;
line-height:31px;
height:31px;
}

#header #searchBar #SearchContent					{width:360px;float:right;padding:5pt 0 0 0;}
#header #searchBar form							{float:left;}
#header #searchBar input#search						{border:2px solid #739dd3;width:140pt;border-right:none;font-size:0.8em;font-family:arial, verdana;cursor:pointer;height:1.5em;float:left;}
#header #searchBar input#go						{background-color:white;border:2px solid #739dd3;border-left:none;color:#000066;font-size:0.8em;font-family:arial, verdana;line-height:1.4em;padding:0 3px 0 0;margin:0;cursor:pointer;float:left;}
#header #searchBar input#submit						{background-color:#000066;color:white;border:2px solid #000066;font-size:0.8em;font-family:arial, verdana;line-height:1.4em;margin-left:8px;width:100px;padding:0;;cursor:pointer;}
#header #searchBar input#submit:hover					{background-color:#33ccff;}

#header #searchBar a.accessibilityLink					{font-size:0.75em;line-height:0.8em;float:left;margin:0em 0.5em 0 1em;color:#000066;line-height:1.8em;text-decoration:none;}

#header #breadCrumbs{
height:22px;
line-height:22px;
border-bottom:1px dashed #cecece;
}

#header #breadCrumbs ul{
list-style-type:none;
margin:0 0 0 10pt;
}

#header #breadCrumbs ul li, #header #breadCrumbs ul li a{
float:left;
color:#102568;
font-weight:bold;
}

#header img{
}

#footer {
text-align: center;
color: #000;
background-color:white;
border-top:10px solid white;
overflow:auto;
margin-bottom:2em;
}
#footer div {
padding: 1px 0;
background: url(/media/1019/footergif.gif) no-repeat 100% 0px;
}
#footer p
{
display:block;float:left;clear:both;
font-size:8pt;
margin:0 0 0 10px;
}

#footer p.thego
{
float:right;
text-align:right;
margin:0 10px 0 0;
}
#footer p.thego a
{
color:#828283;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url(images/sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0 265px 0 265px;
display: inline-block; /* TRIP haslayout for safety */
}

#columns2 #centerpad {
margin: 0 15px 0 265px;
}

#centerpad h1{
margin:0.3em 0;
}

#centerpad {
display: block; /* SWITCH back the display */
min-height:450px;
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
  margin-top:0pt;
}

#left {
  float:left;
  width: 260px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  border-left:8px solid white;
}

#right {
  float:right;
  width: 250px;
  border-right:8px solid white;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

#wrapper {
position: relative;
z-index: 500;
}

/***************************************************************/
/************ Main Navigation CSS begins ***********************/

ul#topnavigation{
list-style-type:none;
margin:7pt 0 7pt 5px;
padding:0;
width:233px;
}

ul#topnavigation li{
border-top:3px solid white;
width:233px;
line-height:28px;
text-align:right;
background-repeat:no-repeat;
padding:0 7px 0 0;
}

ul#topnavigation li a{
height:28px;
line-height:28px;
display:block;
color:white;
text-decoration:none;
line-height:28px;
display:block;
text-transform:uppercase;
margin:0 7px 0 0;
font-weight:bold;
width:214px;
}


ul#topnavigation ul
{
list-style-type:none;
margin:0 0 0 20px;
}

ul#topnavigation ul li{
border-top:3px solid white;
width:auto;
height:auto;
line-height:1.7em;
text-align:left;
background-image:url();
background-repeat:no-repeat;
padding:0 0 0 0;
}

ul#topnavigation ul li a{
width:auto;
padding:0 0 0 0;
height:auto;
line-height:1.7em;
display:block;
color:#666;
text-decoration:none;
display:block;
text-transform:uppercase;
font-weight:normal;
}





ul#topnavigation li.Orange{
background:transparent url(/media/1136/orange.gif) no-repeat;
}
ul#topnavigation li.Blue{
background:transparent url(/media/1126/blue.gif) no-repeat;
}
ul#topnavigation li.Lime{
background:transparent url(/media/1131/lime.gif) no-repeat;
}
ul#topnavigation li.Yellow{
background:transparent url(/media/1151/yellow.gif) no-repeat;
}
ul#topnavigation li.Purple{
background:transparent url(/media/1141/purple.gif) no-repeat;
}
ul#topnavigation li.Red{
background:transparent url(/media/1146/red.gif) no-repeat;
}



/***************************************************************/
/************ NEWS PANEL CSS begins ***********************/

div#newsPanel{
background:white url('/media/267/panelbg.gif') repeat-y;
background-position:top left;
width:233px;
margin:10px 0 0 18px;
clear:both;
}

div#newsPanel h2{
color:#D3E27E;
background:white url('/media/252/NewsHeader.gif') no-repeat;
background-position:top left;
font-size:2px;
line-height:27px;
padding:0 0 0 10px;
text-align:right;
width:217px;
}

div#newsPanel div.footer{
display:none;
}

div#newsPanel a.seeMore{
display:block;
text-left;
margin:0 0px;
font-size:1px;
text-transform:uppercase;
text-decoration:none;
color:#D3E27E;
font-weight:bold;
background-image:url('/media/262/PanelFooter.gif');
width:227px;
height:27px;
}

div#newsPanel ul{
font-size:10px;
margin:0 0 0 33px;
}

div#newsPanel ul li{
line-height:22px;
}

div#newsPanel ul li a{
text-decoration:none;
color:#b3b3b3;
}


/***************************************************************/
/************ Footer Navigation CSS begins ***********************/

ul#footernavigation{
list-style-type:none;
overflow:auto;
margin:0 0 5px 5px;
float:left;
}

ul#footernavigation li{
float:left;
}

ul#footernavigation li a{
color:#739dd3;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
font-size:8pt;
border-right:1px solid #0D0259;
padding:0 4px 0 4px;
}


/***************************************************************/
/************ You Tube Vids CSS begins ***********************/

div#getSetTV{
background:white url('/media/267/panelbg.gif') repeat-y;
background-position:top left;
width:233px;
margin:10px 0 0 18px;
clear:both;
}

div#getSetTV h2{
color:#D3E27E;
background:white url('/media/257/tvheader.gif') no-repeat;
background-position:top left;
font-size:2px;
line-height:27px;
padding:0 0 0 10px;
text-align:right;
width:217px;
}

div#getSetTV div#sampleVideo{
margin-left:0px;
}

div#getSetTV div.footer			{display:none;}

div#getSetTV  ul{
list-style-position:inside;
font-size:10px;
margin:0 0 0 20px;
}

div#getSetTV ul li{
line-height:22px;
}

div#getSetTV ul li a{
text-decoration:none;
color:#b3b3b3;
}

div#getSetTV a.seeMore{
display:block;
text-left;
margin:0 0px;
font-size:1px;
text-transform:uppercase;
text-decoration:none;
color:#D3E27E;
font-weight:bold;
background-image:url('/media/262/PanelFooter.gif');
width:227px;
height:27px;
}

div#getSetLinks{
background:white url('/media/267/panelbg.gif') repeat-y;
background-position:top left;
width:233px;
margin:8pt 0 0 18px;
clear:both;
}

div#getSetLinks h2{
color:white;
background:white url('/media/247/linksheader.gif') no-repeat;
background-position:top left;
font-size:2px;
line-height:27px;
padding:0 0 0 10px;
text-align:right;
}

div#getSetLinks div.footer{
display:none;
}

div#getSetLinks ul{
list-style-position:inside;
font-size:10px;
margin:0 0 0 20px;
}

div#getSetLinks ul li{
line-height:22px;
}

div#getSetLinks ul li a{
text-decoration:none;
color:#b3b3b3;
}

div#getSetLinks a.seeMore{
display:block;
text-left;
margin:0 0px;
font-size:1px;
text-transform:uppercase;
text-decoration:none;
color:#D3E27E;
font-weight:bold;
background-image:url('/media/262/PanelFooter.gif');
width:227px;
height:27px;
}

/***************************************************************/
/************ Site Search CSS begins ***********************/

div#xsltsearch{

}

div#xsltsearch form{
margin:0 30pt 0 30pt;
padding:5pt;
background-color:#e4e4e4;
}

div#xsltsearch_results{
background-color:#e4e4e4;
padding:3pt;
}

div#xsltsearch_results div.xsltsearch_result{
margin:0 0 1em 0;
}

div#xsltsearch_results p.xsltsearch_result_title{
font-weight:bold;

margin:0;
}

div#xsltsearch_results span.xsltsearch_ordinal{

}

div#xsltsearch_results p.xsltsearch_result_description{
padding-left:17pt;
margin:0;
}

div#xsltsearch_results p.xsltsearch_result_link{
padding-left:17pt;
margin:0;
}

div#xsltsearch_results p.xsltsearch_result_link a{
color:#B1B81A;
}


/* Support Form */

form#supportForm					{clear:both;}

form#supportForm h2					{color:white;margin:0 0 5px 14px;}

form#supportForm					{background-color:#0e2d6d;width:233px;padding-bottom:8px;}
form#supportForm ul					{margin:0 14px 0 14px;padding:0;list-style-type:none;}
form#supportForm label					{color:white;line-height:22px;}
form#supportForm input.textbox,
form#supportForm select					{display:block;clear:both;width:205px;height:22px;}
form#supportForm li.submit				{text-align:right;padding:8px 0 0 0;}
form#supportForm li.submit input			{width:80px;}


div#signupForm						{}
div#signupForm ul					{list-style-type:none;}
div#signupForm li					{line-height:28px;}
div#signupForm li.fullWidth				{}
div#signupForm input					{border:1px solid #666; display:block;float:left;clear:right;width:285px;}
div#signupForm li strong				{display:block;width:150px;float:left;clear:left;color:#666;}

div#signupForm textarea					{border:1px solid #666; display:block;clear:both;width:433px;}

li#formButtons						{display:block;clear:both;text-align:right;width:433px;overflow:auto;}
li#formButtons input					{float:right;clear:both;width:80px;margin-top:10px;}

div.link						{margin:0 0 1.5em 0;}
div.link h3						{margin:0;}
div.link p						{margin:0;}


div.newsItem						{margin:0 0 1.5em 0;overflow:auto;}
div.newsItem h2						{margin:0;}
div.newsItem p						{margin:0;}
div.newsItem a.moreLink					{float:right;}

a.moreTvLink						{text-align:right;display:block;margin:1em 0 0 0;}

/*

div.experiencePanel					{float:left;margin:10px 0 0 18px;position:relative;min-height:115px;width:233px;}

div.experiencePanel h2					{color:#2a3567;line-height:1em;font-weight:bold;margin:0;}
div.experiencePanel img					{clear:both;margin:0 0.3em 0 0;display:block;}

div.experiencePanel p					{line-height:1.2em;font-size:0.85em;padding:0;}
div.experiencePanel a					{position:absolute;bottom:3px;text-decoration:none;font-size:0.8em;color:#dd2235;font-weight:bold;right:3px;color:#2a3567;text-transform:uppercase;}

*/

div.experiencePanel					{float:left;margin:10px 0 10px 18px;font-size:1em;position:relative;width:100%;min-height:115px;width:233px;clear:both;}

#left div.experiencePanel				{margin:0 0 10px 0;}

div.experiencePanel img					{float:left;margin:0 0.3em 0 0;}

div.experiencePanel h2					{color:#2a3567;line-height:1em;font-weight:bold;position:absolute;right:5px;top:0.8em;margin:0;}

#left div.experiencePanel p,
#right div.experiencePanel p,
div.experiencePanel p					{line-height:1.2em;color:#007cc3;font-size:0.85em;position:absolute;left:111px;top:1.5em;width:120px;padding:0;}

div.experiencePanel a					{position:absolute;bottom:3px;text-decoration:none;font-size:0.8em;color:#dd2235;font-weight:bold;right:3px;color:#2a3567;text-transform:uppercase;}


























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */