@charset "UTF-8"; @media all { /* general styling */ * { margin:0; padding:0; } body { font-size:100%; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; background: #fff; line-height: 1.2em; } a { color: #666666; background: inherit; text-decoration:underline; } a:hover { text-decoration: none; color: #e9671b; background: inherit; } a:focus { outline: 0; } a:visited { text-decoration: underline; background-color: inherit; color: #6d2e0f; } ul, ol { list-style-position: inside; margin-bottom: 15px; } #icons ul, ol {list-style-position: none !important; margin: 0px !important; } li { margin-left: 30px;margin-bottom: 15px; } img { border: 0; text-decoration: none; } .imagespace {margin: 4px; } hr { background-color: #fbcd7f; height: 1px; margin: 20px 5px 10px 5px; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: -moz-use-text-color; border-right-color: -moz-use-text-color; border-bottom-color: -moz-use-text-color; border-left-color: -moz-use-text-color;} /* this reduces out all the 3d effects on the HR */ blockquote { margin-left: 15px; } h1 { margin: 0px 0 10px 0; font: 1.5em "Times New Roman", Times, serif; color: #9e4317; letter-spacing:-1px; } h2 { margin: 0px 0 10px 0; font: 1.4em "Times New Roman", Times, serif; color:#9e4317; letter-spacing:-1px; } h3 { margin: 0px 0 10px 0; font: 1.3em "Times New Roman", Times, serif; color:#9e4317; } h4 { margin: 0px 0 10px 0; font: 1.2emx "Times New Roman", Times, serif; color:#9e4317; } h5 { margin: 0px 0 10px 0; font: 1.15em "Times New Roman", Times, serif; color:#9e4317; } h6 { margin: 0px 0 10px 0; font: 1.1em "Times New Roman", Times, serif; color:#9e4317; } /* content */ #pagewrapper { margin: 0 auto; width: 900px; background-color: transparent; color: black; position: relative; } #mainwrap { margin: 10px; position: relative;border: 1px solid #e8661b; width: 880px; } .PageToolbarContainer { position:absolute; z-index:1010; top:0; left:0; } #logo { float: left;margin-left: 10px;} #contactwrap { width: 195px; float: right; } #contact { margin-right: 10px; font-size: 10px; width:195px; } #contact a { color: #e9671b; text-decoration: none; } #contact a:hover { color: #666666; text-decoration: underline; } #signin { margin-right: 10px; font-size: 10px; width:195px; text-align: right; text-transform:uppercase; } #signin a { color: #e9671b; text-decoration: underline; } #signin a:hover { color: #666666; text-decoration: none; } #handbook { display: inline-block;margin-right: 10px; padding-top:5px; width:175px; } #handbook a { background: transparent; padding-left:0; text-decoration: none; color: #666; text-transform: none; font-size: 11px;} #handbook a:hover { color: #e9671b; text-decoration: none; } #handbook #LanguageBar { position: relative; } #animation { width: 80px; height: 100px; margin: 0 auto;float:left; } #booklink { margin-left: 5px; float:right; width: 80px; } #booklink a { background: transparent; padding-left:0; text-decoration: none; color: #666; text-transform: none; font-size: 12px; } #booklink a:hover { color: #e9671b; text-decoration: none; } /* ********************************************************************** */ /* Main Content Zone */ #content{ float: left; padding: 0px 0px 0px 0px; width: 900px; background-color: #fbcd7f; vertical-align: top; } #main { vertical-align: top; padding: 15px; position: relative; background-color: #fbcd7f; z-index: 0; } #main p {clear: both; margin: 0px 0 15px 0 !important; font-size:0.85em; line-height: 1.2em; } #main table p { margin: 0 0 0 0 !important; font-size:0.85em; line-height: 1.2em; } .bigtext { line-height: 18px; font: 1.1em Arial, Verdana, Geneva, Helvetica, sans-serif;} #flash { position: relative; z-index: 0; } /* SubNav Content Zone */ #subnav { vertical-align: top; width:185px; padding: 5px; font-size: 0.875em; background-color: #fefaf1; position: relative; } #subnav a {font-size: 0.875em !important; background: transparent url(images/mininav.gif) no-repeat left center; padding-left: 8px;} #subnav h2 { margin: 0px 0 0px 0; font: 1.4em "Times New Roman", Times, serif; color:#e9671b; } /* SideBanner Content Zone */ /* But first the Right Column */ #right-column { vertical-align: top; width:185px; padding: 5px; font-size: 0.875em; background-color: #fefaf1; position: relative; z-index: 0; } /*#sidebanner { vertical-align: top; width:185px; padding: 5px; font-size: 0.875em; background-color: #fefaf1; position: relative; z-index: 0; }*/ #sidebanner a {font-size: 0.875em !important; background: transparent url(images/mininav.gif) no-repeat left center; padding-left: 8px;} #sidebanner h2 { margin: 0px 0 0px 0; font: 1.4em "Times New Roman", Times, serif; color:#e9671b; } /* Header Content Zone */ #header { background: #fff; margin: 0px 0 0px 0; padding-top: 0; height: 97px; } #searchsite { float: left; } /* Footer Content Zone */ #footer { background-color: #fff; clear: both; color:#666; padding-top: 5px; margin-left: 10px; height: 45px; width: 900px; } #footer .leftfooter { float: left; font-size: x-small; } #footer .rightfooter { float: right; font-size: x-small; text-align: right; } #footer .rightfooter .slogan { color:#e9671b; font-size: 1.4em !important; } #footer a { color:#666; text-decoration: underline !important; } #footer a:hover { color:#e9671b; text-decoration: none !important; } /* --------------------------------- Menu Styles -------------------------------*/ /* main navigation */ /* Working Style - This is for the top level navigation style */ #nav { float:left; border-top:1px solid #fbcd7f; border-bottom:1px solid #fbcd7f; padding:0; margin-top: 0; margin-bottom: 0; font-size: 0.6875em; line-height: 16px; display: inline; text-transform:uppercase; width: 100%; z-index: 500; position: relative;} #nav ul { border:none; padding:0 !important; margin: 0 !important; list-style: none;} #nav li { float:left; padding: 0px; border-right:1px solid #fbcd7f; margin: 0px !important;line-height: 24px; list-style: none; } #nav li a { color: #9e4317; border:none; text-decoration: none !important; padding:5px 6px 5px 5px; } #nav li a:hover { text-decoration: none !important; color: #fff; background-color: #9e4317; } #nav li.Selected { text-decoration: underline !important; } #nav li.Selected a { color: #fff; background-color: #9e4317; } /* Additional Style for the menus that aren't working right now. This is for the top level navigation style */ #nav .topnav ul { border:none; padding:0 !important; margin: 0 0 0 -20px !important; list-style: none; z-index: 500; position: auto; } #nav .topnav li { position:relative; float:left; padding: 0px; border-right:1px solid #fbcd7f; margin-left: 0px !important;line-height: 24px; list-style: none; } #nav .topnav li a { color: #9e4317; border:none; text-decoration: none !important; padding:5px 5px 5px 5px; } #nav .topnav li a:hover { text-decoration: none !important; color: #fff; background-color: #9e4317; } #nav .topnav li.Selected { text-decoration: underline !important; } #nav .topnav li.Selected a { color: #666; background-color: #fff; text-decoration: underline !important; } /* not sure if these are needed */ .topnav li {float:left;position:relative;} .topnav ul {position:absolute;display:none;width:12em;top:2em;z-index: 500;} .topnav li ul a{ width:12em;height:auto;float:left;} .topnav ul ul{top:auto;} .topnav li ul ul {left:12em;margin:0px 0 0 10px;} .topnav li:hover ul ul, .topnav li:hover ul ul ul, .topnav li:hover ul ul ul ul{display:none;} .topnav li:hover ul, .topnavli li:hover ul, .topnavli li li:hover ul, .topnav li li li li:hover ul{display:block;} /* end of style that I'm not sure is needed */ /* This menu style is for the JSON menu script slide down menu items */ #nav .topnav .dropnav ul { list-style: none !important; background-color: #9e4317; display: none; position:absolute; z-index: 500; } #nav .topnav .dropnav li {margin-left: 0px !important; list-style: none !important; border-top:1px solid #fbcd7f; border-bottom:1px solid #fbcd7f; line-height:14px !important; background-color:#fff; border-left:1px solid #fbcd7f; font-size: 0.95em;; } #nav .topnav .dropnav li a { color: #9e4317; border:none; text-decoration: none !important; padding:2px 4px 2px 4px !important; } #nav .topnav .dropnav li a:hover { color:#fff; cursor: pointer; background: #9e4317; text-decoration: underline !important; float: left; padding:2px 4px 2px 4px !important; } #nav .topnav .dropnav li.Selected a { border-top: 1px solid #9e4317; border-bottom: 1px solid #9e4317; color:#666; cursor:pointer; background: #ffffff; float: left; padding:2px 4px 2px 4px !important; text-decoration: underline !important; } /* This menu style is for the JSON menu script slide down menu items */ #nav .topnav .dropnav .dropnav ul { list-style: none !important; background-color: #9e4317; display: none;position:absolute; z-index: 500; } #nav .topnav .dropnav .dropnav li {margin-left: 0px !important; list-style: none !important; border-top:1px solid #fbcd7f; border-bottom:1px solid #fbcd7f; } #nav .topnav .dropnav .dropnav li a { color: #9e4317; border:none; text-decoration: none !important; } #nav .topnav .dropnav .dropnav li a:hover { color:#fff; cursor: pointer; background: #9e4317; text-decoration: underline !important; float: left; } #nav .topnav .dropnav .dropnav li.Selected a { border-top: 1px solid #9e4317; border-bottom: 1px solid #9e4317; color:#666; cursor:pointer; background: #ffffff; float: left; text-decoration: underline !important; } /* ------------------ Social Bookmarking Style ----------------- */ #social {width:90%; height: 25px; display: inline; position: relative;} #social ul {margin:2px; float:left;} #social li {margin:2px; list-style: none;float:left;} #social img {padding:0 3px;} /****** Classes used for rounded-corners ********/ /********************************************** *Use in the following format: *
*
*
* Content goes here *
*
*
*
* ***********************************************/ /* This is the default blue rounded corner */ .rounded_bot_r { background: url("images/corners/rounded_gradient.gif") no-repeat right bottom; margin:10px 0 0 0; padding:0; } .rounded_bot_l { background: url("images/corners/rounded_gradient.gif") no-repeat left bottom;height: 10px; width: 10px; margin:0; padding:0; } .rounded_top_r { background: url("images/corners/rounded_gradient.gif") no-repeat right top; margin:0; padding:0; } .rounded_top_l { background: url("images/corners/rounded_gradient.gif") no-repeat left top; margin: 0 10px 0 0; padding: 5px; } /* Gold rounded corners */ .gold_rounded_bot_r { background: url("images/corners/rounded_gradient_gold.gif") no-repeat right bottom; margin:10px 0 0 0; padding:0; } .gold_rounded_bot_l { background: url("images/corners/rounded_gradient_gold.gif") no-repeat left bottom; height: 10px; width: 10px; margin:0; padding:0; } .gold_rounded_top_r {background: url("images/corners/rounded_gradient_gold.gif") no-repeat right top; margin:0; padding:0; } .gold_rounded_top_l {background: url("images/corners/rounded_gradient_gold.gif") no-repeat left top; margin: 0 10px 0 0; padding: 5px; } /* Red rounded corners */ .red_rounded_bot_r { background: url("images/corners/rounded_gradient_red.gif") no-repeat right bottom; margin:10px 0 0 0; padding:0; } .red_rounded_bot_l { background: url("images/corners/rounded_gradient_red.gif") no-repeat left bottom; height: 10px; width: 10px; margin:0; padding:0; } .red_rounded_top_r {background: url("images/corners/rounded_gradient_red.gif") no-repeat right top; margin:0; padding:0; } .red_rounded_top_l {background: url("images/corners/rounded_gradient_red.gif") no-repeat left top; margin: 0 10px 0 0; padding: 5px; } /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: #FBCD7F; padding: 10px; width: 600px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #eee; border-width: 5px 5px 20px; width: 75px; } #gallery ul a:hover img { border: 5px solid #ccc; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #ccc; } /* Tag Cloud Style */ #htmltagcloud { font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-transform:none; text-align:justify; text-indent:0ex; } #htmltagcloud a:link{color: #666666; text-decoration:none; background: none !important;padding: 0px !important;} /* #htmltagcloud a:visited{text-decoration:none} */ #htmltagcloud a:hover{text-decoration:underline;color:#e9671b;} span.tagcloud0{font-size:1.0em;padding:0em;z-index:10;position:relative} span.tagcloud0 a{text-decoration:none;} span.tagcloud1{font-size:1.1em;padding:0em;z-index:9;position:relative} span.tagcloud1 a{text-decoration:none;} span.tagcloud2{font-size:1.2em;padding:0em;z-index:8;position:relative} span.tagcloud2 a{text-decoration:none;} span.tagcloud3{font-size:1.3em;padding:0em;z-index:7;position:relative} span.tagcloud3 a{text-decoration:none;} span.tagcloud4{font-size:1.4em;padding:0em;z-index:6;position:relative} span.tagcloud4 a{text-decoration:none;} span.tagcloud5{font-size:1.5em;padding:0em;z-index:5;position:relative} span.tagcloud5 a{text-decoration:none;} span.tagcloud6{font-size:1.6em;padding:0em;z-index:4;position:relative} span.tagcloud6 a{text-decoration:none;} span.tagcloud7{font-size:1.7em;padding:0em;z-index:3;position:relative} span.tagcloud7 a{text-decoration:none;} span.tagcloud8{font-size:1.8em;padding:0em;z-index:2;position:relative} span.tagcloud8 a{text-decoration:none;} span.tagcloud9{font-size:1.9em;padding:0em;z-index:1;position:relative} span.tagcloud9 a{text-decoration:none;} span.tagcloud10{font-size:2.0em;padding:0em;z-index:0;position:relative} span.tagcloud10 a{text-decoration:none;} span.freq{font-size:10pt !important;color:#bbb} #credit{text-align:center; font-size:0.7em; color:#333; margin-bottom:0.6em; font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;} #credit a:link{color:#777; text-decoration:none;} #credit a:hover{text-decoration:none; color:white; background-color:#05f;} }