﻿@media Screen, tv, tty {

/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126   License: none (public domain)  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------------------------------------*/
/***** Global Classes *****/

.clear  {clear:both;}
.left    {float:left;}
.right   {float:right;}

.lft     {text-align:left; vertical-align: middle;}
.rgt    {text-align:right;}
.ctr   {text-align:center;}
.just  {text-align:justify;}
.vtop  {vertical-align: top;}

.blockctr { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
 
.bold          {font-weight:bold;}
.italic        {font-style:italic;}
.underline     { border-bottom:1px solid; }
.highlight     {background:#ffc;}
strong, b, strong *, b * { font-weight: bold !important;}

table { border-collapse: separate; border-spacing: 0; }
table th, table td { border-collapse: separate; border-spacing: 0; vertical-align: top;}

img {vertical-align: baseline;}
img.l { float:left;margin:4px 10px 4px 0; }
img.r { float:right;margin:4px 0 4px 10px; }
img.bd { margin: 0 15px 15px 0; padding: 0; border: #aaa 1px solid; }

fieldset { COLOR: #333; FONT-SIZE: 90%; BACKGROUND-COLOR: transparent; BORDER: #ccc 1px solid; padding: 10px; width: 500px; }
fieldset legend { COLOR: #333; BACKGROUND-COLOR: transparent; }

hr { color: #ADAD9C; background-color: #ADAD9C; width: 100%; height: 1px; text-align: left; border: none;}

.nopadding     {padding:0;}
.nomargin { margin: 0; }
.noindent      {margin-left:0;padding-left:0;}
.nobullet      {list-style:none;list-style-image:none;}
.nodesktop { display: none; } 


  /***** Wrapper *****/

#wrapper { width: 960px; background: #fafafa url('bgnavbluestretch.gif') repeat-x; padding: 8px 0 0 0; color: #333; text-align: left; 
margin:0 auto; }


/***** Main/Content Stylesheet *****/
 
html, body { margin:0; padding: 8px 0 8px 0; font-family: "Microsoft Sans Serif", arial, verdana, helvetica, sans-serif; 
font-size: 100%; color: #000; background: #475057; }

#main { padding: 0; margin: 0; background: transparent; color: #000; vertical-align: top; }
#left { float:left; width: 55%; background:transparent; margin:40px 0 40px 40px;}
#right {float: right; margin:40px 40px 40px 0; vertical-align: top; }
#footer {clear: both; width: 100%; padding: 20px 10px 10px 0; background-color: #4682B4; color: #eee; text-align: center; border-top: #dd6900 5px solid; margin: 0px; }
#menu { width: 100%; border-top: #dd6900 5px solid; border-bottom: #eee 5px solid; padding: 5px; margin: 0; font-weight: normal; color: #333; background: #fbfbfb url('bgnavbluecrop.gif') repeat-x; }
#header { width: 100%; height: 70px; background: #4682B4; margin: 5px 0 0 0; padding: 5px 0 5px 8px; color: #ccc;  vertical-align: top; }
#header2 { width: 100%; height: 70px; background: #4682B4; margin: 5px 0 0 0; padding: 0 0 0 8px; color: #ccc;  vertical-align: top;}

.main2 { margin: 0 10px 0 0; padding: 0; }

.page { padding: 30px 40px 30px 40px; background: transparent; color: #000; vertical-align: top; }
.pagehome { padding: 0 40px 30px 40px; background: transparent; color: #000; vertical-align: top; }
.pagesearch { padding: 30px 40px 30px 40px; background: transparent; color: #000; vertical-align: top; }


/***** Pagehome Tabs *****/
 
.pagehome ul #fragment-1, .pagehome ul #fragment-2, .pagehome ul #fragment-3 {margin: 0; padding: 0 0 3px 35px;}
.pagehome ul#container-1 {margin: 0 0 0 20px; padding: 0 0 3px 35px;}

#container-1 a { font-family: "Microsoft Sans Serif", Arial, Verdana, sans-serif; text-decoration: none; color: #369; font-size: 105%; }
#container-2 a { font-family: "Microsoft Sans Serif", Arial, Verdana, sans-serif; text-decoration: none; color: #369; font-size: 105%; }

#fragment-1 { font-family: "Microsoft Sans Serif", Arial, Verdana, sans-serif; font-weight: normal; font-size: 95%; color: #000; background-color: transparent; line-height: 1.6;}
#fragment-2 { font-family: "Microsoft Sans Serif", Arial, Verdana, sans-serif; font-weight: normal; font-size: 95%; color: #000; background-color: transparent; line-height: 1.6;}
#fragment-3 {  font-family: "Microsoft Sans Serif", Arial, Verdana, sans-serif; font-weight: normal; font-size: 95%; color: #000; background-color: transparent; line-height: 1.6;}

#fragment-1 a { font-weight: bold; text-decoration: underline; color: #369; background: transparent; }
#fragment-2 a { font-weight: bold; text-decoration: underline; color: #369; background: transparent; }
#fragment-3 a { font-weight: bold; text-decoration: underline; color: #369; background: transparent; }


 
 /***** Navigation *****/

.topmenu { width: 100%; border-top: #dd6900 5px solid; border-bottom: #eee 5px solid; padding: 5px 5px 5px 0; margin: 0; 
font-weight: normal; color: #333; background: #fbfbfb url('bgnavbluecrop.gif') repeat-x;}

ul#navlist {margin: 0; border: 0; padding: 0 0 3px 35px; }
#navlist li {display: inline; list-style: none; list-style-type: none; padding: 5px 5px 5px 0;}

#navlist a { padding: 0 12px 0 12px; margin: 0; border: 0; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; font-weight: bold;} 

#navlist a:link, #navlist a:visited {color: #444; text-decoration: none; }
#navlist a:hover, #navlist a:active {color: #fafafa; text-decoration: none; }

#navlist a.on:link, #navlist a.on:visited {text-decoration: none; color:#fafafa;}
#navlist a.on:hover, #navlist a.on:active {text-decoration: none; color:#fafafa; }



/***** Uls *****/

ul { list-style-type: disc; font-size: 80%; background-color: transparent; line-height: 1.5;  font-family:"Microsoft Sans Serif", arial, verdana, helvetica, sans-serif; padding: 10px 0 10px 30px;}
ul li { line-height: 1.5;  font-family:"Microsoft Sans Serif", arial, verdana, helvetica, sans-serif; }
ul ul { font-size: 100%; list-style-type: disc; background-color: transparent; }
div ul { font-size: 100%; list-style-type: disc; background-color: transparent; }
.main2 ul { font-size: 100%; padding: 10px 0 10px 30px; list-style-type: disc; background-color: transparent; }
ul.it { font-size: 80%; list-style-type: disc; background-color: transparent; }


/***** Sidebar *****/

.sidemenu { font-weight: bold; font-size: 100%; color: #666; padding: 40px 40px 25px 40px; vertical-align: top; 
background: transparent; min-height: 550px; height:auto; height: 550px; }
.sidemenu2 { font-weight: normal; font-size: 90%; background: #f0eee7; color: #000; margin: 0; padding: 20px; border: 0; vertical-align: top;}
.sidemenusearch { font-weight: bold; font-size: 100%; color: #666; padding: 25px 40px 25px 40px; vertical-align: top; 
 background: transparent; }

.sidemenu div.box { width: 300px; padding: 15px 2px 5px 2px; border: #ddd 1px solid; border-top: #4682B4 10px solid; 
background: #B8D2E7; /* url('bgblue.gif') repeat-x */}

.sidemenu div.feedburnerFeedBlock { padding: 5px 5px 20px 5px;   
background: transparent; color: #bde0e6; font-family: Helvetica,Arial,sans-serif; font-size: 100%; font-weight: normal;}

.sidemenu div.feedburnerFeedBlock  p { background-color: transparent; }

.sidemenu div.feedburnerFeedBlock  p.feedTitle { font-size: 110%; color: #000; padding: 0 0 15px 0;}

.sidemenu div.feedburnerFeedBlock  .headline { font-size: 90%; color: #000; }

.sidemenu div.feedburnerFeedBlock  #creditfooter { display: none; }

.sidemenu div.feedburnerFeedBlock ul li a { border: transparent 1px solid; padding: 5px 5px 5px 15px;}
.sidemenu div.feedburnerFeedBlock ul li a:link {  background-color: #B8D2E7; color: #555; }
.sidemenu div.feedburnerFeedBlock ul li a:visited {  background-color: #B8D2E7; color: #555; }
.sidemenu div.feedburnerFeedBlock ul li a:hover {  background-color: #fff; color: #333; border: #4682B4 1px dotted; }
.sidemenu div.feedburnerFeedBlock ul li a:active {  background-color: #fff; color: #333; border: #4682B4 1px solid; }

.sidemenu a { FONT-SIZE: 100%; BACKGROUND-COLOR: transparent; font-weight: bold; }
.sidemenu a:link { COLOR: #6287a4; TEXT-DECORATION: underline;}
.sidemenu a:visited { COLOR: #6287a4; TEXT-DECORATION: underline; }
.sidemenu a:hover { COLOR: #6495ED; TEXT-DECORATION: underline; }
.sidemenu a:active { COLOR: #c00; TEXT-DECORATION: underline; }

.sidemenu ul { list-style: none; list-style-type: none; margin:0; padding:0; FONT-SIZE: 100%; font-weight: bold; COLOR: #666; }

.sidemenu ul li a { DISPLAY: block; BACKGROUND-COLOR: #f9f9f9; BORDER: #EBE8D8 1px solid; padding: 3px 3px 3px 12px; font-size: 90%;}

.sidemenu ul li a:link { COLOR: #999; BACKGROUND-COLOR: #f9f9f9; TEXT-DECORATION: none;}
.sidemenu ul li a:visited { COLOR: #999; BACKGROUND-COLOR: #f9f9f9; TEXT-DECORATION: none; }
.sidemenu ul li a:hover { COLOR: #666; TEXT-DECORATION: none; BACKGROUND: transparent url('arrowgray.gif') no-repeat left;}
.sidemenu ul li a:active { COLOR: #c00; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline; }

.sidemenu fieldset {COLOR: #333; FONT-SIZE: 90%; font-weight: bold; BACKGROUND-COLOR: transparent; BORDER: #ccc 1px solid; padding: 10px; width: 200px; } 
.sidemenu fieldset ul, .sidemenusearch fieldset ul { list-style: none; list-style-type: none; margin:0; padding:0; COLOR: #666; }
.sidemenu fieldset legend {color: #333; background-color: transparent; font-weight:bold;}

.sidemenu fieldset ul li a, .sidemenusearch fieldset ul li a { DISPLAY: block; background: #fbfbfb url(bgnavlightblue.png) repeat-x; 
border: 1px solid #7E9DB9; padding: 3px 3px 3px 12px; }

.sidemenu fieldset ul li a:link, .sidemenusearch fieldset ul li a:link { COLOR: #7E9DB9; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none;}
.sidemenu fieldset ul li a:visited, .sidemenusearch fieldset ul li a:visited { COLOR: #7E9DB9; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; }
.sidemenu fieldset ul li a:hover, .sidemenusearch fieldset ul li a:hover { COLOR: #666; TEXT-DECORATION: none; BACKGROUND: transparent url('arrowgray.gif') no-repeat left;}
.sidemenu fieldset ul li a:active, .sidemenusearch fieldset ul li a:active { COLOR: #c00; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline; }


/***** Most Divs and Ps *****/

p, .page p, .pagehome p, .sidemenu2 p { font-size: 90%; background-color: transparent; line-height: 1.5;  font-family:"Microsoft Sans Serif", arial, verdana, helvetica, sans-serif; }

.sidemenu2 p {font-size: 95%; background-color: transparent; line-height: 1.5;}

.page div, .pagehome div, .sidemenu div { font-size: 90%; background-color: transparent; line-height: 1.5;  font-family:"Microsoft Sans Serif", arial, verdana, helvetica, sans-serif; }
div#txt { font-weight: bold; background-color: transparent; color: #333}
div.sm { font-family:  Verdana, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 60%;}


/***** Most Links *****/

.page a.scr { DISPLAY: inline; padding: 3px; font-size: 100%; font-weight:bold; border-right: #808080 1px solid; 
border-bottom: #808080 1px solid; white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */ }
.page a.scr:link { COLOR: #000; background: #fbfbfb url('tab.png') repeat-x; TEXT-DECORATION: none; }
.page a.scr:visited { COLOR: #000; background: #fbfbfb url('tab.png') repeat-x; TEXT-DECORATION: none; }
.page a.scr:hover { COLOR: #006; background: transparent url('tab.png') repeat-x; TEXT-DECORATION: none; }
.page a.scr:active { COLOR: #c00; background: transparent url('tab.png') repeat-x; TEXT-DECORATION: none; }

.main2 a, p a { font-size: 100%; font-weight: bold; }
.main2 a:link, p a:link { text-decoration: underline; color: #369; background: transparent; }
.main2 a:visited, p a:visited { text-decoration: underline; color: #369; background: transparent; }
.main2 a:hover, p a:hover { text-decoration: underline; color: #6495ED; background: transparent; }
.main2 a:active, p a:active { text-decoration: underline; color: #c00; background: transparent; }

a.addthis_button_compact { font-family: arial, sans-serif; font-size: 90%; font-weight: bold; background: transparent; }
a.addthis_button_compact:link { text-decoration: none; color: #069; }
a.addthis_button_compact:visited { text-decoration: none; color: #069; }
a.addthis_button_compact:hover { text-decoration: underline; color: #dd6900; }
a.addthis_button_compact:active { text-decoration: underline; color: #dd6900; }

.skip a, .skip a:link, .skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.skip a:hover, .skip a:focus { position:static; width:auto; height:auto; } 


/***** Footer *****/

.bottom { padding: 20px 10px 10px 0; background-color: #475057; color: #eee; text-align: center; border-top: #dd6900 5px solid; 
margin: 0 0 0 0; width:100%;}

.bottom p{font-size: 70%; font-weight: bold; color: #eee;}

.bottom a { font-weight: bold; text-decoration: underline; background: transparent; }
.bottom a:link { text-decoration: underline; color: #eee; background: transparent; }
.bottom a:visited { text-decoration: underline; color: #eee; background: transparent; }
.bottom a:hover { text-decoration: underline; color: #dd6900; background: transparent; }
.bottom a:active { text-decoration: underline; background: transparent; color: #c00; }


/***** Headings *****/

h1, .pagehome h1, .pagesearch h1, .page h1 { font-size: 150%; letter-spacing:0; color: #666; font-weight: bold; background-color: transparent; 
padding:0 0 10px 0; margin: 0;}
h1 a, .pagehome h1 a, .pagesearch h1 a, .page h1 a { font-size: 80%; color: #369; background: transparent; font-weight: normal;}

h2, .pagehome h2, .pagesearch h2, .page h2 { font-size: 80%; letter-spacing:0; line-height: 1.5; padding: 10px 0 10px 0; margin: 0;font-weight: bold; 
color: #333; background-color: transparent; }

h3, .pagehome h3, .pagesearch h3, .page h3 { color: #693; font-size: 120%; font-weight: bold; letter-spacing:0; padding: 30px 0 15px 0; margin: 0; background: transparent;}
h3 a, .pagehome h3 a, .pagesearch h3 a, .page h3 a { font-size: 90%; color: #4682b4; background: transparent; }

.main2 h3 { color: #006900; font-size: 120%; font-weight: bold; padding: 10px 0 0 0; margin: 0; border-bottom: #999 1px solid;  background-color: transparent;}

h4 { font-size: 100%; letter-spacing:0; padding: 0; margin: 20px 0 0 0; font-weight: bold; color: #693; border-bottom: #999 1px solid; background-color: transparent; }
.pagehome #container-1 #fragment-3 h4 { font-size: 100%; letter-spacing:0; padding: 30px 0 0 0; margin: 0; font-weight: bold; color: #693; border-bottom: #999 1px solid; background-color: transparent; }

.main2 .heading, .heading { font-size: 80%; font-weight: bold; color: #000; background-color: transparent; } 
.pheading { font-weight: bold; color: #365753; background-color: transparent; }
.sidemenu2 .pheading {font-weight: bold; color: #365753; background-color: transparent; font-size: 120%; }



/***** Forms and Search *****/

div#formsptr { display: none; visibility: hidden; }

.searchbar { text-align: right; padding: 10px 40px 0 0; font-size: 90%; }

.button { width: 200px; background: #333; font-family: Helvetica,Arial,sans-serif; font-size: 100%; 
font-weight: bold; border: #6287a4 1px solid;}

div.sbox { padding: 0; margin: 0; border: 0; display: inline; float: right; font-size: 75%;}

div#cse-search-results {}

.formbox { font-size: 80%; color:#000; display: block; BORDER: #999 1px solid; BACKGROUND-COLOR: #f5f5f5; }

input#searchfor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; padding-left: 18px; 
background: transparent url("searchicon.gif") no-repeat 3px 3px; border: 1px solid #7E9DB9; }

.highlight, .hl2 {background: #fbfbfb; border: 1px solid #ddd; padding: 20px; font-family: Arial, Helvetica, sans-serif; 
color:#666; font-size: 80%; font-weight:bold; } 

.highlight label { display: block; width: 100px; float: left; margin: 2px 4px 6px 4px; text-align: right; }
.hl2 label { display: block; width: 230px; float: left; margin: 2px 4px 6px 4px; text-align: right; }
.highlight input, .hl2 input { padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color:#666; border: 1px solid #7E9DB9; background-color: transparent;}
.highlight textarea, .hl2 textarea { padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color:#666; border: 1px solid #7E9DB9; background-color: transparent; overflow:hidden; }
.highlight button, .hl2 button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color:#000; font-weight: normal; }

.required { font-size: 80%; color:#B1342F; }

.pulldown { background-color:transparent; font-family:arial,helvetica,sans-serif; font-size:80%; font-weight:bold; color:#808080;
border:#ddd 1px solid; }



/***** Extras *****/

.xlink {text-align: right; font-weight: bold; TEXT-DECORATION: underline; color: #069; background-color: transparent; }
.acr {border-bottom: #808080 1px dashed; cursor: help;}

.ad { background-color: #ccc; padding: 8px; border: #ddd 1px solid;}

.xmlbutton { color: #333; background-color: #f60; border-color: #f60; border-style: outset; text-decoration: none !important;
margin: 2em 0em 0em 0em; padding: 0em 0.5em 0em 0.5em; border-width: 2px; }

.xmlbutton:hover { background-color: #f90; }

.xmlbutton:active { border-style: inset !important; }

.dropstyle { font-weight: bold; color: #808080; border: outset; font-size: 80%; background-color: #eee; }
.buttonstyle { font-size: 100%; font-weight:bold; background-color: #aaa; color: #333; border: #808080 1px solid; padding: 5px;}
.new { font-size: 100%; font-weight:bold; background-color: transparent; color: #dd6900; }
.view { padding: 5px; background-color: yellow; border: #dd6900 2px solid; color: #333; }

.mag  { border-left: #000 1px solid; border-top: #000 1px solid;}
.mag th { border-bottom: #000 1px solid; border-right: #000 1px solid; padding: 5px 15px 5px 15px; font-size: 85%; color: #333; background-color: #f0eee7; }
.mag td { border-bottom: #000 1px solid; border-right: #000 1px solid; padding: 5px 15px 5px 15px; font-size: 80%; color: #333; background-color: transparent; }

}

@media handheld, only Screen and (max-device-width: 480px) {

#wrapper {
    float: none;
    margin:0 auto;
	width: 100%;
  }
  
 .nomobile {display: none;} 
 .sidemenu { display:none;}
 .sidemenu2 { display: none;}
 .sidemenusearch { display: none;}
 .searchbar {display: none;} 

  
 .nodesktop {max-width: 20em;}
 .nodesktop a { font-family: "Microsoft Sans Serif", Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #369;}
 
} 

@media print, projection, speech, braille, embossed {
 
html, body { margin:0; padding:0; font-family: serif; font-size: 12pt; color: #000; background-color: #fff; width: 100%; }

#wrapper {width: 100%; margin: 0; BACKGROUND: #fff; padding: 0; color: #000; border: 0; text-align: left;}

a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; }

.topmenu { display: none; }
.topleft { display: none; }
.topright { display: none; }
.sidemenu { display: none; }
.searchbar { display: none; }
.page {padding:0;}

}
