/* These classes are just here to make the demo have some color/whitespace.
   Not part of the grid system. */
* { margin:0; padding: 0; }
.hiddenStructure{display:none;}
.documentActions{text-align:right;}
.documentActions li{display:inline;list-style:none;border:1px solid white;}
.documentActions li a{color:white; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-decoration:none;padding:1em 2em;background:black}
.documentActions li a:hover{background:#333;}
img{border:0px;}

#importantstuff h3 {
    font-size:1.4em;
    font-weight:normal;
    letter-spacing:0.03em;
    line-height:1em;
    text-align:right;
    width:203px;
}



.listingBar {
    background-color:#B2B19F;
clear:both;
      font-size:94%;
margin:1em 0 2em;
padding:0 1em;
        text-align:center;
        text-transform:none;
        vertical-align:top;
width:50%;
}
.listingBar span.previous, .listingPrevious {
float:left;
      margin-right:1em;
      text-align:left;
}
.listingBar span.next, .listingNext {
float:right;
      margin-left:1em;
      text-align:right;
}
.listingBar img {
    vertical-align:middle;
}
.listingBar a {
    text-decoration:none;
}
.tileItem h2 a {
    font-size:120%;
}
.tileItem {
    margin-top:0.5em;
    padding-top:0.5em;
}
.tileHeadline {
border:medium none;
       font-size:130%;
       font-weight:bold;
}
.tileHeadline a {
    text-decoration:none;
    color:#45322C;
}
.tileBody {
    font-size:1.2em;
    line-height:1.3em;
margin:0.6em 0;
}
.tileImage {
float:left;
margin:0 1em 0.5em 0;
}
.visualClear {
clear:both;
display:block;
}

.portlet {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#EEEEEE none repeat scroll 0 0;
    border:2px solid #CCCCCC;
    float:right;
    margin-right:3em;
    margin-left:1.5em;
    padding:2em;
}

#parent-fieldname-text{padding-bottom:1.8em;}
body { font: 0.825em Helvetica, Arial, sans-serif; line-height: 1.5em;background:#45322c url(backgroundcombined.jpg) no-repeat top center;}
div.xrow { margin-top: 1em inherit; margin-bottom: 1em; padding-left: 10px; }
div.xcell {text-align: center; padding: 1em 0; background-color: #ccc; }
div.row{margin:0 auto;width:960px;}
h1, h2 { letter-spacing: -0.05em; line-height: 1.2em;}
#mobilelink{position:absolute;z-index:3;}
#menu{top:60px;position:relative;z-index:5;}
#menu li{display:inline;}
#menu li a{font-size:1.3em;
           margin:0px 4px 0px 0px;color:white;
           text-decoration:none;padding:2px 11px;background:#45322c; font-family: 'Lobster', arial, serif; }
#menu li a:hover{background:#2a1f45;position:relative;top:5px;padding-top:8px; }
/* Uncomment the below line to test the fixed-width version, 60em = 960px: */
#wrapper { width: 960px; margin: 0 auto;} 
body{margin:0 auto}

/* Another approach is to make sure the page never exceeds 960px, but scales down */
 body { max-width: 960px; margin: 0 auto;} 


/* Uncomment the below to show the grid background, only makes sense at 960px */
blockquote.visualClear{clear:both;}
#importantstuff{
overflow:none;
position:absolute;
clear:both;
padding:1.62em 2.4em;
top:210px;
}
.newsImageContainer{float:left;margin:0em 1em;}
.documentDescription{font-weight:bold;font-size:1.3em;line-height:1.5em;margin-bottom:.9em;}
.discreet{font-size:80%;
}

/* ----------------- form styles --------------------- */
#mainarea .fieldRequired {
    background:url(http://content.raceforhope.com.jm/required.gif) no-repeat scroll left center transparent;
    color:White;
    padding:0 0 0 8px;
}
.formHelp  {
    color:#76797C;
    font-size:90%;
    margin:0 0 0.2em;
}
.fieldErrorBox{background:pink}
.error{background:pink}
.error input{border:1px solid red;}


#mainarea li{
    list-style:disc inside none;
}
#mainarea ul {
    list-style-position:inside;
    margin-left:10px;
}

#mainarea form label{margin:1em 0.2em .3em .4em;
    font-weight:bold;}
    form input{margin:0em .5em .8em;}
