/* CSS Document */
body {
color:#ffffff;
background-color:#339999;
margin:20px;
padding:0px;
font: 11px verdana, arial, helvetica, sans-serif;
}

h1 {
margin:0px 0px 5px 0px;
padding:0px;
font-size: 160%;
font-family: verdana, arial, helvetica, sans-serif;
font-weight:900;
color: #996699;
}

h2 {
font:bold 140%  verdana, arial, helvetica, sans-serif;
margin:0px 0px 15px 0px;
padding:0px;
color:#339999;
}

h3 {
font:bold 120%  verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}

h4 {
font:bold 110%  verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}


p {
font-size: 1.05em;
font-family: verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}

ul {
font-size: 1.05em;
font-family: verdana, arial, helvetica, sans-serif;
list-style-type: square;
}
ol{
font-size: 1.05em;
font-family: verdana, arial, helvetica, sans-serif;
}
blockquote{
font-size: 1.05em;
font-family: verdana, arial, helvetica, sans-serif;
}


/****** Misc ****/

.textsmall {
font-size: .80em;
}
.textred {
color:#CC0000
}
.browser {
font-size: .80em;
color: #CC0000;
}
.textindent {
text-indent: 20px;
}
.textgray {
color: #999;
}
.highlightgray{
background-color: #DDDDDD;
padding: 5px 50px 5px 5px;
}
.textcenter {
text-align: center;
}
.textgreen {
color:#339999;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.rightimage {
float: right;
padding: 5px 5px 5px 5px;
clear: both;
}
.box 
{ padding: 20px;
margin-left: auto;
margin-right: auto;
border: solid 1px #000;
}
.center {
margin-left: auto;
margin-right: auto;
margin: auto;
}
#fobcenter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #ccc;
<--! background-color: #fff;
border: 2px  #009999;-->
padding: 0px;
margin-left: 10px;

}

.underline {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.clear { 
display: block;
clear:both; 
z-index: 106;
} 

.newsprint {
margin-left: 60px; 
margin-right: 60px; 
background-color: #eee; 
padding: 20px 20px 20px 20px; 
border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: dashed 1px #ccc; border-left: solid 1px #ccc; 
font: serif; 
font-weight: none; 
text-align: center;
}
.newsprintbullets {
margin-top: -20px; 
margin-left: 60px; 
margin-right: 60px; 
background-color: #eee; 
padding: 0px 20px 50px 50px; 
border-top: solid 1px #ccc; 
border-right: solid 1px #ccc; 
border-bottom: dashed 1px #ccc; 
border-left: solid 1px #ccc; 
font: serif; 
font-weight: none;
}
/***MASTHEAD*****/



#pageheader {
height: 170px;
}
div#logobox {
top: 10px;
border-top: #006b7b solid 1px;
border-right: #006b7b solid 1px;
border-left: #006b7b solid 1px;
border-bottom: #006b7b solid 1px;
background-color: #fff; 
height: 107px;
}
div#skipnav {
text-align: right;
font-size: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
position: absolute;
top: 1px;
right: 35px;
z-index: 101;
font-weight: bold; 
}
div#skipnav a:link{
color:#339999;

}

div#skipnav a:hover{
color:#339999;


}
div#skipnav a:visited {
color:#339999;


}
div#utility {
text-align: right;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #339999;
position: absolute;
top: 24px;
right: 35px;
z-index: 101;
font-weight: bolder; 
}





div#utility a:link {
color: #996699;
text-decoration: underline;
}

div#utility a:visited {
color: #996699;
text-decoration: underline;
}

div#utility a:hover {
color: #339999;
text-decoration: underline;
}



/**********GLOBAL - NAVfontsize to 100% padding 5px #globalNav styles SQ:border-bottom: 1px solid #666666;background-color: #eee;margintop10 to 15SQ12/21 changedpadding: 0px 0px 5px 5px;**************/


#globalNav {
margin-top: 15px;
border-top: #fff solid 1px;
border-right: #999 solid 1px;
font-size: 12px;
font-weight: bold;
padding: 5px 5px 3px 5px;
border-bottom: #996699 solid 1px;
background-color: #DDDDDD;
background-image:   url("images/glblnav_selected1.gif");
}

#globalNav img {
margin-bottom: -1px;

}

#globalNav a {
font-weight: bold;
font-size: 12px;
padding: 5px 5px 3px 5px;
text-decoration: none;

}




.glinkwrap {
margin: 0px;
border-right: 1px solid #999;
border-left: 1px solid #fff;

	
}

a.glinkon {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color: #996699;
font-weight: bold;
margin: 0px;
padding: 5px 5px 3px 5px;
border-right: 1px solid #fff;
border-left: 1px solid #999;
z-index: 101;

}



a.glinkon:hover {
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #339999;
margin: 0px;
padding: 5px 5px 3px 5px;
border-right: 1px solid #fff;
border-left: 1px solid #999;
z-index: 103;

}



a.glink
{
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color:  #339999;
font-weight: bold;
margin: 0px;
padding: 5px 5px 3px 5px;
border-right: 1px solid #fff;
border-left: 1px solid #999

} 

a.glink:visited{
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color: #339999;
font-weight: bold;
margin: 0px;
padding: 5px 5px 3px 5px;
border-right: 1px solid #fff;
border-left: 1px solid #999

} 


a.glink:hover{
background-image:   url("images/glblnav_selected1.gif");
font-family: Verdana, Arial, sans-serif;
padding: 5px 5px 3px 5px;
color: #996699;
font-weight: bold;
text-decoration: underline;

}

