/* TABLE OF CONTENTS
------------------------------------------------------------------------------

1. Base tags
2. Containers
3. Graphics & photos
4. Buttons
5. Typography
6. Lists
7. Links
8. Inputs
9. Tables


/* 1. Base tags
------------------------------------------------------------------------------*/

body {
    font: 12px "Lucida", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
    color: #686868;
    line-height: 19px;
    margin: 0px;
    padding: 0px;
    background-color: #f3f3f3;
}

img {
    border: 0;
    display: block;
}

input {
    font: 11.9px "Lucida",  "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
    color: #686868;
}

.clearfix:after {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

form {
    margin: 0;
}


/* 2. Containers
------------------------------------------------------------------------------*/

div#topContainer {

    background: url(/images/backgrounds/topBar.gif) repeat-x;
    width: 100%;
    padding-bottom: 18px;
}

div#container {
    position: relative;
    width: 927px;
    margin: 0px auto 0px auto;

}
div#login {
    width: 316px;
    height: 40px;
    background: url(/images/backgrounds/loginBox.gif) no-repeat;
    float: right;

}

div#logo {
    position: relative;
    top: 6px;
    margin-right: 12px;
    width: 293px;
    height: 90px;
    float: right;
    clear: right;

}
div#siteSponsor {
    position: relative;
    width: 468px;
    height: 60px;
    float: left;
    margin-left: 20px;

}

div#cloudNav {
    position:relative;
    width: 610px;
    height: 108px;
    float: left;
    background: url(/images/backgrounds/cloudEmptyFullWidth.jpg) no-repeat;
}

div#rightBar {
    position:relative;
    width: 317px;
    float: right;
    background: url(/images/backgrounds/rightBarTop_home.gif) no-repeat;
}
div#rightBarContent {
    position:relative;
    left: 10px;
    width: 251px;
    background: url(/images/backgrounds/rightBarContent.gif) repeat-x;
    background-color: #e3e3e3;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    padding: 0;
    margin: 0;

    padding-left: 22px;
    padding-right: 22px;
    padding-top: 15px;

}

div#rightBarSubBoxTop {
    position: relative;
    width: 255px;
    height: 24px;
    background: url(/images/backgrounds/rightBarSubBoxTop.gif) no-repeat;
}

div#rightBarSubBoxContent {
    width: 253px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;

}

div#rightBarSubBoxBottom {
    position: relative;
    width: 255px;
    background: url(/images/backgrounds/rightBarSubBoxBottom.gif) no-repeat bottom left;
}

div#rightBarSubBoxBottom P{
    vertical-align:middle;
    margin-top:0!important;
    display:block;
    }
    
div#content {
    position: relative;
    clear: left;
    float: left;
    width: 580px;
    margin-left: 20px;
    padding: 0px;
}
div.bodyImage
{
    position: relative;
    float: right;
    padding: 1px;
    background-color: #d7d7d7;
    margin: 5px 0 5px 21px;
}

div.columns {
    width: 250px;
    float: left;
    margin: 0;
}
div.two {
    border-left: 1px dotted #dfdfdf;
    border-right: 1px dotted #dfdfdf;
    padding-left: 30px;
    margin-right: 30px;
    padding-right: 30px;
    margin-left: 30px;
}
div#footerLine {
    position: relative;
    clear: both;
    width: 897px;
    height: 53px;
    margin-left: 20px;
    top: 25px;
    margin-bottom: 5px;
    background-color: #fff;
}

div#footer {
    position: relative;
    width: 100%;
    height: 35px;
    background:url(/images/backgrounds/footer.gif) repeat-x;

}

/* 3. Graphics & photos
------------------------------------------------------------------------------*/

div#rightBar img#rightBarBottom {
    margin-top: 3px;
    margin-bottom: -3px;
    margin-left: -23px;
    padding-left: 0px;
}

h3 img {
    display: inline;
}

img#footSiteSponsor {
    position: relative;
    width: 311px;
    height: 77px;
    margin: 10px auto 21px auto;
}

div.bodyImage img {
    background-color: #fff;
    padding: 1px;
}


/* 4. Buttons
------------------------------------------------------------------------------*/

