body {
    margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
    background-color:#bedbf4; }
    
img { border:none; }
    
a { color:#555555; text-decoration:none; }
a:hover { color:#000000; }


h1 { font-family:Georgia; color:#3c3c3c; font-size:15px; font-weight:bold; }
h2 { font-family:Georgia; color:#3c3c3c; font-size:13px; font-weight:bold; }
h1.header 
{ 
    font-family:Georgia; color:#3c3c3c; font-size:15px; font-weight:bold; 
    padding: 0px 0px 7px 12px; margin:15px 0px 15px 0px;
    border-bottom:solid 1px #a1a1a1; 
}

.clear { clear:both; }

hr { color:#a1a1a1; }

.bodyText { margin: 0 15px 0px 10px; color:#3c3c3c; font-family:Tahoma; font-size:12px; }


/***************************************/
/* Framework */
/***************************************/
#sponsorContainer { width:987px; margin:20px auto; background-color:#bedbf4;}
#outerContainer { width:966px; margin:20px auto 0px auto; background-color:#ffffff; border:6px solid #fff; }
#innerContainer 
{ 
    width:966px; margin:0 auto; float:left; 
    background:#ffffff url(images/common/contentBackground.gif) repeat-y 0 0; 
    position:relative; /*for blue donate button positioning*/
}
#contentContainer { width: 802px;}
#donationContainer {width:157px; height:648px; float:right; }
#bottomDonationContainer { width:966px; float:left; background:#ffffff url(images/common/contentBackground.gif) repeat-y 0 0; }
#footerContainer { width:987px; margin:0px auto; background-color:#bedbf4; }
#thankyouHeader { width:auto; height:25px; background:#bedbf4; margin:6px 0px 0px 0px; 
					padding:7px 0px 0px 16px; color:#3c3c3c; font-size:15px; font-family:Georgia;}
#thankyouContainer { margin:6px 0px 0px 0px; }


#headerContainer { border-bottom: 1px solid #a1a1a1; height:20px;}
#editableTextContainer { margin:15px 0px 0px 10px; }

#titleBar { float:left; margin-bottom:7px; width:100%; display:inline; }
#titleBar .donateButton { margin-left:7px; float:left; display:inline; }
#donationContainer .donateButton { position:absolute; bottom:6px; right:7px;}

#donationContainer .donationTotalHeader { color:#ffd24f; font-family:Georgia; font-size:13px; font-weight:bold; display:block; margin: 18px 0 0 14px;}

#donationContainer .donationTotal 
{ 
    display:block; width:137px; height:30px; margin:10px 0 0px 10px;
    line-height:30px; vertical-align:middle; text-align:center;
    background: url(images/common/DonationTotalBackground.gif) no-repeat 0 0; 
    color:#3c3c3c; font-family:Georgia; font-size:15px; font-weight:bold; 
}


/*
#donationContainer .donorName { display:block; margin:10px 10px 0px 15px; color:#ffffff; font-family:Tahoma; font-size:11px; font-weight:bold; }
#donationContainer .donationDetails { display:block; margin:0px 10px 10px 15px; color:#ffffff; font-family:Tahoma; font-size:11px; }
*/
#Scroller { position:relative; margin:20px 0 0 10px; height:300px; overflow:hidden;  }
ul#DonationList { position:absolute; top:0; list-style:none; margin:0; padding:0; } 
#DonationList li { color:#ffffff; font-family:Tahoma; font-size:11px; }
#DonationList li { margin:0px 10px 10px 15px;}
#DonationSourceList { display:none; }

/* Home Page */
#mainContentHome { float:left; margin-top:7px; display:inline; }
#mainContentHome .col1 { float:left; width:533px; }
#mainContentHome .col2 { float:left; width:257px; margin:0 0 0 7px; display:inline; }

#mainContentHome .col2 h2 { font-family:Georgia; color:#3c3c3c; font-size:15px; font-weight:normal; padding:10px 0 3px 10px; margin:0px 0px 0px 0px; border-bottom:solid 1px #a1a1a1;  }
#mainContentHome .col2 ul { margin:0; padding:0; list-style:none; }
#mainContentHome .col2 li { margin: 10px 10px 10px 10px; }
#mainContentHome .col2 li, #mainContentHome .col2 li a { color:#3c3c3c; font-family:Tahoma; font-size:12px; text-decoration:none; }
#mainContentHome .col2 li a:hover { text-decoration:underline;}

#FlashHeader { z-index:2; }

/* Sub Pabes No Video */
#mainContent { }

/* Sub Pages With Video*/
#mainVidContent { margin:10px 0px 0px 0px; }
#mainVidContent .col1 { float:left; margin:1px 5px 1px 0; width:213px; display:inline; }
#mainVidContent .col2 { float:left; width:580px; }

/* Event Pages */

#eventsListContainer { width:568px; margin: 0px 10px 0px 0px; float:left;  }
#eventsListContainer h2, #calendarContainer h2 { font-family:Georgia; font-weight:bold; font-size:15px; line-height:32px; height:32px; vertical-align:middle; background-color:#bedbf4; color:#3c3c3c; padding-left:14px; margin:0 0 15px 0;  } 
#eventsListContainer h3 { margin:0; font-family:Georgia; font-weight:bold; font-size:15px; } 
#eventsListContainer h3 a { text-decoration:none;  color:#3c3c3c;}
#eventsListContainer h3 a:hover { text-decoration:underline;  color:#3c3c3c; }
#eventsListContainer h3 img { border:none; vertical-align:middle; margin:0 9px 0 0; }
#eventsListContainer .eventPreview { }
#eventsListContainer .noEvents { margin-left:12px; }

#eventsListContainer .eventInfo { margin: 0px 0px 0px 32px; font-family:Arial; font-size:12px; }
#eventsListContainer .eventLocation {margin: 0px 0 7px 0; }
#eventsListContainer .eventDate {margin: 7px 0 7px 0; }
/*
p.eventLocation { float:left; clear:both;}
.location { float:left; margin-left:10px;}
*/
#calendarContainer { width:223px; float: left; font-size:12px; font-family:Arial }
.calendarTitle { background-color: #66a7e7; color:#ffffff;  }
.calendarNextPrev a { color:#ffffff; text-decoration:none; }
.calendarNextPrev:hover a { text-decoration: underline; }

td.calendarSelectedDay { background-color: #004082; color:#ffffff; }
.calendarEventDay { background-color: #66a7e7; color:#ffffff; }
.calendarToday { background-color:#f0f0f0; }

#calendarContainer td.hover { background: url(images/calendar/calHoverBk.gif) no-repeat 0 0; color:#ffffff; }
td .calendarEventPreview { display:none; }
#calendarContainer { position:relative; }
.popupBubble {  position:absolute; z-index:100; background:#ffffff; }
#calendarEventList { display:none; }
 
.calendarEventPreview { border-bottom: solid 1px #bedbf4; margin-bottom:10px; padding: 0px 0px 10px 10px; }
.calendarEventPreview a { text-decoration:none; }
.calendarEventPreview a:hover { text-decoration:underline; }

#calendarContainer .Calendar { margin-bottom:10px; }
#eventDetailsContainer { margin:12px; }
/***************************************/
/* CMS Classes */
/***************************************/
.EditingFormErrorLabel { color:#FF0000; }

/***************************************/
/* Navigation                          */
/***************************************/
#MainNav { float:left; }
#MainNav ul { float:left; list-style:none; margin:0; padding:0; }

#MainNav li { float:left; margin:0; padding:0; z-index:100; }
#MainNav li a { display: block; height:47px; text-indent:-9000px; overflow:hidden; background:url(images/common/NavImage.gif) no-repeat 0 0; }


#MainNav .L2CMSListMenuUL li { float:none; margin: 5px 5px 12px 12px; }
#MainNav .L2CMSListMenuUL li a { height:15px; text-indent:0px; background: #003b7c none no-repeat 0 0; }
#MainNav .L2CMSListMenuUL li a { color:#ffffff; font-family:Verdana; font-size:10px; overflow:visible; }
#MainNav .L2CMSListMenuUL li a:hover { color:#87bfff; }
#MainNav ul.L1CMSListMenuUL { position:relative; } 
#MainNav ul.L2CMSListMenuUL { position:absolute; z-index:1000; top:auto; background: #003b7c; padding: 0 5px 5px 0; } 
#MainNav .L2CMSListMenuUL { display:none; }
#MainNav .L2CMSListMenuUL:hover { display:block;  }
/*
#MainNav .SecondLevel li { float:none; margin: 5px 5px 12px 12px; }
#MainNav .SecondLevel li a { height:15px; text-indent:0px; background: #003b7c none no-repeat 0 0; }
#MainNav .SecondLevel li a { color:#ffffff; font-family:Verdana; font-size:10px; overflow:visible; }
#MainNav .SecondLevel li a:hover { color:#87bfff; }
#MainNav ul.FirstLevel { position:relative; } 
#MainNav ul.SecondLevel { position:absolute; z-index:1000; top:auto; background: #003b7c; padding: 0 5px 5px 0; } 
#MainNav .SecondLevel { display:none; }
#MainNav .SecondLevel:hover { display:block;  }
*/

#MainNav li.NavProjectTypeZero a { width:140px; background-position: 0px 0px; }
#MainNav li.NavProjectTypeZero a:hover, #MainNav li.NavProjectTypeZeroOn a { width:140px; background-position: 0px -47px; }
#MainNav li.NavAboutTheBCTD a { width:117px; background-position: -140px 0px; }
#MainNav li.NavAboutTheBCTD a:hover, #MainNav li.NavAboutTheBCTDOn a { width:117px; background-position: -140px -47px; }

#MainNav li.NavDiabetesResearchInstitute a { width:201px; background-position: -257px 0px; }
#MainNav li.NavDiabetesResearchInstitute a:hover, #MainNav li.NavDiabetesResearchInstituteOn a { width:201px; background-position: -257px -47px; }

#MainNav li.NavFundraisingEvents a { width:146px;  background-position: -458px 0px; }
#MainNav li.NavFundraisingEvents a:hover, #MainNav li.NavFundraisingEventsOn a { width:146px; background-position: -458px -47px; }

#MainNav li.NavGetInvolved a { width:104px; background-position: -604px 0px; }
#MainNav li.NavGetInvolved a:hover, #MainNav li.NavGetInvolvedOn a { width:104px; background-position: -604px -47px; }

#MainNav li.NavContactUs a {  width:94px; background-position: -708px 0px; }
#MainNav li.NavContactUs a:hover, #MainNav li.NavContactUsOn a { width:94px; background-position: -708px -47px; }

/* Footer Navigation */
ul#FooterNav { float:left; list-style:none; margin:0; padding:15px 0 15px 3px; display:inline;  }
ul#FooterNav li {  font-family:Verdana; font-size:10px; float:left; margin: 0 7px 0 0; padding:0 7px 0 0; display:inline; border-right:solid 1px #005c9d; }
ul#FooterNav li a { color:#005c9d; text-decoration:none; }
ul#FooterNav li a:hover { text-decoration:underline; }
ul#FooterNav li.first { }
ul#FooterNav li.last { border-right:none; margin:0; padding:0; }

.copyright { color:#484747; font-family:Verdana; font-size:10px;  }
#footerContainer .copyright { float:right; padding:15px 3px 15px 0;  }


/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 544px; margin-left: -300px; /*padding: 12px;
    border: 1px solid black; background-color: #FFFFFF;*/
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
**************************************************/
/* Grid Wrapper */
/**************************************************/
.gridwrapper {}

/* header styles */
.header { position:relative; color:#fff; }
.header .outer { background:url(images/dialog/top-right.png) right no-repeat; padding-right:6px; }
.header .inner { background:url(images/dialog/top-left.png) left no-repeat; padding-left:9px; }
.header .content { height:35px; background:url(images/dialog/top-mid.png) repeat-x; }
.header .content H2 { float:left; font-size:12pt; line-height: 11pt; font-weight:bold; color:#fff; padding-top:10px; margin:0; }
.header .content a.jqmClose {
    display:block; float:right; 
    width:35px; height:0;
    margin:4px 4px 0 0; padding-top:25px;
    overflow:hidden; display:inline;
    background:transparent url(images/dialog/close.png) no-repeat 0 0;
 }
 .header .content a.jqmClose:hover { background:transparent url(images/dialog/close.png) no-repeat 0 -25px; }

/* dialog body styles */
.body .outer { background:url(images/dialog/right.png) right repeat-y; padding-right:7px; }
.body .inner { background:url(images/dialog/left.png) left repeat-y; padding-left:7px; }
.body .content {}  

/* dialog footer styles */
.footer {}
.footer .outer { background:url(images/dialog/bottom-right.png) right top no-repeat; padding-right:9px; }
.footer .inner { background:url(images/dialog/bottom-left.png) left top no-repeat; padding-left:9px; }
.footer .content { height:7px; background:url(images/dialog/bottom-mid.png) repeat-x; }