/* ######### Set up inital global rules for html elements ################################################################################################################# */
a {text-decoration: none; color: #000000; font-weight: normal;}
a:link {text-decoration: underline; color: #0000a0; font-weight: bold;}
a:visited {text-decoration: underline; color: #7B1010; font-weight: bold;}
div,
p,
body,
ol,
h1,
h2,
h3,
h4,
h5 {display:block; margin:0; padding:0; margin-bottom:0%; margin-left:0%; margin-right:0%; margin-top:0%; border:none;}
h1 {font-size: 1.75em; font-color: #000000;}
h2 {font-size: 1.55em; font-color: #000000;}
h3 {font-size: 1.35em; font-color: #000000;}
h4 {font-size: 1.20em; font-color: #000000;}
h5 {font-size: 1.10em; font-color: #000000;}
h6 {font-size: 1.00em; font-color: #000000;}
ol,
ul {list-style: none;}
ul {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.35em; font-variant: small-caps; font-weight: bold; text-align: left; letter-spacing: -0.5px; margin: 5px 1% 1% 3%;}
.bulletlogo {list-style-position: outside; list-style-image: url('../graphics/page/bulletlogo.gif');}
.bulletlink {list-style-position: outside; list-style-image: url('../graphics/page/bulletlink.gif');}
h1,
h2,
h3,
h4,
h5 {text-transform: uppercase; font-weight: bold;}
h1,
h2 {letter-spacing: -1.5px;}
h3,
h4 {border-style: solid; border-color: #bbbbbb; border-top: 0; border-bottom: 2px; border-left: 0;}
h3 {font-style: italic; width: 47%; padding: 2px 0 2px 3%; border-right: 2px;}
h4 {font-style: normal; width: 97%; padding: 2px 0 2px 3%; border-right: 0;}
h5 {font-style: normal; width: 100%; text-align: center; letter-spacing: -0.5px;}
p {font-variant: normal;}
.p1 {font-variant:small-caps; font-weight: bold;}
.p2 {display: inline;}
.p3 {font-style: italic; font-variant:small-caps; font-weight: bold; margin: 1.0em 3% 2.0em 3%;}
acronym {border: none; text-decoration: underline;}
body {position:relative; background: #FFFFFF; text-align: center; z-index: 1;}
table {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif";}
table.question {position: relative; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 4px solid; border-color: #be4343; width: 470px;}
td {font-size: 10pt; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif";}
#small td {font-size: 7pt; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif";}
/* ######### Javascript for resizing text ######################################################################################################################################## */
.normalview #interior{/*CSS to return page to default setting (with no additional CSS rules added)*/}
.largeview #interior{/*CSS for "large font" setting*/font-size: 1.25em;}
.xlargeview #interior{/*CSS for "extra large font" setting*/font-size: 1.5em;}
/* ######### Head Container with banner ######################################################################################################################################### */
#topheader {position: relative; position: fixed; width: 100%; height: 113px; margin: 0; background-color: #ffffff; background-image: url('../graphics/page/head_background.gif'); background-repeat: repeat; border-color: #000000; border-style: none none double none; border-width: 3px; box-shadow: 5px 5px 15px #444444; z-index: 10;}
#headcontainer {position: relative: width: 80%; min-width: 1000px; max-width: 1000px; height: 113px; margin-right: auto; margin-left: auto; background-color: #ffffff;
border: 1px solid; border-color: #000000; border-top: 0px;}
#locatelogo {position: relative; position: fixed; margin: 5px 0 0 2px; z-index: 16;}
#locateblink {position: relative; position: fixed; margin: 10px 0 0 130px; z-index: 16;}
#locatephone {position: relative; position: fixed; margin: 65px 0 0 110px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 18px; color: #0000a0; font-weight: bold; z-index: 16;}
#locatenoblur {position: relative; position: fixed; margin: 40px 0 0 250px; z-index: 16;}
#locatesearch {position: relative; position: fixed; margin: 88px 5px 0 783px; z-index: 6;}
.inputSearch {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 0.9em; letter-spacing:-0.1px; font-color: #000000; font-weight: bold; padding-left: 1px; background-color: #eeeeee;
border: 1px inset #888888; width: 175px; height: 18px; background-image: url(../graphics/page/GoogleSearch.gif); background-repeat: no-repeat;
background-position: right;}
.formbuttonGo {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #0000a0; font-weight: bold; text-decoration: none; background-color: #c5c5c5;
border: 1px outset #888888; width: 32px; height: 22px;}
#locatebanner {position: relative: position: fixed; margin: 0 0 0 0; width: 100%; z-index: 5;}
#locatemask {position: relative: position: fixed; margin: -117px 0 0 0; width: 100%; z-index: 5;}
/* ######### Main Drop Down Menu Head Anchor ###################################################################################################################################### */
#MobileMenu {position: relative; margin: -35px 0 5px 1px; z-index: 16;}
.whitemenu ul {margin: 0; padding: 0; font: bold 14px Verdana; font-variant:small-caps; list-style-type: none; border-bottom: 1px solid #000000; box-shadow: 5px 5px 15px #444444; background: #ffffff; overflow: hidden; width: 100%;}
.whitemenu li {display: inline; margin: 0;}
.whitemenu li a {float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid #000000; /*right divider between tabs*/ color: #000000;
background: #ffffff;}
.whitemenu li a:visited {color: #000000;}
.whitemenu li a:hover {background: #aaaaaa; /*background of tabs for hover state */}
.whitemenu a.selected {background: #aaaaaa; /*background of tab with "selected" class assigned to its LI */}
/* ######### Drop Down DIVs CSS #################################################################################################################################################### */
.submenu,
.submenu div { /*topmost and sub DIVs, respectively*/ font: normal 12px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: #ff0000;
border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100;}
.submenu ul {margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none;}
.submenu li a {display: block; width: 170px; /*width of menu (not including side paddings)*/ color: #000000; background-color: #aaaaaa; text-decoration: none; padding: 4px 5px;
border-bottom: 1px solid #000000;}
* html .submenu li { /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ }
.submenu li a:hover { background-color: black; color: white;}
/* ######### Neutral CSS ############################################################################################################################################################# */
.downarrowpointer { /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0;}
.rightarrowpointer { /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 3px; left: 100px; border: 0;}
.ddiframeshim {position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block;}
/* ######### Unknown at this time ################################################################################################################################################### */
input.input1 {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; letter-spacing: -0.25px; font-color: #000000; font-weight: bold; padding-left: 2px; background-color: #eeeeee; border: 2px solid; border-color: #000000 #cccccc #cccccc #000000; width: 150px; height: 11px; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 15px;}
.input {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 0.75em; letter-spacing: -0.25px; font-color: #000000; font-weight: bold; padding-left: 2px; background-color: #eeeeee; border: 2px solid; border-color: #000000 #cccccc #cccccc #000000; width: 13em; height: 1.1em;}
.formbutton {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; letter-spacing: -0.25px; color: #0000a0; font-weight: bold; text-decoration: underline; background-color: #c5c5c5; border: 1px solid; border-color: #000000 #000000 #000000 #000000; height: 17px;}
.formbuttonl {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 0.75em; letter-spacing: -0.25px; color: #0000a0; font-weight: bold; text-decoration: underline; background-color: #c5c5c5; border: 1px solid; border-color: #000000 #000000 #000000 #000000; height: 1.65em; float: left;}
.formbuttonr {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 0.75em; letter-spacing: -0.25px; color: #0000a0; font-weight: bold; text-decoration: underline; background-color: #c5c5c5; border: 1px solid; border-color: #000000 #000000 #000000 #000000; height: 1.65em; float: right;}
/* ###################################################################################################################################################################################### */
/* ######### Home link and Contact Us options ############################################################################################################################################ */
#locatehomecontact {position: relative; position: fixed; margin: 40px 0 0 2px; z-index: 8;}
#locatehomecontact img {border: 1px solid #eeeeee;}
#locatehomecontact img:hover {border: 1px solid #000000; background: #ffffff;}
/* ######### Hot Topics buttons ########################################################################################################################################################## */
#hottopicsIcons {position: relative; position: fixed; width: 32px; height: auto; margin: 110px 0 0 2px; z-index: 8;}
#hottopicsIcons {list-style: none;}
#hottopicsIcons a {border: 2px solid #000000;}
#hottopicsIcons a:hover {border-right: 4px solid #611111; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff;}
#hottopicsIcons a span {display: none;}
#hottopicsIcons a:hover span {display: block; position: absolute; top: 33px; left: 33px; width: 600px; height: 240px; padding-left: 20px; padding-right: 10px; padding-top: 20px; margin: 5px;
background: #aaaaaa; border-top: 2px solid; border: 2px solid; border-color: #611111;
font: 18px Verdana, sans-serif; font-variant: small-caps; font-weight: bold; color: #611111; text-align: left; z-index: 8;}
#hottopicsButton {width: 32px; height: 32px; float: left; margin: 0 1px 2px 0; background-image: url('../graphics/page/hottopics_icons.png');}
.buttonOK {background-position: 320px 100px;}
.buttonRS {background-position: 288px 100px;}
.buttonKC {background-position: 256px 100px;}
.buttonBF {background-position: 224px 100px;}
.buttonTV {background-position: 192px 100px;}
.buttonPT {background-position: 160px 100px;}
.buttonDR {background-position: 128px 100px;}
.buttonRE {background-position: 96px 100px;}
.buttonOK:hover {background-position: 320px 68px;}
.buttonRS:hover {background-position: 288px 68px;}
.buttonKC:hover {background-position: 256px 68px;}
.buttonBF:hover {background-position: 224px 68px;}
.buttonTV:hover {background-position: 192px 68px;}
.buttonPT:hover {background-position: 160px 68px;}
.buttonDR:hover {background-position: 128px 68px;}
/* ######### Main Content Body Container ########################################################################################################################################################## */
#container {position: relative; width: 80%; min-width: 1000px; max-width: 1000px; margin-top: 0; margin-right: auto; margin-bottom: 100px; margin-left: auto; padding: 150px 0 50px 0; font-size: 0.9em; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; background-color: #ffffff; color: #000000; text-align: left; background-image: url('../graphics/page/bk_groun.gif'); background-repeat: repeat; border: 2px solid; border-color: #000000; box-shadow: 10px 10px 15px #444444; z-index: 3;}
#fontSelector {position: relative; margin: 0 40px 0 85%; text-align: center; background: #ffffff; padding: 0 0 25px 0; border: 1px solid; border-color: #bbbbbb; border-top-left-radius: 25px;
border-top-right-radius: 25px; box-shadow: 5px 5px 15px #444444;}
#fontSelector a {text-decoration: none; color: #000000;}
#letterhead {position: relative; left: 20px; height: 100px;}
#intro {text-align: left;}
#pageHeader {position: relative; margin: -25px 40px 0 40px; padding: 0 0 25px 0; background: #bbbbbb; border: 1px solid; border-color: #bbbbbb; border-top-left-radius: 35px; border-top-right-radius: 35px;
box-shadow: 5px 5px 15px #444444;}
#pageHeader h1,
#pageHeader h2 {text-align: left; margin: 0 0 0 35px; color: #D60000; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif";}
#interior {position: relative; margin: -25px 40px 0 40px; background-color: #ffffff; border: 1px solid; border-color: #bbbbbb; border-radius: 25px; box-shadow: 5px 5px 15px #444444;}
#quickSummary {width: 95%; margin: 0 auto 0 auto; padding: 1em 0 0 0; text-align: left;}
#quickSummary p {font-size: 125%; color: #000000; line-height: 95%; line-spacing: 0.95%em;}
#downlinks {margin-top: 1.0em; font-size: 100%;}
#downlinks p {width: 80%; font-size: 90%; line-height: 115%; letter-spacing: 0.25px; margin: 0 auto;}
#downlinks img {padding-right: 5px;}
.dnarrow {background-image: url(../graphics/page/dnarrow.gif); background-repeat: no-repeat; border: none; margin 0 0 0 -5px;}
#dl01,#dl02,#dl03,#dl04,#dl05,
#dl06,#dl07,#dl08,#dl09,#dl10,
#dl11,#dl12,#dl13,#dl14,#dl15,
#dl16,#dl17,#dl18,#dl19,#dl20,
#dl_related {padding-top: 160px;}
#dlpop01,#dlpop02,#dlpop03,#dlpop04,#dlpop05,
#dlpop06,#dlpop07,#dlpop08,#dlpop09,#dlpop10,
#dlpop11,#dlpop12,#dlpop13,#dlpop14,#dlpop15,
#dlpop16,#dlpop17,#dlpop18,#dlpop19,
#dlpop20 {padding: 20px 0 0 0;}
#supportingText {width: 100%; margin-top: 1.75em;}
#explanation {width: 100%;}
#explanation h3 {margin-top: -2px; text-align: left; font-size: 18px; background: #dddddd; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border: solid 1px #aaaaaa; border-left: none; }
#pagegraphic {float: left; margin: 0 25px 10px 0; background-color: #dddddd; padding: 1px; border: 10px outset #888888;}
/* ######### Separate Large Container ########################################################################################################################################################## */
#lgc {width: 100%;}
#lgcontainer {width: 470px; margin: 10px auto 10px auto; background-color: #be4343; border: 1px solid; border-color: #be4343; border-top-left-radius: 25px; border-top-right-radius: 25px;}
#lgcontainer h5 {width: auto; margin-top: 20px; color: #ffffff; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.2em; background: #be4343;}
#lgtitle_info {width: auto; text-align: left; color: #ffffff; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 12px; background: #be4343; padding: 2px 5px 7px 5px;}
#lgc_content {width: auto; min-height: 50px; background-color: #ffffff; border-top: 0px solid; border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-color: #be4343;}
#lgc_content_q {width: auto; min-height: 50px; background-image: url('../graphics/art/questar1.jpg'); background-repeat: repeat; padding-top: 10px;}
#lgc_info {width: 375px; margin-top: 20px; margin-right: auto; margin-bottom: 25px; margin-left: auto; font-size: 16px; font-color: #000000; font-variant:small-caps; font-weight: bold;}
#lgc_buttons {width: auto; height: 30px; background-color: #be4343; border: 1px solid; border-color: #be4343;}
#lgc_base {position: relative; bottom: 24px;}
/* ######### Separate Small Container ########################################################################################################################################################## */
#smc {width: 100%; }
#smcontainer {width: 300px; min-height: 200px; margin: 10px auto 10px auto; background-color: #ffffff; border: 1px solid; border-top-left-radius: 15px; border-top-right-radius: 15px; border-color:
#be4343;}
#smcontainer h5 {width: 298px; margin: 0 auto 0 auto; color: #ffffff; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 16px; background: #be4343;
border: 1px solid; border-top-left-radius: 15px; border-top-right-radius: 15px; border-color: #be4343;}
#title_info {width: 290px; text-align: left; color: #ffffff; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 12px; background: #be4343; padding: 2px 5px 7px 5px;}
#smc_content {width: 298px; min-height: 50px; background-color: #ffffff; border: none;}
#smc_info {width: 250px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif";
font-size: 1.2em; color: #000000;}
#smc_base {position: relative; bottom: 14px;}
/* ######### Container PopUp ########################################################################################################################################################## */
#containerPop {position: relative; width: 80%; min-width: 465px; max-width: 800px; margin-top: 0; margin-right: auto; margin-bottom: auto; margin-left: auto; padding: 0 0 20px 0; font-size: 12px;
font-family: arial, sans serif; background-color: #ffffff; color: #000000; text-align: left; background-image: url('../graphics/page/bk_groun.gif'); background-repeat: repeat;
border: 2px solid; border-color: #000000; z-index: 3;}
#headcontainerPop {position: relative: width: 80%; min-width: 465px; max-width: 800px; height: 113px; margin-top: 0; margin-right: auto; margin-left: auto; background-color: #ffffff;
border: 1px solid; border-color: #000000; border-top: 2px solid;}
#locatelogoPop {position: relative; margin: 5px 0 0 2px; z-index: 16;}
#locateblinkPop {position: relative; margin: -90px 0 0 130px; z-index: 16;}
#locatephonePop {position: relative; margin: 5px 0 0 110px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 18px; color: #0000a0; font-weight: bold; z-index: 16;}
#locatenoblurPop {position: relative; margin: -70px 0 0 200px; z-index: 16;}
#pageHeaderPop {position: relative; margin: 25px 50px 0 50px; padding: 0 0 25px 0; background: #bbbbbb; border: 1px solid; border-color: #bbbbbb; border-top-left-radius: 35px; border-top-right-radius: 35px;
box-shadow: 5px 5px 15px #444444;}
#pageHeaderPop h1,
#pageHeaderPop h2 {position: relative; width: 100%; display: block; margin: 0px auto 5px auto; color: #D60000; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 28px;}
#interiorPop {position: relative; margin: -25px 50px 0 50px; background-color: #ffffff; border: 1px solid; border-color: #bbbbbb; border-radius: 25px; box-shadow: 5px 5px 15px #444444;}
#explanationPop h2 {margin-top: 25px; margin-left: 3%; text-align: left; font-size: 24px;}
#explanationPop h4 {text-align: left; font-size: 18px;}
#explanationPop p {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.2em; text-align: left; margin: 12px 3% 6px 3%; font-variant: normal;}
#downlinksPop {margin-top: 12px; font-size: 100%;}
#downlinksPop p {width: 80%; font-size: 100%; margin: 0 auto;}
/* ######### Content of Page ################################################################################################################################################################## */
#explanation p {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.2em; text-align: left; margin: 1.0em 3% 0.5em 3%; font-variant: normal;}
#pbase {background-image: url('../graphics/page/swirl.gif'); background-repeat: no-repeat; background-position: 50% 100%; min-height: 14px; margin-bottom: 2.0em;}
#videos {margin: 5px 3% 5px 3%;}
#related h4 {text-align:left; font-size: 1.5em; background: #eeeeee; background-image: url('../graphics/page/links.gif'); background-repeat: no-repeat; background-position: 95% 50%; border: solid 1px #aaaaaa; border-left: none; border-right: none;}
#related p {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 0.8em; letter-spacing: -0.1px; text-align: left; margin: 1.0em 3% 2.0em 3%; font-variant:normal;}
#pageend {background-image: url('../graphics/page/homeswirl.gif'); background-repeat: no-repeat; background-position: 50% 0; min-height: 75px; text-align: center; margin-top: 3%;}
#homelink {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.0em; text-align: left; margin: 1.0em 3% 2.0em 3%; font-variant:normal;}
#homelink img {padding: 5px 0 0 0;}
.compact {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; letter-spacing: -0.25px; color: #000000; font-weight: bold;}
.verycompact {font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; letter-spacing: -1.0px; color: #000000; font-weight: bold;}
.callright {float: right; width: 25%; text-align: left; font-size: 200%; font-weight: bold; font-color: #000000; font-style: italic; padding: 1em; text-indent: -0.5em; background: #ffffff; background-image: url('../graphics/page/head_background.gif'); border: inset; border-color: #000000 #bbbbbb #bbbbbb #000000; border-width: 1px; margin: 0.2em 15px 0.2em 0.5em;
box-shadow: 10px 10px 15px #444444;}
/* ######### Footer and Daily Information ########################################################################################################################################################## */
#footer {left: 0; width: 100%;}
#dailyinfo {position: relative; margin: 15px 40px 5px 40px; height: auto; min-height: 180px; background-color: #ffffff; border: 1px solid; border-color: #bbbbbb; border-radius: 25px; box-shadow: 5px 5px 15px #444444; }
#date {margin: 5px 5px 5px 10px; display: block; border: none; width: 200px; min-height: 126px; text-align: center; background-color: #ffffff; }
#day {margin: -25px 5px 0px 10px; background-color: #ffffff; width: 180px; font-variant: small-caps; font-size: 12px; color: #000000;}
#time {margin: 5px 5px 5px 10px; background-color: #000000; width: 165px; border: 2px solid; border-color: #52c6ff; border-radius: 25px; padding: 2px 1px 0px 10px; }
#weather {margin: -25px 10px 10px 750px; padding: 0 5px 0 0; border: none;}
#weathercover {position: relative; margin: -50px 0 0 750px; border: none; width: 156px; background: #ffffff; height: 40px}
#thought {margin: -150px 10px 10px 215px; width: 490px; border: 2px dotted #bbbbbb; border-radius: 25px; padding: 5px 10px 5px 20px; font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans- serif"; font-size: 12pt; font-style: italic;}
#notices,
#copyright {position: relative; top: 25px; text-align: center; font-color: #000000; font-size: 1.0em;}
#bottomspace {min-height: 10px;}
/* ######### Unknown at this time ########################################################################################################################################################## */
#locatemenu {position: absolute; top: 125px; left: 0; width: 100%; min-height: 10pt; max-height: 10pt; z-index: 6;}
#locatebase img {position: fixed !important; position: absolute; bottom: -1px; right: -10px; z-index: 5;}
#locateeyes img {position: fixed !important; position: absolute; bottom: -1px; left: 0px; z-index: 5;}
.navbar {font-family: "Arial", "Verdana", "Geneva", "Helvetica", "sans-serif"; font-size: 1.0em; letter-spacing: -0.5px; font-color: #000000; font-weight: bold; border-width: 1px; border-style: solid solid solid solid; border-color: #000000; padding-left: 3px; padding-right: 3px; background: #c5c5c5;}
.menuskin {position: absolute; width: 215px; background-color: #dddddd; border: 2px solid #000000; padding: 1px; font: normal 12px Verdana; letter-spacing: -1.0px; line-height: 16px; visibility: hidden; background: url('../graphics/page/menulogo.gif') no-repeat 50% 50%; z-index: 100;}
.menuskin a {text-decoration: underline; color: #0000a0; padding-left: 5px; padding-right: 5px;}
#mouseoverstyle {background-color: #c5c5c5; border: 1px solid #000000;}
#mouseoverstyle a {color: #000000;}
/* ############################################################################################################################################################################################ */
/* ######### Social CONNECT and SHARE buttons ########################################################################################################################################################## */
#socialFollowIcons {position: relative; position: fixed; width: 400px; height: auto; margin: -3px 0 0 681px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 14px;
font-color: #000000; font-variant: small-caps; font-weight: bold; font-style: italic; z-index: 50;}
#socialFollowIcons {list-style: none;}
#socialFollowButton {width: 32px; height: 32px; float: left; margin: 0 1px 2px 0; background-image: url('../graphics/social/social_icons.png');}
#socialShareIcons {position: relative; position: fixed; width: 35px; height: auto; margin: 100px 100px 0 920px; z-index: 50;}
#socialShareIcons {list-style: none;}
#socialShareButton {width: 32px; height: 32px; float: left; margin: 0 2px 2px 5px; background-image: url('../graphics/social/social_icons.png');}
.buttonFB {background-position: 572px 224px;}
.buttonTW {background-position: 468px 446px;}
.buttonGP {background-position: 364px 224px;}
.buttonLI {background-position: 160px 224px;}
.buttonPI {background-position: 468px 510px;}
.buttonSU {background-position: 571px 35px;}
.buttonEM {background-position: 622px 37px;}
.buttonYT {background-position: 109px 446px;}
.buttonIG {background-position: 262px 224px;}
.buttonSH {background-position: 211px 160px;}
.buttonFB:hover {background-position: 501px 45px;}
.buttonTW:hover {background-position: 458px 45px;}
.buttonGP:hover {background-position: 415px 46px;}
.buttonLI:hover {background-position: 373px 47px;}
.buttonPI:hover {background-position: 288px 47px;}
.buttonSU:hover {background-position: 245px 46px;}
.buttonEM:hover {background-position: 156px 46px;}
.buttonYT:hover {background-position: 330px 47px;}
.buttonIG:hover {background-position: 202px 47px;}