﻿body {
    background: transparent url('/images/background.png');
}

hr 
{
    margin-top: 10px;
    background: transparent url(/images/hr_tag.gif) repeat-x;
    height: 3px;
    text-align: center;
    width: 100%;
    border: 0px;
    /*clear: both;*/
}



/* General Settings */
.callout_wrapper {width: 190px}
#PhotoGallery_Rentals {width: 700px; height: 248px; background-color: #000000; padding: 3px 0px 0px 4px;}
#PhotoGallery_Horizontal {width: 700px; height: 370px; background-color: #000000; padding: 5px 0px 0px 8px;}
#PhotoGallery_Exhibits {width: 475px; height: 645px; background: #000000; padding: 5px 0px 0px 8px;}
.blob_summary_v2_separator {height: 15px;}
.blob_v2_separator {height: 15px;}


.left {float: left}
.leftPadding {float:left; padding-left:15px}
.right {float:right}
.clear {clear:both}
.dots {clear:both; height:1px; background:url('/images/horiz-dots.gif') repeat-x}


/* .|. MastePages Layout
---------------------------------------------- */
.masterContentHolder {width:90%; margin: 20px auto; min-height: 400px;}

#mainContainer {width:1031px; margin: 0 auto 0 auto}

#headerContainer {height: 158px; background: white url('/images/bg-header.gif') repeat-x}
#headerContainer .logo { position: absolute; top: 0px;}
#headerContainer #navContainer {position: absolute; margin-left: 30px; top: 128px; z-index: 2500;}
#headerContainer #navTop {position: absolute; top: 10px; margin-left: 600px; width: 390px; }
#headerContainer #navTop .DonateLink {clear: both; text-align: right;}

#footerContainer {background:Black}
#footerContainer .images { padding: 15px 0px; text-align:center;}
#footerContainer .images img {margin-right:30px}
#footerContainer .footer { padding: 20px 0px; text-align:center;}

#mcTable {width:1031px}
#mcTable #mcLeft {width:17px; background:url('/images/left-shadow.png') repeat-y}
#mcTable #mcContent {width:997px; background:url('/images/content-background.jpg')}
#mcTable #mcRight {width:17px; background:url('/images/right-shadow.png') repeat-y}