#mainarea .left{float:left;}
.formid-contact-us{float:left;width:40%;margin-bottom:2em;margin-left:2em;border:2px solid #666;padding:0.5em 1em;background:#eee;}

div#mainarea{
     overflow: auto;
       max-width: 960px;
                    padding:2.6em;background-color:white;
                    margin:365px 0px 2px;}

#mainarea h3{margin:.9em 0em .2em;}
#mainarea p{line-height:1.5em;margin:0em 0em .5em;}
                       
div#footer{
color:white;
background:#45322c; 
padding-top:20px;
}
div#twitterbird{
  position:absolute;
  top: 147px;
  left:-26px;
  z-index:2;
}



#container {
	margin: 100px auto;
	width: 700px;
	color: #555;
}


#countdown_dashboard{width:210px;background:black;}
.dash {
	width: 35px;
	height: 41px;
	background: black;
	float: left;
        padding-left:5px;
        padding-top:5px;
	margin-left: 1px;
	position: relative;
}

.dash .digit {
	font-size: 20px;
	font-weight:normal; 
	float: left;
	width: 12px;
	text-align: center;
	font-family: Impact,tahoma,arial,sans-serif;
        color:white;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 4px;
	font-size: 7px;
        color:white;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}

#subscribe_form {
	position: relative;
} 

#email_field {
	font-size: 16pt;
	padding: 6px 10px;
	width: 300px;
}

#subscribe_button {
	font-size: 14pt;
	color: #333;
	padding: 4px 8px;
}

.copyright {
	font-size: 9pt;
	color: #333;
	margin: 40px 0px;
}

.faded {
	color: #999;
}

.form_message {
	width: 400px;
	padding: 10px;
	margin: 15px auto;
	display: none;
}

#error_message {
	background-color: #ffe;
	border-left: 5px solid #bb3;
	border-right: 5px solid #bb3;
	color: #770;
}

#info_message {
	background-color: #f0f9ff;
	border: 1px solid #eef;
}

#loading {
	text-align: center;
k	margin: 10px;
	display: none;
	position: absolute;
	width: 100%;
	top: 60px;
}
.carousel .tileFooter a{background:#5D8C56;padding:.5em 2em;color:white;text-decoration:none;text-transform:lowercase;}
.carousel .tileFooter a:hover{background:#555;}
.carousel .tileFooter{text-align:right;}
a.prev {
    -moz-border-radius:10px 0 0 10px;
    right:1.7em;
}
main.css (line 321)
a.browse {
    background:url("arrowLeft.gif") no-repeat scroll 50% 50% #A5433A;
    border:1px solid #CCCCCC;
    bottom:0;
    cursor:pointer;
    height:40px;
    margin:0;
    position:absolute;
    width:19px;
    z-index:2;
}
.carousel {
  position: relative; 
  z-index: 0;  
  top:370px; 
  padding: 0em 1em;
  margin: 1em 0;  
  width: 660px;
  height: 200px;      
}

div.scrollable { 
        /* required settings */ 
        position:relative; 
                     z-index: 1;
                         overflow:hidden; 
                                      width: 660px; 
                                                 height:200px; 
}
 
/* root element for scrollable items. Must be absolutely positioned 
      and it should have a extremely large width to accomodate scrollable items. 
         it's enough that you set width and height for the root element and 
            not for this element. */ 
div.scrollable div.items { 
        /* this cannot be too large */ 
        width:20000em; 
                  position:absolute; 
} 
 
/* a single item. must be floated in horizontal scrolling. 
       typically, this element is the one that *you* will style 
           the most. */ 
.scrollable .items .tileItem { 
        float:left; 
                  width: 660px;
                             border: none;
                                         padding: 0;
                                                      margin: 0;
} 

/* Visual padding for a single item in a carousel. It's better to keep the padding here than
      on .tileItem to avoid messing up the width of an item. */
div.scrollable div.items div.itemPadding {
        margin: 1.5em 1em;
}

/* @end */

/* @group Navigation elements */

/* @group Navigation buttons */

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url("arrowLeft.gif") no-repeat scroll 50% 50% #A5433A;
    border:1px solid #CCCCCC;
    bottom:0;
    cursor:pointer;
    height:40px;
    margin:0;
    position:absolute;
    width:19px;
    z-index:2;
}
a.prev {
        -moz-border-radius:10px 0px 0px 10px;
        -webkit-border-radius:10px 0px 0px 10px;
       border-radius:10px 0px 0px 10px;
    right:1.7em;
}
a.next {
        right: 0;
                background-image: url('arrowRight.gif');
        -moz-border-radius:0px 10px 10px 0px;
        -webkit-border-radius:0px 10px 10px 0px;
        border-radius:0px 10px 10px 0px;
}
a.browse:hover{background:#eee;}
a.browse span {
        position: absolute;
                      visibility: hidden;
}

/* disabled navigational button */
a.disabled {
        visibility:hidden !important;
}

/* @end */

/* @group Navigation bar */
div.navi {
    clear:left;
    height:38px;
    position:relative;
    text-align:center;
    top:-21px;
}
div.navi a {
        height:7px;
                   margin:14px 3px 3px;
                              width:7px;
                                            border: 1px solid #004488;
                                        -moz-border-radius: 4px; 
                                            -webkit-border-radius: 4px;
                                                border-radius: 4px;
                                                    background: #B2E868;
                                                                    display:inline-block;
                                                                                font-size:1px;
}
div.navi a:hover {
        background: #004488;
                        cursor: pointer;
}
div.navi a.active {
        background: #004488;
}

/* @end */

/* @group Tool bar */

div.toolBar {
        position: absolute;
                    right: 0;
                            top:0;
                                    z-index: 2;
                                        text-align: right;
                                            height:2em; 
                                                       width: auto;
                                                                  padding: 0 0.5em;
                                                                               line-height: 2em;    
                                                                                   background-color: #fff; /* for those browsers that don't yet support CSS3 rgba colors */
                                                                                    background-color: rgba(256, 256, 256, 0.8); /* for good boys of the block */       
}

/* @end */

/* @end */

/* @group Additional styles for the portlet */

dl.portletCarouselWrapper {
        border: none;
}
dl.portletCarouselWrapper .carousel {
        width: 100%;
                   padding: 0;
                                margin-bottom: 0;
}

dl.portletCarouselWrapper div.scrollable {
        width: 100%;
}
li#document-action-sendto a {
    background:url("mail.png") no-repeat scroll 7px 11px black;
}

li#document-action-print a {
    background:url("print.png") no-repeat scroll 7px 11px black;
}
li#document-action-publish_to_twitter a {
    background:url("twitter.png") no-repeat scroll 7px 11px black;
}