img.moreButton {
    position: relative;
    width: 62px;
    height: 22px;
    margin: 0;
    margin-bottom: 12px;
    margin-top: 4px;
    padding: 0;
    left: 190px;
    background: url(/images/buttons/moreButton.gif) no-repeat;
    border: 0px;
}
img.moreButton:hover {
    background-position: 0 -22px;
}



/* 5. Typography
------------------------------------------------------------------------------*/
div#login p{
    margin-top: 10px;
    color: #fff;
    font: 9.2pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    text-align: center;
}
div#login p#loginfail {
    margin-top: 5px;
    font-size: 7.0pt;
}
div#rightBar h1 {
    font: bold 8.1pt helvetica,"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    color: #000;
    text-align: center;
    margin: 0;
    margin-top: 8px;
    padding: 0;
    height: 23px;
}
div#rightBarContent h2{
    margin: 0;
    padding-top: 2px;
    font: bold 14pt Helvetica , "Trebuchet MS", arial, sans-serif ;
    color: #333;
    float: left;
}
div#rightBarContent h3{
    margin-top: 0;
    padding-top: 0px;
    color: #646464;
    font: bold 10pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    float: right;

}
div#rightBarContent h4{
    margin-top: 0;
    margin-bottom: 4px;
    color: #ca0002;
    font: bold 9.1pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    clear: both;
}
div#rightBarContent p{
    margin-top: 0;
    color: #646464;
    font: 9.2pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    margin-bottom: 0;
    padding: 0;
    line-height: 130%;
}

div#rightBarContent hr {
    clear: both;
    border: none;
    border-top: 1px dotted #b7b7b7;/*the border*/
    height: 1px;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
}
div#rightBarSubBoxTop h1 {
    padding-top: 6px;
}
div#rightBarSubBoxBottom p {
    padding-top: 5px;
    font-size: 8pt;
    text-align: center;
}

div#content h1 {
    font: bold 16pt helvetica, "Lucida",  "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    color: #004276;
    margin-top: 24px;
    margin-bottom: 0px;
    padding: 0px;
}

div#content h2 {

    font-size: 16px;
    color: #333;
    font-weight: bold;
}

div#content h3 {
    font-size: 16px;
    color: #CE1113;
    font-weight: bold;
}

div#content hr {
    border: none;
    border-top: 1px solid #d8d8d8;/*the border*/
    height: 1px;
    margin: 8px 0 21px 0;
    padding: 0;
}

div#content li {
    line-height: 19px;
    margin: 0px;
    padding: 0px;
    margin-left: -22px;
    margin-bottom:13px;
}

div#content div.bodyImage p {

    color: #858585;
    font: 8.2pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    text-align: center;
    margin: 0px;
    margin-top: 1px;
    padding: 8px 3px 8px 3px;
}

div#content p.disclaim {
    color: #858585;
    font: 8.2pt "Lucida", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
}

/* 6. Lists
------------------------------------------------------------------------------*/

ul#nav {
    position: relative;
    left: 16px;
    width: 476px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    clear: both;
}
ul#nav li {
    float: left;
    height: 26px;
}



li#home{
    background: url(/images/buttons/home.gif) no-repeat;
    width: 63px; height: 26px;
    padding-left: 3px;

}
li#homeSelected{
    background: url(/images/buttons/home_on.gif) no-repeat;
    width: 70px;
    height: 26px;
    margin-left: -3px;
}

li#aboutUs{
    background: url(/images/buttons/aboutUs.gif) no-repeat;
    width: 80px; height: 26px;
    padding-left: 3px;
}
li#aboutUsSelected {
    background: url(/images/buttons/aboutUs_on.gif) no-repeat;
    width: 90px; height: 26px;
    margin-left: -3px;
}

li#events{
    background: url(/images/buttons/events.gif) no-repeat;
    width: 64px; height: 26px;
    padding-left: 3px;
}
li#eventsSelected {
    background: url(/images/buttons/events_on.gif) no-repeat;
    width: 76px; height: 26px;
    margin-left: -3px;
}

li#whatWeOffer{
    background: url(/images/buttons/whatWeOffer.gif) no-repeat;
    width: 109px; height: 26px;
    padding-left: 3px;
}