/****Breadcrumbs*****/
div.breadcrumbs {
padding-right: 0.5em;
border-top: #996699 solid 1px;
border-bottom: solid #996699 solid 1px;
padding-left: 0.5em;
font-size: 80%;
background: #996699;
margin-bottom: 0px;
padding-bottom: 0.15em;
padding-top: 0.15em;
}

div.breadcrumbs a {
color: #FFF;
}

div.breadcrumbs a:visited {
color: #FFF;
}

div.breadcrumbs a:hover {
color: #FFF;
}
/****** CONTENT********/
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;} 

a:link {
color:#339999;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration: none;
}

a:visited {
color:#996699;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}

a:hover {
color: #996699;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}
/* CONTENT All the content boxes belong to the content class. SQ added line height, changed padding from 35px to 40 px 12.5.05*/
.content {
line-height: 1.5em;
color: #000;
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:120px;
/* sq changed from 200px to 210px*/
margin: 10px 210px 20px 210px;
border: 2px solid #996699;
background-color: #fff;
padding: 15px 40px 15px 40px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

/*****NAV-ALPHA #333333;*****/

#navAlpha {
position:absolute;
width:180px;
top:200px;
left:20px;
border:1px solid #333333;
background-color:#006b7b;
padding-right:10px;
z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
width:180px;
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 

the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:180px;}

#navAlpha li {
color: #996699;
border-top: solid 1px;
padding-bottom:  10px;
padding-top:  4px;
}

#navAlpha a:link {
color: #fff;
text-decoration:none;
}

#navAlpha a:visited {
color: #fff;
}

#navAlpha a:hover {
color: #ccc;
text-decoration: none;
}

/*******bottom menu*****/

#bottommenu {
text-align: center;
font-size: 9px;
}

div#bottommenu a:link {
font-size: 9px;
color:#339999;
text-decoration:underline;


}

div#bottommenu a:hover {
font-size: 9px;
color:#339999;
text-decoration:underline;


}
div#bottommenu a:visited {
font-size: 9px;
color:#999;
text-decoration:underline;


}

/***** search********/
.csc-sword { 
color:#FF0000;
}
/**** NAV-BETA****/

#navBeta {
position:absolute;
width:190px;
top:200px;
right:20px;
border: 1px dotted #996699;
background-color:#DDDDDD;
padding:10px;
z-index:1;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}


/* Again, "be nice to Opera 5". */
body>#navBeta {width:168px;}

#navBeta li {
color: #996699;
border-top: dotted 1px;
padding-bottom:  8px;
padding-top:  2px;
}

#navBeta a:link {
color: #009999;
}

#navBeta a:visited {
color: #009999;
}

#navBeta a:hover {
color: #996699;
text-decoration: none;
}

div#rightgutter ul {
list-style-type: none;
padding-top: 24px;
border-top: 1px solid #996699; 
}

/*** MENUS li****/

li.menu1-level1-no {
padding-bottom: 0px;
color: #fff
}
li.menu1-level1-act {
font-weight: bold;
padding-bottom: 0px;
color: #ffffff;
list-style-image: url(images/arrowwhite.gif);

}
li.menu1-level2-no {
margin-left: 1em;
list-style-type: none
}
li.menu1-level2-act {
font-weight: bold;
margin-left: 1em;
color: #ffffff;
list-style-image: url(images/arrowwhite.gif);
}
li.menu1-level2-act a {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px
}
li.menu1-level2-no a {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px
}
li.menu1-level3-no {
margin-left: 2em;
list-style-type: none
}
li.menu1-level3-act {
font-weight: bold;
margin-left: 2em;
color: #ffffff;
list-style-image: url(images/arrowwhite.gif);
}
li.menu1-level3-acton {
font-weight: bold;
margin-left: 2em;
color: #ffffff;
list-style-image: url(images/arrowwhite.gif);
background-color: #009999;
color: #006b7b
}

li.menu1-level3-act a {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px
}

li.menu1-level3-no a {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px
}

li.menu1-level4-no {
margin-left: 3em;
list-style-type: none
}
li.menu1-level4-act {
font-weight: bold;
margin-left: 3em;
color: #ffffff;
}

li.menu1-level4-act a {
border-top-width: 0px;
border-left-width: 0px;
font-size: smaller;
border-bottom-width: 0px;
color: #fff;
border-right-width: 0px
}

li.menu1-level4-no a {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
color: #fff;
border-right-width: 0px
}


/***SITE INFO***/
#siteInfo {
z-index: 104; 
background-color: #fff; 
text-align: center;
PADDING-TOP: 5px; PADDING-RIGHT: 2px; PADDING-BOTTOM: 5px; PADDING-LEFT: 2px; 
BORDER-TOP: #996699 1px solid; BORDER-RIGHT: #996699 1px solid;  BORDER-BOTTOM: #996699 1px solid; BORDER-LEFT: #996699 1px solid;   
FONT-SIZE: 90%;
COLOR: #996699;
clear: both;
}
 
#siteInfo a:link {
        color:#996699;
}

#siteInfo a:visited {
        color:#996699;
}

#siteInfo a:hover {
        text-decoration: underline;
}


/* This appears to be necessary for an IE 5.5 issue where form text inside tables (for instance, on the mailing list page) shows up white for some reason.  IE 5.5 only.  This fixes it. */
div.content table {
	color: #000;
}

p.printheader {
	padding-bottom: 3px;
	border-bottom: dotted #996699 1px;
	margin-top: 0;
	text-align: right;
}

/* This is the style for the subheader, i.e. under the "Focus on Basics" logo. */
p.subheader {
	margin-top: -1em;
margin-bottom: 3em;
	font-weight: bold;
	font-size: 1.3em;
	color:#000000;
}