/***********************************************/
/* print.css                                   */
/***********************************************/

/***********************************************/
/* General HTML tag styles                     */
/***********************************************/ 

body{
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

a{
	color: #000000;
    text-decoration: none;
}

a:link{
	color: #000000;
}

a:visited{
	color: #000000;
}

sup{
	font-size: 80%;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	padding: 15px 0px 0px 0px;
}

h3 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 0;
}

h3 em {
	font-style: normal;
}

h4{
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-style: italic;
}

h5{
	font-size: 70%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-weight: normal;
}

h6{
	font-weight: bolder;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

p {
	padding: 0;
	margin: 0 0 1.5em 0;
}

ul{
	list-style-type: square;
 }

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


div.hr {
  height: 18px;
  margin-bottom: 1.2em;
  background: #FFFFFF url(Images/hr.gif) no-repeat scroll center;
  }
  
  div.hr hr {display:inline}	

/***********************************************/
/* General purpose span styles                 */
/***********************************************/
/* These span styles are intended to be used   */
/* within any <div> classes and id's.          */
/***********************************************/
/* .noprint is a span style that inhibits the  */
/*   printing of enclosed text while allowing  */
/*   it to be displayed on the browser.        */
/* .noshow is a span style that inhibits the   */
/*   displaying of enclosed text in the brower */
/*   while permitting it to be printed.        */
/* .articleLink styles are for inline article  */
/*   titles which are also hyperlinks to the   */
/*   article itself. These span styles should  */
/*   be inside the <p></p> tags which contain  */
/*   a short paragraph describing the article. */
/* .previewLink styles are similar to          */
/*   articleLink styles except the previewLink */
/*   span should occur before the <p></p> tags */
/*   containing the descriptive paragraph.     */
/*   this way, the previewLink style acts as a */
/*   header.                                   */
/* .myTable styles are used to format tablular */
/*   data, including caption, top headers, and */
/*   left column categories. Using the "alt"   */
/*   styles allows the formatting of alternate */
/*   shaded rows of data for readability or    */
/*   highlighting.                             */
/***********************************************/

/* .noprint span style *************************/

.noprint{
	display: none;
}

/* .noshow span style **************************/

.noshow {
	display: inline;
}

/* .permalink span style **************************/

.permalink {
	display: none;
}

/************** .dataTable style  ***************/

.dataTable {
	padding: 0;
	margin: 0 0 1.5em 0;
	font-size: 85%;
	page-break-inside:avoid;
}

caption {
	text-align: center;
	color: #009000;
	font-style: italic;
	font-weight: bolder;
	font-size: 150%;
}

tr>tableHeader{
	font-size: 60%;
	font-weight: bold;
	text-align: center;
	}
	

th.dataTable {
	border-right: 1px solid #009000;
	border-bottom: 1px solid #009000;
	border-top: 1px solid #009000;
	text-align: center;
	font-weight: normal;
	background: #E0FFE0;
	padding: 1px 2px 1px 2px;
}

th.topLeft {	
	border-right: 1px solid #009000;
	border-left: 1px solid #009000;
	border-bottom: 1px solid #009000;
	border-top: 1px solid #009000;
	text-align: center;
	font-weight: normal;
	background: #E0FFE0;
	padding: 1px 2px 1px 2px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #009000;
	border-bottom: 1px solid #009000;
	background: none;
	padding: 0;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

td.dataTable {
        border-right: 1px solid #009000;
	border-bottom: 1px solid #009000;
	background: #fff;
	text-align: right;
	padding: 1px 2px 1px 2px;
}

td.alt {
        border-right: 1px solid #009000;
	border-bottom: 1px solid #009000;
	background: #F0FFEF;
	text-align: right;
	padding: 1px 2px 1px 2px;
}


th.leftcol {
        border-right: 1px solid #009000;
	border-left: 1px solid #009000;
	border-bottom: 1px solid #009000;
	border-top: 0;
	background: #ffffff;
	text-align: left;
	padding: 1px 2px 1px 2px;
}

th.leftcolalt {
        border-right: 1px solid #009000;
	border-left: 1px solid #009000;
	border-top: 0;
	background: #F0FFF0;
	text-align: left;
	padding: 1px 2px 1px 2px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/* All web pages are laid out in four boxes.   */
/* #masthead defines the box across the top    */
/*   containing the site name, graphics, and   */
/*   global naviation.                         */  
/* #navBar defines the box on the left hand    */
/*   side that contains site navigation menus, */
/*   as well as the site logo.                 */
/* #content sits to the right of the nav bar,  */
/*   and is the principle space for the web    */
/*   page's content.                           */
/* #foooter contains the copyright and         */
/*   additional navigational elements at the   */
/*   bottom of the page.                       */
/*                                             */
/* The #content div can be further divided     */
/*   into two columns, #middleCol and          */
/*   #RightCol. These allow for a three-column */
/*   layout for the opening page.              */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 80px;
}

#wrapper{
   float: left;
	width: 100%;
}

#navBar{ display:none; }

#content{
   width: 100%;
	margin: 0;
	padding: 0 0 15pt 0;
}