li#whatWeOfferSelected {
    background: url(/images/buttons/whatWeOffer_on.gif) no-repeat;
    width: 121px; height: 26px;
    margin-left: -3px;
}

li#policy{
    background: url(/images/buttons/policy.gif) no-repeat;
    width: 61px; height: 26px;
    padding-left: 3px;
}

li#policySelected{
    background: url(/images/buttons/policy_on.gif) no-repeat;
    width: 72px; height: 26px;
    margin-left: -3px;
}

li#joinUs{
    background: url(/images/buttons/joinUs.gif) no-repeat;
    width: 70px; height: 26px;
    padding-left: 3px;
}
li#joinUsSelected {
    background: url(/images/buttons/joinUs_on.gif) no-repeat;
    width: 80px; height: 26px;
    margin-left: -3px;
}

li#home:hover, li#aboutUs:hover, li#events:hover, li#whatWeOffer:hover, li#policy:hover, li#joinUs:hover  {
    background-position: 0 -26px;
}

div#cloudNav ul {
    position: relative;
    list-style-type: none;
    margin-top: 12px;
    padding-left: 0;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;

}
div#cloudNav ul.divider {
    border-right: 1px dotted #84a5bf;
}
div#cloudNav ul li {
    font: bold 9.2pt "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    color: #fff;
    padding: 0;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 0;
    padding-left: 0;
}


div#cloudNav ul li a{
    color: #fff;
    text-decoration: none;
}

div#cloudNav ul li a:hover{
    color: #ffcc00;
}
div#cloudNav ul li.selected a
{
    color: #ffcc00;
}

ul#footerNav {
    position: relative;
    display: block;
    top: 14px;
    width: 450px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    list-style-type: none;
}
ul#footerNav li {
    float: left;
    height: 20px;
    padding-left: 7px;
    padding-right: 7px;
}



li#contactUs{
    background: url(/images/buttons/contactUs.gif) no-repeat;
    width: 62px; height: 20px;
}
li#siteMap{
    background: url(/images/buttons/siteMap.gif) no-repeat;
    width: 48px; height: 20px;
}
li#privacy{
    background: url(/images/buttons/privacy.gif) no-repeat;
    width: 44px; height: 20px;
}
li#terms{
    background: url(/images/buttons/terms.gif) no-repeat;
    width: 109px; height: 20px;
}
li#chroma{
    background: url(/images/buttons/chroma.gif) no-repeat;
    width: 88px; height: 20px;
}

li#contactUs:hover, li#siteMap:hover, li#privacy:hover, li#terms:hover, li#chroma:hover  {
    background-position: 0 -20px;
}

/* 7. Links
------------------------------------------------------------------------------*/

a {
    text-decoration: none;
    color: #ce1113;
}

div#login a {
    color: #fff;
    text-decoration: underline;
}

div#login a:hover {
    text-decoration: none;
}

a:hover {

    color: #004276;
}



/* 8. Forms & Inputs
------------------------------------------------------------------------------*/

div#login input#username, div#login input#password {
    position: relative;
    background: #fff;
    width: 79px;
    height: 16px;
    border: none;
    margin-right: 4px;
    padding-left: 8px;
    padding-top: 2px;
    border-top: 1px solid #90181c;
    border-left: 1px solid #721317;
    border-right: 1px solid #7b1723;
    border-bottom: 1px solid #c72f39;
    margin-left: 32px;
    top: -6px;
    font: 10pt  arial, sans-serif ;
}

div#login input#password {
    margin-left: 0px;
}
div#login input#loginSubmit {
    width: 65px;
    height: 28px;
    background: url(/images/buttons/loginSubmit.gif) no-repeat;
    border: 0px;

    position: relative;

}
div#login input#loginSubmit:hover {
    background-position: 0 -28px;
}

div#rightBarContent select {
    clear: both;
    width: 251px;
    font: 11px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif ;
    color: #333;
    margin-bottom: 12px;
}
input.autoInput {
    width: auto;
}
/* 9. Tables
------------------------------------------------------------------------------*/
table#pagination {
    width: 580px;
}
td#pagiCenter p {
    text-align: center;
    width: 300px;
}
td#pagiRight p {
    text-align: right;
}