/* screen.css */

/* ========================================================================== */
/* global defaults and master page layout */
/* ========================================================================== */

body
{
    background-color: #d1d0d0;
    background-image: url(../images/master/bodygradient.jpg);
    background-repeat: repeat-x;
    color: #666666;
    /*margin: 0 auto;*/
    /*position: relative;*/
    /*padding: 0;*/
    font-family: Arial, Sans-Serif;
    /*width: 940px;*/
    font-size: 12px;
    line-height: 16px;
}



.clear 
{
    clear: both;
}

p 
{
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 15px;
}

a, a:link { color:#327192; text-decoration: none; }
a:visited { color:#327192; text-decoration: none; }
a:hover { color: #327192; text-decoration: underline; }

#body-wrapper
{
    margin: 0 auto;
    position: relative;
    width: 940px;
}

#wrapper 
{
    width: 940px;
    background: transparent;
    position: relative;
    top: 20px;
    left: auto;
}

/* header */
#header 
{
    width: 960px;
    height: 110px;
    background-image: url(../images/master/headergradient.png);
    background-repeat: no-repeat;
    margin-left: -4px;
}

#logo 
{
    float: left;
    margin: 20px 0px 0px 40px;
}

#header li 
{
    float: left;
    list-style-type: none;
    color: #327192;
    padding: 15px 10px 15px 20px;
    font-weight: bold;
    font-size: 14px;
}

#header li a 
{
    color: #333333;
}


#header li.button a 
{
    padding-left: 3px;
    color: #327192;
}


#header #tertiarynav
{
    height: 50px;
    width: 240px;
    float: right;
}

#header #tertiarynav li 
{
    font-size: 11px;
    list-style-type: none;
    padding: 15px;
}

#header #tertiarynav li a.active
{
    color: #d3a22b;
}

#header #tertiarynav li.contact
{
    /* background-image: url(../images/master/bluepoints.png); - remove for now since About Us was moved down to primary nav */
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 5px;
}

#header #tertiarynav li.button
{
    background-image: url(../images/master/loginbutton.png);
    background-repeat: no-repeat;
    list-style-type: none;
    width: 120px;
}

#header #primarynav 
{
    float: right;
    height: 40px;
    width: 465px;
    margin: 10px 0px 0px 0px;
}

#header #primarynav li
{
    text-indent: -9999px;
    padding: 0px;
}

#header #primarynav li a:hover
{
    background-position:0 -40px !important;
}

#header #primarynav a
{
    background-position: 0 0px !important;
}

#header #primarynav li a.active
{
    background-position:0 -40px !important;
}

#header #primarynav ul li a
{
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#header #primarynav ul li a.whyexpresspoint
{
    background-image: url(../images/master/whyexpresspoint.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 141px;
    text-indent: -9999px;
}

#header #primarynav ul li a.results
{
    background-image: url(../images/master/results.jpg);
    background-repeat: no-repeat;
    width: 87px;
    text-indent: -9999px;
}

#header #primarynav ul li a.capabilities
{
    background-image: url(../images/master/capabilities.jpg);
    background-repeat: no-repeat;
    width: 113px;
    text-indent: -9999px;
}

#header #primarynav ul li a.about
{
    background-image: url(../images/master/aboutus.jpg);
    background-repeat: no-repeat;
    width: 120px;
    text-indent: -9999px;
}



/* -------------------------------------------------------------------------- */
/* page defaults */
/* -------------------------------------------------------------------------- */


/* Left Containr Properties */

#left-container
{
    width: 230px;
}    

/* secondary navigation */
#secondarynav 
{
    background-color: #f5f5f5;
    width: 220px;
    overflow: hidden;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    margin: 0px 0px 20px 0px;
}

#secondarynav li
{
    border-bottom: 1px solid #D1D0D0;
    padding: 7px 15px;
}

#secondarynav li a 
{
    color: #333333;
}

#secondarynav li.left-nav-item-selected a
{
    color: #d3a22b;
    font-weight: bold;
}

#secondarynav ul.left-nav-sub
{
    margin: 7px 0px -7px -15px;
    width: 220px;
}

#secondarynav ul.left-nav-sub a
{
    color: #333333;
    font-weight: normal;
}

#secondarynav li.left-nav-item-sub
{
    border-top: 1px solid #d1d0d0;
    border-bottom: 0px;
    color: #333333;
    padding: 7px 25px 7px;
}

#secondarynav li.left-nav-item-sub-selected
{
    border-top: 1px solid #d1d0d0;
    border-bottom: 0px;
    padding: 7px 25px 7px;
}

#secondarynav li.left-nav-item-sub-selected a
{
    color: #d3a22b;
    font-weight: bold;
}

#secondarynav li.last 
{
    border-bottom: 0px;
}

/* talk to us control */

#talktous 
{
    width: 240px;
    height: 200px;
    background-repeat: no-repeat;
    margin: 0px 0px 40px -10px;
    background-image: url(../images/TalkToUs/talktous.png);  
}

#talktous .inside
{
    padding: 35px 0px 0px 25px;
    width: 180px;
}

#talktous .inside p.title
{
    color: #d3a22b;
    font-weight: bold;
}

#talktous .inside p.text
{
    color: #333333;
    font-weight: normal;
    margin: 30px 0px 0px 0px;
}

#talktous .inside a
{
    text-decoration: underline;
    color: #333333;
}



/* Right Container Properties */

#right-container 
{
    width: 700px;
    float: right;
    margin: 0px 0px 20px 0px;
    text-align: left;
    position: relative;
}

#right-container p.overview
{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    padding: 15px 0px 0px 0px;
    margin-top: 10px;
    text-align: left;
}

#right-container p.subhead
{
    color:#333333;
    font-size:14px;
    font-weight:bold;
    padding: 15px 0px;
}

#right-container p.relatedresource 
{
    color: #333333;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}

#right-container .lead
{
    border-bottom:1px solid #D1D0D0;
    border-top:2px solid #666666;
    color:#D3A22B;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    padding: 15px 0;
    margin-bottom: 5px;
    text-align:left;
}

#right-container #lead
{
    border-bottom:1px solid #D1D0D0;
    border-top:2px solid #666666;
    color:#D3A22B;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    padding: 15px 0;
    margin-bottom: 5px;
    text-align:left;
}

/*
#right-container #lead p
{
    color:#333333;
    font-size:16px;
    font-weight:bold;
    width: 560px;
}
*/
#right-container .lead .page-lead-title
{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    width: 550px;
    margin: 0 0 15px 0;
    padding: 0;
}  

#right-container #lead .page-lead-title
{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    width: 550px;
    margin: 0 0 15px 0;
    padding: 0;
}  
#right-container .lead .page-lead,
#right-container .lead .page-lead p,
#right-container .lead .page-lead a
{
    color: #D3A22B;
    font-size: 14px;
    font-weight: bold;
    float: left;
    line-height: 19px;
    /*margin-top: 15px;*/
    padding: 0;
}

#right-container #lead .page-lead,
#right-container #lead .page-lead p,
#right-container #lead .page-lead a
{
    color: #D3A22B;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    /*margin-top: 15px;*/
    padding: 0;
}

#right-container .lead .page-lead a
{
    text-decoration: underline;
}

#right-container .lead img
{
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
}

/*
#right-container li
{
    color: #666666;
    list-style-type: none;
    background-image: url(../images/bluepoint.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left 7px;
    padding: 0px 0px 15px 20px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 18px;
}
*/

#right-container .wysiwyg li
{
    color: #666666;
    list-style-type: none;
    background-image: url(../images/bluepoint.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left 7px;
    padding: 0px 0px 5px 20px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 18px;
}

#right-container li p
{
    padding: 0px;
    color: #666666;
}

#content
{
    background-color: #fdfefe;
    padding: 20px;
    overflow: auto;
    width: 660px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#right-container .wysiwyg
{
    padding-top: 15px;
}

#right-container .wysiwyg table
{ border-collapse: separate }

#right-container .wysiwyg h2
{
    color:#333333;
    font-size:12px;
    font-weight:bold;
    padding: 15px 0px;
}

#right-container .wysiwyg ul
{
    margin-bottom: 0px;
}

#right-container .wysiwyg p.subhead
{
    padding: 0px;
}

#right-container li p.subhead
{
    padding: 0px;
}

img.anchor
{
    float: right;
    margin: 0 0 30px 30px;
    border: solid 1px #d1d0d0;
}

#right-container .wysiwyg hr
{
    /*border-right: medium none; border-width: 1px medium medium; border-style: solid none none; border-color: rgb(209, 208, 208) -moz-use-text-color -moz-use-text-color;*/
    border: none;
    border-top: 1px solid #D1D0D0;
}


/* blue header properties */
#right-container #heading 
{
    position: relative;
    background: #327192 url(../images/bluegradient_small.jpg) no-repeat;
    height: 74px;
    /* browser specific */
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.landing-page #right-container #heading,
.login-page #right-container #heading
{
    height: 161px;
    background-image: url(../images/bluegradient.jpg);
}

/*#right-container #heading.small
{
    height: 74px;
    background: #327192 url(../images/bluegradient_small.jpg) no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
   
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}*/

#right-container #titles
{
    /*float: left;
    display: inline;
    width: 500px;*/
    position: absolute;
    top: 25px;
    left: 20px;
    width: 500px;
}

.landing-page #right-container #titles,
.login-page #right-container #titles
{
    position: absolute;
    top: 25px;
    left: 30px;
    width: 500px;
}

/*
#right-container #heading h1
{
    font-size:26px;
    font-weight:normal;
    position: absolute;
    left: 30px;
    top: 25px;
}
*/

.content-page #heading h1,
.secondary-landing-page #heading h1,
.bio-listing-page #heading h1,
.bio-page #heading h1,
.contact-page #heading h1,
.suppliers-page #heading h1,
.login-page #heading h1,
.event-listing-page #heading h1,
.event-detail-page #heading h1
{
    font-size: 26px;
    line-height: 26px;
    font-weight: normal;
    color: #fff;
}

/*
#right-container #heading h2
{
    font-size:26px;
    font-weight:normal;
    position: absolute;
    left: 15px;
    top: 25px;
}
*/
/*
#right-container #heading #subtitle
{
    font-weight: normal;
    position: absolute;
    left: 32px;
    top: 65px;
}
*/

#right-container #breadcrumbs 
{
    text-transform: uppercase;
    font-weight: bold;
    color: #051c47;
    position: absolute;
    right: 20px;
    top: 75px;
}

#right-container #heading.small #breadcrumbs 
{
    text-transform: uppercase;
    font-weight: bold;
    color: #051c47;
    position: absolute;
    right: 20px;
    top: 35px;
}

#right-container #heading.small #breadcrumbs div
{
    text-transform: uppercase;
    font-weight: bold;
    color: #051c47;
}

#right-container ul
{
    margin-bottom: 15px;
}



/* Left Column properties */

#left-column 
{
    width: 420px;
    float: left;
    text-align: left;
    padding: 0px;
}



/* Right Column properties */

#right-column 
{
    width: 220px;
    background-color: #f6f6f6;
    float: right;
    text-align: left;
    line-height: 20px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

#right-column #right-links
{
    padding: 30px 20px 20px 20px;
}

#right-column #right-links h2 
{
    font-size: 12px;
    color: #333333;
}

#right-column #right-links a 
{
    font-weight: bold;
    font-size: 12px;
}

#right-column #right-links p 
{
    font-size: 12px;
}

#right-column #right-links p.bold
{
    font-weight: bold;
    padding: 0px;
}



/* -------------------------------------------------------------------------- */
/* Template: Bio Page (BioPage.aspx) */
/* -------------------------------------------------------------------------- */
#bio-page .contact-info { border-bottom: 1px solid #d1d0d0; padding-bottom: 20px; margin-bottom: 16px; }

#bio-page .contact-info .name { color: #333; font-size: 20px; font-weight: bold; line-height: 16px; }
#bio-page .contact-info .position { color: #333; margin-top: 9px; }
#bio-page .contact-info .email { margin-top: 15px; }
#bio-page .contact-info .phone { color: #333; margin-top: 5px; }
#bio-page .contact-info .social { margin-top: 11px; height: 20px; }

/*
#bio-page p.name 
{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: -10px;
}

#bio-page p.position
{
    color: #333333;
    line-height: 20px;
    padding: 0px;
}

#bio-page p.phone
{
    color: #333333;
    line-height: 20px;
    padding: 0px;
}

#bio-page p.email
{
    line-height: 20px;
    padding: 15px 0px 0px 0px;
}

#bio-page p.social
{
    font-size: 11px;
    margin-top: 5px;
}
*/
#bio-page #left-column a.linked { float: left; padding-right: 90px; } 
#bio-page #left-column img.linkedin
{
    float: left;
    padding: 1px 5px 0px 0px;
}

/*#bio-page #left-column img.share*/
#bio-page #left-column a.addthis_button
{
    float: left;
    text-align: left;
}

#bio-page .overview, #bio-page .overview p
{
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

#bio-page #right-column #overlay
{
    width: 220px;
    z-index: 1000;
    position: relative;
    top: -5px;
    background-repeat: no-repeat;
    background-image: url(../images/bios/bioimageoverlay.png);

}

#bio-page #right-column img.anchor
{
    position: relative;
    top: -25px;
    left: 0px;
    width: 218px;
    margin: 0px;
}

#bio-page #right-column #right-links
{
    padding: 0px 20px;
    /*position: relative;*/
}

#bio-page #right-column #right-links li { margin-bottom: 10px; }

/* -------------------------------------------------------------------------- */
/* Template: Bio Listing Page (BioListingPage.aspx) */
/* -------------------------------------------------------------------------- */

#bio-listing-page #biowrapper
{
    width: 660px;
}

#bio-listing-page .bio
{
    width: 310px;
    border-bottom: 1px solid #D1d0d0;
    padding: 25px 0px;
}

#bio-listing-page .bio.right
{
    float: right;
    margin: 0px 0px 0px 40px;
}

#bio-listing-page .bio.left
{
    float: left;
}

#bio-listing-page .bio img 
{
    float: left;
    border: 1px solid #D1D0D0;
    margin: 0px 15px;
}

#bio-listing-page .bio a 
{
   font-weight: bold;
   font-size: 14px;
   line-height: 25px;
}

#bio-listing-page .bio p 
{
   padding: 0px;
}

#bio-listing-page .bio.last
{
    border-bottom: 0px;
}



/* -------------------------------------------------------------------------- */
/* Template: Contact Page (ContactUsPage.aspx) */
/* -------------------------------------------------------------------------- */
#contact-page #right-container #left-column ul
{
    padding-bottom: 10px;
}

#contact-page #right-container li
{
    padding: 6px 0px;
    margin: 0px -5px;
    list-style-type: none;
    background-image: none;
}

#contact-page #right-container #right-column li
{
    border-bottom: 1px solid #d1d0d0;
    padding: 20px 0px;
    margin: 0px;
}

#contact-page #right-container #right-column li.last
{
    border-bottom: 0px;
}

#contact-page .test img 
{
    margin-right: 5px;
    position: relative;
    top: 3px;
}

#contact-page .field 
{
    padding: 10px 0px;
    width: 290px;
}

.suppliers-page .field 
{
    padding: 10px 0px;
    width: 250px;
}
.suppliers-page .contactbutton { width: 63px; }
.suppliers-page .field input { float: right; }
.suppliers-page .field label { width: 120px; }
.suppliers-page textarea { width: 250px; }
#contact-page .field label
{
    float: left;
    width: 70px;
    margin-top: 3px;
    padding-bottom: 10px;
}

#contact-page .field input
{
    border-width: 1px;
    border-color: #666666 #D1d0d0 #d1d0d0 #666666;
    border-style: solid;
    margin-left: 5px;
    width: 205px;
}

#contact-page .comments
{
    width: 355px;
    text-align: left;
    padding: 10px 0px 0px 0px;
}

#contact-page .textarea
{
    width: 350px;
    height: 155px;
    display: block;
    margin: 15px 0px;
    border-width: 1px;
    border-color: #666666 #D1d0d0 #d1d0d0 #666666;
    border-style: solid;
}

#contact-page .contactbutton
{
    text-align: center;
    padding: 10px 0px;
    width: 340px;
}

#contact-page input.contactbutton
{
    background-image: url(../images/contactus/contactbutton.jpg);
    width: 135px;
    height: 31px;
    text-transform: uppercase;
    color: #327192;
    font-size: 10px;
    padding: 2px 20px 5px 0px;
    border: 0px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
}

#contact-page #right-column #right-links
{
    padding-top: 20px;
}

#contact-page #right-column #right-links a
{
    font-weight: normal;
}

#contact-page #right-column #right-links a.learnmore
{
    font-weight: bold;
}

#contact-page #right-column #right-links h2
{
    font-size: 14px;
}

#contact-page #right-column #right-links p
{
    color: #333333;
}

#contact-page .required
{
    color: red;
    display: inline;
    margin-left: 5px;
}

.contact-page .contact-location .title,
.contact-page .contact-location .title a
{
    font-weight: bold !important;
}

#content-page a.addthis_button
{
    float: right;
    width: 83px;
    margin-left: 15px;
}

a.addthis_button
{
    float: right;
    width: 83px;
    margin-left: 15px;
}

#bio-page a.addthis_button { margin-left: 0px; }
    

/* -------------------------------------------------------------------------- */
/* Template: Event Detal (EventDetailPage.aspx) */
/* -------------------------------------------------------------------------- */
#event-detail-page p.eventname 
{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    margin-bottom: -10px;
}

#event-detail-page p.info
{
    font-size: 14px;
    color: #333333;
    padding: 2px 0px;
}

#event-detail-page p.subhead
{
    padding: 0px;
}

#event-detail-page .italic
{
    font-style: italic;
}

#event-detail-page #right-column img.anchor
{
    width: 218px;
}



/* -------------------------------------------------------------------------- */
/* Template: Event Listing (EventListingPage.aspx) */
/* -------------------------------------------------------------------------- */
#event-listing-page #right-container li 
{
    border-bottom: 1px solid #d1d0d0;
    padding: 15px 30px;
    line-height: 20px;
    margin: 5px 0px;
    background-image: url(../images/yellowpoint.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    list-style-type: none;
}

#event-listing-page #right-container li p.subhead
{
    padding: 0px;
}

#event-listing-page #right-container li.last 
{
    border-bottom: 0px;
}


/* -------------------------------------------------------------------------- */
/* Template: Home Page (HomePage.aspx) */
/* -------------------------------------------------------------------------- */
.home-page #homepage-feature 
{
    margin: 20px 0px;
}

.home-page #boxes 
{
   width: 940px;
   height: 200px;
   background-image: url(../images/master/homepagecontentbackground.jpg);
   background-repeat: repeat-x;
   border: 1px solid #b5b5b5;
   border-top: 3px solid #eebe46;
   background-color: #EBEAE8;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    overflow: visible;
   
}

.home-page #teaser
{
    width: 400px;
    padding: 30px 40px;
    font-size: 16px;
    line-height: 25px;
    float: left;
}

/*.home-page .featured*/
.featured
{
   width: 200px;
   overflow: visible;
   height: 150px;
   margin: 20px 25px 0 0;
   border: 1px solid #b5b5b5;
   background-color: #ffffff;
   float: right;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.home-page .featured .featured-title
{
    text-transform: uppercase;
    padding: 5px 15px;
    color: #051c47;
    border-bottom: 1px solid #b5b5b5;
}

.home-page .featured .featured-body
{
    height: 100px;
    padding: 10px 15px;
}

.home-page .featured .featured-body li
{
    background-image: url(../images/master/trianglelist.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 15px;
    margin: 0px;
}

.home-page #featured a
{
    color: #327192;
}

.home-page #featured ul
{
    list-style-type: disc;
    list-style-position: inside;
    color: #d3a22b;
}


/* -------------------------------------------------------------------------- */
/* Template: Landing Page (LandingPage.aspx) */
/* -------------------------------------------------------------------------- */
.landing-page #heading h1
{
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #000;
    /*margin: 25px 0 0 30px;*/
    width: 400px;
}

.landing-page #heading #subtitle p
{
    font-size: 19px;
    line-height: 22px;
    font-weight: normal;
    color: #cde2f0;
    /*margin: 15px 0 0 30px;*/
    margin: 15px 0 0 0;
}

#landing-page #right-container ul.pages a
{
    font-weight: bold;
}

#landing-page #right-container li 
{
    border-bottom: 1px solid #d1d0d0;
    padding: 15px 30px;
    line-height: 20px;
    margin: 5px 0px;
    background-image: url(../images/yellowpoint.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

#landing-page #right-container li p.subhead
{
    padding: 0px;
}

#landing-page #right-container li.last 
{
    border-bottom: 0px;
}

#landing-page h2.detail
{
    padding: 0px;
}

/* -------------------------------------------------------------------------- */
/* Template: Secondary Landing Page (SecondaryLandingPage.aspx) */
/* -------------------------------------------------------------------------- */
.secondary-landing-page .heading 
{
    background-color: #327192;
    background-image: url(../images/bluegradient.jpg);
    height: 80px;
    text-align: left;
}


.secondary-landing-page ul.pages
{
    border-top: 1px solid #d1d0d0;
    margin: 15px 0 0 0;
}

.secondary-landing-page ul.pages li 
{
    border-bottom: 1px solid #d1d0d0;
    padding: 15px 30px;
    line-height: 20px;
    margin: 5px 0px;
    background-image: url(../images/yellowpoint.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}


/* -------------------------------------------------------------------------- */
/* Template: ExpressNet Login Page (ExpressNetLoginPage.aspx) */
/* -------------------------------------------------------------------------- */
.login-page #heading #subtitle p
{
    font-size: 19px;
    line-height: 22px;
    font-weight: normal;
    color: #cde2f0;
    margin: 15px 0 0 0;
}

#login-page #body 
{
    padding: 50px 20px 50px 50px;
    height: 150px;
}

#login-page .login-form 
{
    border: 1px solid #333333;
    width: 290px;
    overflow: auto;
    padding: 20px 5px;
    margin: 0 auto;
    float: left;
    text-align: center;
}

#login-page .login-form p
{
    padding: 0px;
}

#login-page label
{
    display: inline;
    margin: 0px 10px 10px 10px;
    width: 70px;
}

#login-page .field 
{
    width: 270px;
}


#login-page .login-form .field input 
{
    border: 1px solid #666666;
    width: 150px;
    height: 15px;
    margin: 0px;
    display: inline;

}

#login-page .login-form input.btn 
{
    background-image: url(../images/loginpage/expressnetbutton.jpg);
    background-repeat: no-repeat;
    width: 174px;
    border: 0px;
    height: 35px;
}

#login-page #right-column 
{
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
    width: 260px;
}

#login-page #right-column #right-links
{
    padding: 0px;
}

#login-page input.btn 
{
    background-color: #d1d0d0;
    color: #333333;
    border: 1px solid #333333;
    height: 20px;
    font-family: Arial;
    vertical-align: middle;
    font-size: 12px;
    width: 210px;
    text-transform: uppercase;
}




/* ========================================================================== */
/* Footer */
/* ========================================================================== */

#footer 
{
    border-top: 1px solid #a9a9a9;
    color: #747272;
    font-size: 11px;
    padding: 10px 0px;
    margin: 20px 0px;
}

#footer a 
{
    color: #747272;
}

#footer p
{
    display: inline;
    padding: 0px 15px;
    font-size: 11px;
    color: #747272;
}

.footer-left 
{
    float: left;
}

.footer-right
{
    float: right;
}




/* IMAGE GALLERY */
.image-gallery { width: 255px; position: relative; height: 217px; float: right; margin: 0px 20px; }
.image-gallery .thumbnail { width: 255px; height: 130px; }
.image-gallery .text { padding: 10px 15px; height: 87px; background-image: url(../images/gallery/bg.jpg); background-repeat: repeat-x; }
.image-gallery .text .viewphotos { margin-left: 3px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #333; }
.image-gallery a { position: absolute; right: 10px; bottom: 10px; margin: -20px 0px 0px 0px; }

div#pageOverlay
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

#imageGallery
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2001;
    width: 100%;
    height: 100%;
    /*filter: alpha(opacity=0);*/
    /*opacity: 0.0;*/
}

#imageGalleryTrigger
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2002;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

div#imageGalleryContainer
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2003;
    width: 950px;
    height: 670px;
    margin-top: 100px;
    /*border: 1px solid #f00;*/
}

div#imageGalleryContainer p
{
    margin: 50px;
    padding: 20px;
    background-color: #fff;
}

/* EOF */