#MiddleCol{
	width: auto;
	margin: 0;
}

#RightCol{
	width: 42%;
	margin: 0;
	padding-left: 20pt;
	float: right;
}

#footer{
	clear: both;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-bottom: 1px solid #009000;
	border-top: 1px solid #009000;
}

/***********************************************/
/* #masthead Component Divs                    */
/***********************************************/
/* #siteName contains simply the name of the   */
/*   web site across the top of the web page.  */
/* #siteBanner sits just below #siteName, and  */
/*   and creates a field of grass across the   */
/*   page below the site name. It also defines */
/*   the appearance of the site's logo. The    */
/*   #siteBanner img contains the turtle at    */
/*   the far left side of the field of grass.  */
/*   #siteBanner appears in the browser only,  */
/*   and is hidden in the printed CSS.         */
/* #boxTurtleQuote sits below #siteBanner,     */
/*   and contains the "Box Turtle" quote.      */
/*   It appears only in the browser, and is    */
/*   hidden in the printed CSS.                */
/* #location contains the URL of the web page. */
/*   It appears on the printed page only, and  */
/*   is hidden in the browser.                 */
/***********************************************/

#logo{ display:none; }

#siteName {
	width: 100%;
	padding: 0px;
	color: #009000;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 5px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
    height: auto;
}

#siteBanner {
	display: none;
}

#siteBanner img {
	display: none;
	}
	
#boxTurtleQuote {
	display: none;
}

#location {
	position: relative;
	display: block;
	padding: 2px 0px 2px 0px;
	margin-top: 15px;
	border-bottom: 1px solid #009000;
	border-top: 1px solid #009000;
	font-size: 8pt;
	clear: both;
}


/***********************************************/
/* #content Component Divs                     */
/***********************************************/
/* .contentFunction contains functional        */
/*   links such as the "E-mail This" link. It  */
/*   appears only in the browers, and is       */
/*   hidden in the print CSS.                  */
/* .series displays the name of the series the */
/*   article is part of. It appears above the  */
/*   article's headline. It is optional as     */
/*   not all articles are part of a series.    */
/* .feature contains the body of the article,  */
/*   including the headline, byline, and text. */
/*   all full-page articles should be in a     */
/*   .feature div.                             */
/* .story should be used instead of .feature   */
/*   for pages where the #content div is       */
/*   divided into two columns. .story is       */
/*   similar to feature except the right       */
/*   is smaller and the line height is         */
/*   shorter.                                  */
/* .sidebar contains a box to the right of the */
/*   text inside a .feature, which contains    */
/*   additional information to the reader.     */
/*   This information is also printed. This    */
/*   style should be used for definitions,     */
/*   exlpanations, etc.                        */
/* .moreInfo is the same as .sidebar, except   */
/*   it is not printed. This style should be   */
/*   used to direct the reader to another      */
/*   article that offers related information   */
/*   as suggestion for further reading.        */
/* .endNotes is used to style the article's    */
/*   footnotes.                                */
/***********************************************/


