html
{
height:100%;
}
body
{
font-size:11px;
background-image:url(../images/black-stripe.gif);
background-repeat:repeat;
background-color: 0a1531;
font-family:Arial, Helvetica, sans-serif;
height:100%;
}
#page
{
position: relative;
clear: left;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 930px;
margin-top: 0px;
}
#header
{
height:205px;
z-index:10;
}
#logo
{
background-image:url(../images/logo.png);
height: 144px;
width: 250px;
text-indent: -999em;
background-repeat:no-repeat;
background-position:center bottom;
position: relative;
top: 0px;
right: 0px;
}
#logo2
{
background-image:url(../images/logo.png);
height: 144px;
width: 250px;
text-indent: -999em;
background-repeat:no-repeat;
background-position:center bottom;
position: relative;
top: 0px;
right: 359px;
}
#head-left
{
height: 144px;
width: 200px;
position: absolute;
top: 50px;
right: 25px;
}
#head-left ul {padding-left:5px; margin:0; list-style:none;}
#head-left ul li{float:left; position:relative; padding-top:1px;}
#head-left ul li a {
padding:6px;
display:block;
text-decoration:none;
}
img
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: #2A397C;
border-right-color: #2A397C;
border-bottom-color: #2A397C;
border-left-color: #2A397C;
}
/* Navigation Style */
.dropdown {
font-family: arial, sans-serif;
width:100%;
height:52px;
font-size:14px;
color:#ffffff;
background:url(../images/menubackground.jpg);
background-repeat:repeat-x
position: relative;
}
/* Basic List Styling (First/Base Level) */
.dropdown ul {padding:0; margin:0; list-style: none;}
.dropdown ul li {float:left; position:relative;}
.dropdown ul li a { border-right:1px solid #6666FF; padding-left: 15px; padding-right:15px; padding-top:0px; padding-bottom:0px; display:block; text-decoration:none;}
.dropdown ul li a:hover {
}
/* Second Level Drop Down Menu */
.dropdown ul li ul {display: none; z-index:1;}
.dropdown ul li:hover ul { font-size:13px; display:block; position:absolute; top:51px; min-width:190px; left:0; z-index:1;}
.dropdown ul li:hover ul li a {display:block; background:#003399; color:#ffffff; width:110px; padding-top:7px; padding-bottom:8px; border:0px; z-index:1;}
.dropdown ul li:hover ul li a:hover {background:#ff3333; color:#ffffff; z-index:1;}
/* Third Level Drop Down Menu */
.dropdown ul li:hover ul li ul {display: none;}
.dropdown ul li:hover ul li:hover ul { display:block; position:absolute; left:145px; top:0; }
#viewer
{
position:relative;
/*#background-image: url(../images/slide-bk.png);*/
background-repeat: no-repeat;
background-position: center;
width: 930px;
padding-top:3px;
z-index:-1;
background-color: #CCCCCC;
}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow
{
width: 930px;
margin: auto;
z-index:-1;
}
#slideshow ul
{
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
z-index:-1;
}
#slideshow ul:after
{
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
z-index:-1;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides
{
overflow: hidden;
width: 930px;
margin: auto;
top: -12px;
position: relative;
z-index:-1;
}
#slideshow .slides ul
{
/* total width of all slides -
px multiplied by 3 in this case */
width: 1879px;
}
#slideshow .slides li
{
width: 930px;
float: left;
height: 341px;
z-index:-1;
}
#content
{
width:930px;
position:relative;
height: 500px;
background-color: #CCCCCC;
margin-top: -8px;
}
#contentqrcode
{
width:930px;
position:relative;
height: 580px;
background-color: #CCCCCC;
margin-top: -8px;
}
#contentAbout
{
width:930px;
position:relative;
height: 409px;
background-color: #CCCCCC;
margin-top: -8px;
}
#contentMember
{
width:930px;
position:relative;
height: 575px;
background-color: #CCCCCC;
margin-top: -8px;
}
#contentBenefit
{
width: 930px;
position: relative;
height: 100%;
background-color: #CCCCCC;
margin-top: -8px;
}
#contentEmail
{
width:930px;
position:relative;
height: 645px;
background-color: #CCCCCC;
margin-top: -8px;
}
#sidebar
{
width:275px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0F3450;
margin-left: 585px;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 110px;
padding-left: 15px;
text-align: center;
background-color: #e6e6e6;
}
#index
{
width:490px;
position: absolute;
top: 0px;
left: 26px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #123B56;
padding: 10px;
background-color: #CCCCCC;
text-align: left;
line-height: 19px;
}
#member_side
{
width:inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
position: absolute;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 25px;
}
#member_benefits_side
{
width: inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
position: absolute;
left: 588px;
top: 13px;
}
#members1
{
width:930px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
position: relative;
left: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
}
#about_side
{
width:inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 0px;
position: absolute;
}
#member_email
{
width:480px;
position: relative;
top: 0px;
left: 420px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #123B56;
padding: 10px;
}
#member_benefits
{
width:540px;
position: relative;
top: 0px;
left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #123B56;
line-height: 20px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 35px;
}
#members2
{
width:500px;
position: relative;
top: 0px;
left: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #123B56;
padding: 0px;
line-height: 23px;
padding-top: 0px;
text-align: left;
}
#members3
{
width:270px;
position: absolute;
top: 260px;
left: 603px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
line-height: 40px;
padding-top: 0px;
padding-left: 0px;
}
#members3 ul
{
list-style:none;
}
#members3 ul li
{
padding-bottom: 11px;
}
#member_benefits ul
{
list-style:none;
}
#member_benefits ul li
{
list-style:none;
padding-bottom:8px;
margin-left: -37px;
}
#about
{
width:550px;
position: relative;
top: 0px;
left: 315px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #123B56;
padding: 10px;
}
#galmail
{
margin-top: 10px;
position: relative;
margin-bottom: 0px;
}
.email_gallery
{
width:930px;
position: relative;
top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
}
.email_gallery ul {padding:0; margin:0; list-style: none;}
.email_gallery ul li {
float:left;
position:relative;
padding: 10px;
}
#contact_form
{
width:555px;
position: absolute;
top: 0px;
left: 340px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #123B56;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#contact_side
{
width:inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #123B56;
position: relative;
height: 360px;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 26px;
font-weight: bold;
}
.style1
{
color:#3366CC;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
font-size:18px;
}
.style2
{
color:#3366CC;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:18px;
}
.style3
{
color:#3366CC;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
.nupdates
{
position: absolute;
top: 4px;
left: -26px;
background-image: url(../images/headerImage.png);
background-repeat: no-repeat;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 37px;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
width: 550px;
}
.nupdates2
{
position: absolute;
top: 2px;
left: -40px;
background-image: url(../images/headerImage.png);
background-repeat: no-repeat;
padding-top: 12px;
padding-right: 210px;
padding-bottom: 20px;
padding-left: 37px;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
width: 550px;
}
.nupdates3
{
position: absolute;
top: 13px;
left: 0px;
background-image: url(../images/headerImage.png);
background-repeat: no-repeat;
padding-top: 12px;
padding-right: 210px;
padding-bottom: 20px;
padding-left: 37px;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
width: 550px;
letter-spacing: 0em;
}
.link
{
color:#ED2024;
text-decoration:underline;
}
#footer
{
position: relative; /* negative value of footer height */
height: 65px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
clear:both;
overflow: visible;
width: 100%;
padding-right: 10px;
margin-top: 0px;
}
#footer1
{
width:930px;
position: relative;
top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
vertical-align: middle;
left: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: right;
}
#footer2
{
width:315px;
position: absolute;
top: 0px;
left: -11px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 10px;
margin-top: 28px;
text-align: left;
}
#footer3a
{
width:254px;
position: absolute;
top: 0px;
left: 684px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
margin-top: 25px;
text-align: right;
}
#footer3 ul {padding-left:5px; margin:0; list-style:none;}
#footer3 ul li{
float:right;
position:relative;
}
#footer3 ul li a {
padding:6px;
display:block;
text-decoration:none;
}
li.contact
{
padding-top:5px;
width: 260px;
float: left;
}
li.contact2
{
padding-top:5px;
width: 550px;
float: left;
}
li.contact3
{
padding-top:5px;
width: 100px;
float: left;
margin-left: 80px;
}
label
{
width:60px;
padding-right: 20px;
display: inline;
float: left;
}
textarea
{
width:410px;
}
#page #content #index #headerText {
z-index: 509;
padding-top: 20px;
}
#page #contentMember #members2 a {
color: #ED2024;
}
#page #contentMember #members3 ul li a #button {
padding-bottom: 10px;
}
#page #contentEmail #galmail .email_gallery center table tr td #email {
border: thin solid #354590;
}
#page #footer #footer1 #footerText {
text-align: center;
}
#page #footer #footer1 #footerText center a {
color: #FFF;
}
#page #content #sidebar p a {
color: #F00;
text-decoration: none;
}
#sidebar p a:link {
color: #F00;
text-decoration: none;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
h1.fontface {
letter-spacing: 0;
font-family: 'BebasNeueRegular', Arial, sans-serif;
font-size: 36px;
line-height: 42px;
color: #ED2024;
margin-top: 10px;
margin-bottom: -2px;
}