/* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~ *~*~ */ /* ~*~*~ GRAY - #717073 *~*~ */ /* ~*~*~ BLUE - #54BCEB *~*~ */ /* ~*~*~ RED - #F15D22 *~*~ */ /* ~*~*~ DK. GRAY - #4B4A4D *~*~ */ /* ~*~*~ LT. GRAY - #E3E2E3 *~*~ */ /* ~*~*~ LT. BLUE - #DDF2FB *~*~ */ /* ~*~*~ LT. ORNG - #FCDFD3 *~*~ */ /* ~*~*~ *~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ body.main { background:url("img/bg_orangeCurve.gif"); margin: 0px 0px 0px 0px; } body.support { background-color: #000000; margin: 0px 0px 0px 0px; } td { font: normal 11px arial,sans-serif; } img { margin: 0px; border: 0px; padding: 0px; hspace: 0px; vspace: 0px; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~* TEXT *~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ p.footer { text-align: center; color: #000000; font-family: arial,verdana,helvetica,sans-serif; font-size: 11px; line-height: 14px; margin-top: 2px; margin-bottom: 4px; padding: 5px; } p.footer a { color:#000000; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; line-height: 14px; text-decoration: underline;} a.footerNav:hover { text-decoration: none; background: #E3E2E3; } p.footer_w { text-align: center; color: #ffffff; font-family: arial,verdana,helvetica,sans-serif; font-size: 11px; line-height: 14px; margin-top: 2px; margin-bottom: 4px; padding: 5px; } p.footer_w a { color:#ffffff; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; line-height: 14px; text-decoration: underline;} .dkGray_10 { color:#4B4A4D; font-family:arial,verdana,helvetica,sans-serif; font-size:10px; line-height: 11px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px;} .dkGray_11 { color: #4B4A4D; font-family: arial,verdana,helvetica,sans-serif; font-size: 11px; line-height: 11px; margin-left: 10px; margin-top:3px; } .dkGray_12 { color: #4B4A4D; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; line-height: 13px; margin-left: 10px; margin-right: 10px; margin-top:3px; } .dkGray_12_b { color: #4B4A4D; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 13px; margin-left: 10px; margin-right: 10px; margin-top:3px; } .g_18_bold { color: #4B4A4D; font-family: arial,verdana,helvetica,sans-serif; font-weight: bold; font-size: 18px; line-height: 18px; margin-left: 10px; margin-top:3px; } .w_10 { color:#FFFFFF; font-family:arial,verdana,helvetica,sans-serif; font-size:10px; line-height: 11px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px;} .w_11 { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 11px; line-height: 11px; margin-left: 10px; margin-top:3px; } .w_12 { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; line-height: 13px; margin-left: 10px; margin-top:3px; } .w_12_q { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; line-height: 13px; margin-left: 10px; margin-top:3px; } .w_12_b { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 13px; margin-left: 10px; margin-top:3px; } .w_14_b { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-weight: bold; font-size: 14px; line-height: 14px; margin-left: 10px; margin-top:3px; } .w_18_bold { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-weight: bold; font-size: 18px; line-height: 18px; margin-left: 10px; margin-top:3px; } .dkGray_12 a { color: #4B4A4D; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; text-decoration: underline; line-height: 13px; margin-top:3px; } .dkGray_12 a:hover { text-decoration: none; } .w_11 a { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; text-decoration: underline; line-height: 13px; margin-top:3px; } .w_11 a:hover { text-decoration: none; } .w_12 a { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; text-decoration: underline; line-height: 13px; margin-top:3px; } .w_12 a:hover { text-decoration: none; } .w_12_b a { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; text-decoration: underline; line-height: 12px; margin-top:3px; } .w_12_b a:hover { text-decoration: none; } .w_12_q a { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; text-decoration: none; line-height: 13px; margin-top:3px; } .w_12_q a:hover { text-decoration: underline; } .w_14_b a { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 14px; text-decoration: underline; line-height: 12px; margin-top:3px; } .w_14_b a:hover { text-decoration: none; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~* LISTS *~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ ul.mainNav { list-style-type: none; background: #000000; margin: 0px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; padding-top: 10px; float: left; align: right; } ul.mainNav li { float: left; } ul.mainNav li a { display: block; color:#FFFFFF; background-color:#000000; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; font-weight: bold; line-height: 12px; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 20px; border: 1px dotted #000000; text-decoration: none; margin: 0px; } ul.mainNav li a:hover { color: #FFFFFF; background-color:#717073; border: 1px dotted #000000; text-decoration: none; } ul.mainNav li bottom { background:url("img/star_line.gif"); } ul.supportNav { list-style-type: none; background: #000000; margin: 0px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; padding-top: 15px; float: left; align: right; } ul.supportNav li { float: left; } ul.supportNav li a { display: block; color: #E3E2E3; background-color:#717073; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; font-weight: bold; line-height: 12px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; border: 0px; text-decoration: none; margin: 1px; } ul.supportNav li a:hover { color:#4b4a4d; background-color:#E3E2E3; border: 0px; text-decoration: none; } .w_12 ul { list-style-type: bullet; margin: 15px 100px 30px 40px; padding: 1px; } .w_12 li { color:#FFFFFF; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; line-height: 12px; } .g_12 ul { list-style-type: bullet; margin: 15px 100px 10px 10px; padding: 1px; } .g_12 li { color:#4b4a4d; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; line-height: 12px; } .w_12_o ol { margin: 15px 100px 10px 10px; padding: 1px; } .w_12_o li { color:#FFFFF; font-family:arial,verdana,helvetica,sans-serif; font-size:11px; line-height: 12px; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~* IMAGES ~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ img.logo { margin-top: 25px; } img.preview { margin: 5px 5px 5px 5px; padding: 3px; border: 1px solid #f3f3f3; float: left; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~ DIVS *~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ div.text { padding:10px; margin: 15px 100px 10px 10px; width: 525px; } div.maintext { padding:10px; margin: 15px 100px 10px 10px; width: 700px; border-bottom: 1px dotted #F15D22; } div.listdiv { padding:10px; margin: 15px 100px 10px 10px; width: 525px; background-color: #0f0f0f; border-bottom: 1px dotted #FFFFFF; height: 120; } div.questdiv { padding:3px; margin: 5px; width: 550px; background-color: #0f0f0f; } div.questdiv_black { padding:3px; margin: 5px; width: 525px; background-color: #000000; } div.announce { padding:3px; margin: 15px; background-color: #F15D22; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~ FORM *~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ form { margin-left: 60px; } p.form { color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; line-height: 13px; margin-left: 10px; margin-top:3px; } input, textarea { border: 1px solid #E3E2E3; background-color: #717073; } input.email { border: 1px solid #E3E2E3; background-color: #F15D22; color: #FFFFFF; margin-left: 190px; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~ LIGHTBOX *~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ #lightbox-1{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(img/overlay.png); } * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(img/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale"); } /*--------------------------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(img//nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */ /* ~*~*~ *~*~ */ /* ~*~*~ GRAY - #717073 *~*~ */ /* ~*~*~ BLUE - #54BCEB *~*~ */ /* ~*~*~ RED - #F15D22 *~*~ */ /* ~*~*~ DK. GRAY - #4B4A4D *~*~ */ /* ~*~*~ LT. GRAY - #E3E2E3 *~*~ */ /* ~*~*~ LT. BLUE - #DDF2FB *~*~ */ /* ~*~*~ LT. ORNG - #FCDFD3 *~*~ */ /* ~*~*~ *~*~ */ /* ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~ */