/* .contentFunction styles *********************/

.contentFunction{
	display: none;
}


/* .series styles ******************************/

.series h2{
	font-size: 100%;
	color: #009000;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: italic;
	font-weight: bold;
}

.series em {
	font-style: normal;
}

/* .feature styles *****************************/

.feature{
	color: #000000;
	margin: 0;
}

.feature h2{
	font-size: 150%;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.feature img{
	float: left;
	padding: 5px 12px 5px 0px;
	margin: 0px;
}

.featureRight img{
	float: right;
	padding: 5px 0px 5px 12px;
	margin: 0px;
}

.featureFarRight img{
	float: left;
	padding: 5px 12px 5px 0px;
	margin: 0px;
}

.featureFarRight td {
	text-align: center;
	border: none;
}

.feature li{
	padding: .5em;
	text-align: justify;
}

.feature p {
	text-align: justify;
	line-height: 1.1em;
}

.feature a {
	text-decoration: none;
}

featureIndent1 p {
	padding-left: 2.5em;
	margin-bottom: .75em;
	line-height: 1.2em;
}

.featureIndent1 h6 {
	padding-left: 2.5em;
	padding-top: 0.5em;
}

.featureIndent2 p {
	font-size: 90%;
	padding-left: 5em;
	margin-bottom: .75em;
	line-height: 1.2em;
	text-align: left;
}

.featureIndent2 h6 {
	margin: 0;
	padding-left: 4.5em;
	padding-top: 0.5em;
}

.explanation p {
	line-height:100%;
	font-size: 80%;
	font-style: italic;
	}

.explanation em {
	font-style: normal;
	}

.quotationAlt {
	border-left: 1px solid #009000;
	font-size: 85%;
	background-color:#FFCCCC;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2em;
	padding-top: 1em;
}

.quotationAlt p {
	line-height: 1.2em;
	margin: 0;
	padding: 0em 1em 1em 1em;
}

.quotationAlt h6 {
	line-height: 1.2em;
	margin: 0;
	padding: 0em 1em 0 1em;
}

.blockquoteNote {
	border-top: 1px solid #009000;
	font-size: 85%;
	padding-bottom: 1em;
}

.blockquoteNote p {
	border-top: none;
	line-height: 1.2em;
	padding: 1em 1em 0em 1em;
	text-align: left;
}

/* .story styles *******************************/

.story{
	color: #000000;
	margin:0;
}

.story h2{
	font-size: 120%;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.story img{
	float: right;
	padding: 0px 0px 5px 7px;
	margin: 0px;
}

.story li{
	padding: .5em;
	text-align: left;
}

.story p {
    font-size: 10pt;
	text-align: left;
	line-height: 1.1em;
}

.siteHeading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009000;
	padding: 8px 0 12px 0;
	font-size: 27px;
	letter-spacing: 3px;
	font-weight: normal;
	font-variant: small-caps;
	text-align: center;
}

/* .aside styles *******************************/

.aside {
	color: #000000;
	margin:0;
}

.aside h2{
	font-size: 120%;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.aside img{
	float: right;
	padding: 0px 0px 5px 7px;
	margin: 0px;
}

.aside li{
	padding: .5em;
	text-align: left;
}

.aside p {
    font-size: 10pt;
	text-align: left;
	line-height: 1.1em;
}

/* .aside styles *******************************/

.moreLinks {
	color: #000000;
	margin:0;
}

.moreLinks h2{
	font-size: 120%;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.moreLinks img{
	float: right;
	padding: 0px 0px 5px 7px;
	margin: 0px;
}

.moreLinks ul{
	padding: 0;
}

.moreLinks li{
	padding: .5em;
	text-align: left;
}

.moreLinks p {
    font-size: 10pt;
	text-align: left;
	line-height: 1.1em;
}

/* .sidebar styles *****************************/

.sidebar {
	font-size: 75%;
	color:#006600;
	border-collapse: collapse;
	float: right;
	width: 35%;
	margin: -.5em 0 0 0;
	padding: 0 0 0 ;
}

.sidebar th {
	background-color:#FFFFCC;
	border: 1px solid #009000;
	font-style: normal;
	font-weight: normal;
	padding: .3em;
}    

.sidebar td {
	background-color: #E0FFE0;
	border: 1px solid #009000;
	padding: 0em .8em .8em .8em;
}


.sidebar a {
	color: #006600;
	text-decoration: none;
}

.sidebar a:link {
	color: #006600;
	text-decoration: none;
}
.sidebar a:visited{
	color: #006600;
	text-decoration: none;
}

.sidebar h2{
	padding: 0 0 0 0;
	margin-top: 0;
	text-align: left;
	font-size: 125%;
	font-weight: bold;
	color:#006600;
	}

.sidebar h6{
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
	font-size: 125%;
	color:#006600;
	}

.sidebar p {
	line-height: 1.3em;
	margin-bottom: .5em;
	text-align: left;
}


/* .moreInfo styles ****************************/

.moreInfo {
	display: none;
	}


/* .listLinks styles ***************************/

.listLinks{
	color: #666666;
	margin: 0;
}

.listLinks h2{
	font-size: 150%;
	padding: 10px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.listLinks li{
	padding: .5em;
	text-align: left;
}

.listLinks p {
	text-align: left;
	line-height: 1.3em;
}

/* .endnotes styles ****************************/

.endnotes {
	font-size: 80%;
	margin: 0;
	max-width: none;
	line-height: 1.1em;
	color: #000000;
	padding: 0 0 5px 0;
	text-align: left;
}

.endnotes h2{ 
	font-size: 150%;
	font-weight: bold;
	padding: 0pt 0 2pt 0;
}

.endnotes a a:link a:hover a:visited {word-wrap: break-word;}

/**********************************************/
/* FOOTER Styles                              */
/**********************************************/
/* #siteInfo contains the links to such items */
/*   as the Terms of Use, Privacy Policy,     */
/*   etc. It is the first line of the footer. */
/*   It appears only in the browser, and is   */
/*   hidden in the print CSS.                 */
/* #copyright is below the #siteInfo, and     */
/*   contains the copyright notice. It is     */
/*   shown both in the browser and on the     */
/*   printed copy.                            */
/**********************************************/

/************* #siteInfo styles ***************/

#siteInfo{
	display:none;
}


/************* #copyright styles ***************/

#copyright{
	margin: 0;
	padding: 2px 0px 2px 0px;
	white-space: nowrap;
	font-size: 85%;
	line-height: 1em;
	text-align: center;
}

#copyright p{
	margin: 0;
	padding: 0px 0px 0px 0px;
	line-height: 1em;
}

/* .articleLink span styles ********************/

.articleLink{
	color: #009000;
	font-style: italic;
	font-weight: bolder;
	margin: 0px;
	padding-bottom: 0;
	font-size: 100%;
}

.articleLink a{
	color: #009000;
}

.articleLink a:link{
	color: #009000;
}

.articleLink a:visited{
	color: #009000;
}

.articleLink a:hover{
	color: #009000;
}

/* .previewLink span styles ********************/

.previewLink{
	color: #009000;
	font-style: italic;
	font-weight: bolder;
	margin: 0px;
	padding-bottom: 0;
	font-size: 100%;
}

.previewLink a {
	font-weight: bolder;
	font-size: 120%;
	color: #009000;
}

.previewLink a:link{
	color: #009000;
}

.previewLink a:visited{
	color: #009000;
}

.previewLink a:hover{
	color: #009000;
}

.previewLink em {
	font-style: normal;
}

.quotation, blockquote {
	border-left: 1px solid #009000;
	font-size: 85%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 1em;
	padding-top: 0.5em;
}

.quotation p, blockquote p {
	line-height: 1.2em;
	margin: 0;
	padding: 0em 0em 0.5em 0.7em;
}

.quotation h6, blockquote h6 {
	line-height: 1.2em;
	margin: 0;
	padding: 0em 0 0 0.7em;
}