.pullquote a{color:#333;}
.pullquote {
    background-color:White;
    border:.5em solid #444;
    clear:right;
    color:#666;
    float:right;
    font-weight:bold;
    margin-bottom:1.5em;
    margin-left:1em;
    margin-right:0;
    margin-top:.5em;
    padding:0.5em;
    width:25%;
}
li.selected a{border:2px solid #F7DA5C;border-bottom:7px solid #F7DA5C;}
#pic{padding-right:0px;text-align:center;}
.image-right{float:right;margin:1em 0em .5em 1em;}
.image-left{float:left;margin:1em 0.5em 0em 1em;}
#registernow {
    margin:35px 5px 0 0;
    position:relative;
    width:125px;
    z-index:2;
}
#registernow a {
    background:none repeat scroll 0 0 #5D8C56;
    border:6px solid #45322C;
    color:white;
    font-size:1.1em;
    padding:0.5em 0.45em;
    text-decoration:none;
}
#registernow a:hover {
    background:none repeat scroll 0 0 #555555;
}
#registernow a#volunteer {
    position:absolute;
    top:37px;
    padding-left:1.33em;
    padding-right:1.33em;
}
.navtooltip, .tooltip {
      z-index:4;
        display:none;
            background:transparent url(black_arrow.png);
                font-size:12px;
                    height:70px;
                        width:160px;
                         line-height:1.1em;
                            padding:30px 25px 20px;
                                color:#fff;These
                            }
 .tooltip {
    display:block;
}

.navtooltip {background-image:url(black_arrow_up.png);}

blockquote dl{margin-top:2em;font-family:courier,sans-serif;background:#eee;padding:10px;border:1px solid black;}
blockquote dl dt{font-weight:bold}

#sponsors-section{
border:1px solid rgba(255,255,255,.3);
background:white;
}
#sponsors-section h4 {
border-bottom:1px dotted black;
color:black;
margin-bottom:.4em;
padding-left:.2em;
padding-right:.2em;
font-size:16px;
}
#sponsors-section img {
background:none repeat scroll 0 0 white;
margin-left:2px;
padding-left:8px;
padding-right:8px;
border-bottom:1em solid transparent;
}
#bottom-note{padding-top:1em;
color:white;
}