/* .|. Internal Master Layout
---------------------------------------------- */
#breadCrumbs {padding: 5px 13px;}
.breadCrumbs {font-size: 11px;color: #000;line-height: 15px;}
.breadCrumbs a:link {color: #000; text-decoration: none;}
.breadCrumbs a:visited {color: #000; text-decoration: none;}
.breadCrumbs a:hover {color: #000; text-decoration: underline;}

#internalTitle {}
#internalSubTitle {}
#internalLeft {width:250px; vertical-align:top; padding-top:15px;}
#internalLeft .content {padding-left: 10px; width:220px; overflow:hidden;}
    #internalLeft .topFrame {height: 23px; background: transparent url('/images/menu-topFrame.png') no-repeat;}
    #internalLeft .repeatFrame {padding-left: 5px; min-height: 400px; height: 100%; background: transparent url('/images/menu-repeatFrame.png') repeat-y;}
    #internalLeft .bottomFrame {height: 28px;  background: transparent url('/images/menu-bottomFrame.png') no-repeat; }
#internalRight {padding-left: 10px; width:685px; vertical-align:top; padding-top:15px}/* Original : width:695px; */    
#internalRight .content {width:695px; overflow:hidden;}

/* .|. Conservation Master Layout
---------------------------------------------- */
#ConservationContent .topFrame {margin-top: 20px; height: 26px; background: transparent url('/images/conservation-topFrame.png') no-repeat;}
#ConservationContent .repeatFrame {padding: 0px 20px; min-height: 200px; height: 100%; background: transparent url('/images/conservation-repeatFrame.png') repeat-y;}
#ConservationContent .bottomFrame {height: 40px;  background: transparent url('/images/conservation-bottomFrame.png') no-repeat; }

/* .|. Exhibits Master Layout
---------------------------------------------- */
#exhibits_internalLeft {width: 50%; vertical-align:top; padding-top:15px;}
    #exhibits_internalLeft .content {padding-left: 10px; overflow:hidden;}
#exhibits_internalRight {padding-left:20px; width:50%; vertical-align:top; padding-top:15px;}
    #exhibits_internalRight .topFrame {height: 33px; background: transparent url('/images/exhibits-topFrame.png') no-repeat;}
    #exhibits_internalRight .repeatFrame {min-height: 400px; height: 100%; background: transparent url('/images/exhibits-repeatFrame.png') repeat-y;}
    #exhibits_internalRight .bottomFrame {height: 36px;  background: transparent url('/images/exhibits-bottomFrame.png') no-repeat; }
    #exhibits_internalRight .content {padding-left: 35px; width:380px; overflow:hidden;}


#membershipData .input {background:transparent url('/images/input-background.png'); border:solid 1px #ccc}
#membershipData .orange {background:url('/images/orange.png'); height:100%}

/* .|. HTML Textbox Controls 
---------------------------------------------- */
.btnSignUp {padding-top: 8px;}
.inputGray, .inputNormal  {
	width: 150px;
	height: 22px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #676767;
	text-align: left;
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	letter-spacing: 0px;
}
.inputNormal {color:Black}
.inputGray {color:#999999;}


.footer 
{	font-size: 11px;
	color: #CCCCCC;
	line-height: 15px;
}
.footer a:link {color: #CCCCCC; text-decoration: underline;}
.footer a:visited {color: #CCCCCC; text-decoration: underline;}
.footer a:hover {color: #94000F; text-decoration: none;}

.nav
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color:White;
	line-height: 13px;
}
.nav a:link {color:White; text-decoration:none}
.nav a:visited {color:White; text-decoration:none}
.nav a:hover {color:White; text-decoration:none}

.required {font-weight:bold}
.optional {font-weight:normal}
.example {color:#666; font-weight:normal}
.error {color:Red; font-weight:bold}


/*  :: Calendar Page
------------------------------------------------------------------ */
.titleCalendarHeader {
	font-size: 16px;
	color: #94000F;
	font-weight: bolder;
	text-transform: uppercase; 
	line-height: 35px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 5px;
    clear:both;
    border-bottom: double 1px #94000F;
}
.titleCalendarHeader a:link {color: #94000F;text-decoration: none;}
.titleCalendarHeader a:visited {color: #94000F;text-decoration: none;}
.titleCalendarHeader a:hover {color: #94000F;text-decoration: none;}

.calendarDailyViewIcs {
	font-weight: bolder;
	line-height: 20px;
	text-align: right;
	font-size: 8px;
	color: #94000F;
	padding: 0px 20px 0px 0px;
	margin: 0px 7px 0px 0px;
    background: transparent url('/images/datePickerPopup.gif') no-repeat right;
}
.calendarDailyViewIcs a:link {color: #94000F;text-decoration: none;}
.calendarDailyViewIcs a:visited {color: #94000F;text-decoration: none;}
.calendarDailyViewIcs a:hover {color: #000000;text-decoration: none;}

#ctl00_ctl00_cphContent_cphContent_monthly_calendar1_rblDateRange {
    margin-left: 20px;width: 180px; 
    text-align: center;
}
#ctl00_ctl00_cphContent_cphContent_monthly_calendar1_divCategories {padding-top: 20px; padding-bottom: 5px;}
#ctl00_ctl00_cphContent_cphContent_monthly_calendar1_cblEvtCat {
    margin-left: 0px;width: 232px; 
    border: solid 1px #dfdfdf;    
} 


/*  :: News and FAQS
------------------------------------------------------------------ */
.titleNewsCategory {
	font-size: 16px;
	color: #94000F;
	font-weight: bolder;
	text-transform: uppercase; 
	line-height: 20px;
	padding-bottom: 5px;padding-top: 10px;
	border-bottom: double 1px gray;
}
.titleNewsCategory a:link {color: #94000F;text-decoration: none;}
.titleNewsCategory a:visited {color: #94000F;text-decoration: none;}
.titleNewsCategory a:hover {color: #94000F;text-decoration: none;}

.titleFAQ { padding-top: 15px;font-size: 18px;color: #000000;font-weight: bold;line-height: 25px; }

.headerFAQ { font-size: 14px;color: #94000F;font-weight: bold;line-height: 18px; }
.headerFAQ a:link {color: #94000F;text-decoration: none;}
.headerFAQ a:visited {color: #94000F;text-decoration: none;}
.headerFAQ a:hover {color: #333333;text-decoration: none;}


/* .|. Contact Us Form
---------------------------------------------- */
#divFormThankYou {
    padding: 13px; width: 600px; margin: 0 auto;
    /* border: 1px solid #CCCCCC;  */
}
#divForm {
    padding: 13px; width: 600px; margin: 0 auto;
    /*background: #FFFFFF url('/images/bg-form-pattern.jpg') repeat-x;
    border: 1px solid #CCCCCC; */
}


/*  :: Hide first element of subnav
------------------------------------------------------------------ */
#ctl00_ctl00_cphContent_subnav1_SubPanel_p0 {visibility: hidden; height: 1px;}
#ctl00_ctl00_ctl00_cphContent_subnav1_SubPanel_p0 {visibility: hidden; height: 1px;}

