/* Reset */
body {font-size:0.625em; font-family:Arial, Sans-Serif; margin:0; padding: 0; text-align: center; height: 100%; background-image: url(/graphics/bg_pixel.png); background-repeat:repeat; background-color: #6d8428;}
body a {text-decoration: none; color: #000000;}
body a:hover {color: #98B738;}
img {border: none;}

/*Core fonts*/
h1 { color:#98B738; font-size:1.5em; padding-top: 0.8em; }
h2 { color:#98B738; font-size:1.5em; padding-top: 0.8em; }
h3 { color:#98B738; font-size:1.2em; padding-top: 0.7em; }
h4 { color: #4C6F07; font-size: 1.2em;}

/* Main Container */
div.outerholder{width:900px; margin:0 auto; text-align: left; height: 100%; padding: 0 50px; background-image: url(/graphics/page_bg.png); background-repeat: repeat-y; background-position: center; }

/* Header and Nav bar */
div.header {
    background-image: url(/graphics/header_veneer.png);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 2px;
}
div.topnav {background-color:#98B738; color:#FFFFFF; font-size:1.5em; padding:0.3em 0em 0.4em 2em; font-weight:bold; height: 1em;}
div.topnav a{color:#FFFFFF; text-decoration:none}

.searchInput {
    border: 0;
    padding: 0 0 0 1em;
    /*float: left;*/
    height: 16px;
    width: 100px;
    margin: 0;
    background-color: White;
}

/* Content Containers */
div.maincontent a{text-decoration:underline}
.maincontent {padding: 0.3em 3em 0.3em 3em}
.maincontent .leftColumn {width: 48em; padding-right: 2em; margin: 0em; float: left;}
.maincontent .rightColumn {width: 32em; padding-left: 2em; margin: 0em; float: left;}
.maincontent .wideColumn {width: 84em; position: relative;}
.maincontent .superWideColumn {width: 900px; position: relative; margin-left: -30px; padding: 0;}
.maincontent .leftColumn div.contentWrap {font-size: 1.3em}
.maincontent .rightColumn div.contentWrap {font-size: 1.3em}
.maincontent .wideColumn div.contentWrap {font-size: 1.3em}

.maincontent .featuredItem{background-color:#658023; color:#FFFFFF;  padding-left:2.5em}

.maincontent .validatorError {
    color: red;
    font-size: 1.2em;
    display: block;
    padding: 0.5em;
}

.maincontent input, .maincontent textarea {
    background-color: #98B738;
    border-color: #98B738;
    border-style: solid;
    color: White;
    padding: 0.2em;
}

.maincontent label {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: block;
    font-weight: bold;
}

/*
.maincontent .submitButton {
    background-color: #848484;
    border-color: #848484;
    width: 5em;
    display: block;
    margin-top: 1em;still
}
*/

/* footer */
.clear{clear:both; padding: 1em 0em 1em 0em; width: 84em}
.footer{background-color:#28320D; border-top:1em solid #486218; clear: both; padding-top: 2em;}

/** Generic component styles **/
/* Region List UserControl */
.regionList {
    list-style-type:none;
    display: block;
    padding: 0em;
    width: 35em;
    padding-top: 4em;    
    font-size: 0.9em;
}

.regionList li {
   /* display: inline-table; */
    margin-left: 1em;
    margin-right: 1em;
    width: 15em;
}

/* Grey link buttons */
.linkButton {
    text-transform: uppercase;
    font-size: 1em;
/* - replaced with graphics
    background-image: url(/graphics/linkButton_leftCap.gif); background-repeat: no-repeat; 
    background-position: left;
    background-color: #848484;
    padding-left: 1em;
*/   
    display: block;
    color: White;
    font-weight: bold;   
    height: 2em;
    text-align: center;
    font-size: 0.7em;
}

.linkButton:hover {color: white;}

.linkButtonText {
    background-image: url(/graphics/linkButton_RightCap.gif); background-repeat: no-repeat; 
    background-position: right;
    padding-right: 1em; 
    padding-top: 0.4em;
    height: 1.6em;
    display: block;
    width: inherit;
}

.formButton {float: left;}
.formButton img {
    padding: none;
    border: none;
    text-decoration: none;
}

/*** Specific container styling  ***/
/* Branch List Page */
div.maincontent div.branches{padding-left:3.75em}
.branchList {width: 100%;}
.branchList th {font-size: 1.3em;font-weight: bold;text-align: left;}
.branchList .regionLabelBlank {padding-top: 1em;font-size: 1.2em;width: 1em;}

.branchList .regionLabel {
    border-top: dashed 1px #9DAB6E;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

/* Dogs for Adoption / Sponsorship List */
.dogList {
    width: 100%;
    background-image: url(graphics/tableGradient.gif);
    background-repeat: repeat-x;
    color: White;
}

.dogList th {
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    padding: 0.357em;
}

.dogList td {width: 25%;vertical-align: top;padding: 0.5em;}
.dogList td div {/*width: 100%;*/text-align: left;padding-top: 1em;}
.dogList td img {border: solid 0.2em white;}
.dogList td .title {font-size: 1.2em;font-weight: bold;}
.dogList td p{margin: 0;}
.dogList td .description {width:180px; height: 64px; overflow: hidden; vertical-align: top; margin-bottom: 0.75em; margin-top: 0.75em;}

.dogList .rowSeperator {border-top: dashed 0.1em white;}
.dogList .prevButton {text-align: left;width: 50%;}
.dogList .nextButton {text-align: right;width: 50%;}

/* Dog Details page */
.dogDetailsContainer {
    height: 10.5em;
    margin: 1em 0 1em 0;
    width: 50%; 
    float: left
}

.dogDetailsList {
    float: left;
    padding-left: 2em;
    width: 40%;
    list-style-type: none;
}
.dogDetailsList dt {
    font-weight: bold; 
    padding: 0.5em;
    float: left;
   /* width: 3em;*/
    clear:left;
    display:inline;
}

.dogDetailsList dd {
    float: left;
    margin: 0;
    padding: 0.5em;
    /*width: 60%;*/
    display:inline;
    clear:right;
}

.dogDetailsList li {
    float: left;
    margin: 0;
    padding: 0 0.5em 0.5em 0.5em;
    width: 90%;
}

.dogDetailsLabel {
    float: left;
    margin-left: 1em;
    margin-top: 5px;
    padding: 0 !important;
    font-weight: normal !important;
}

.dogDetailsBox {
    float: left;
    background-color: #98B738;
    margin: 5px;
}

/* Gallery Pages */
.galleryLink {
    display: block;
    width: 180px;
    float: left;
    text-decoration: none !important;
    margin:0 10px 20px 10px; 
}

.galleryLink div {
    width:180px; 
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 1px;
    background-color: #EEEEEE;
}
.galleryLink span {
    text-decoration: none !important;
    display:block; 
    background:url(graphics/green-overlay-bg.png); 
    margin-top:110px; 
    padding:5px; 
    font-size: 1.2em;
    /*text-align: center;*/
    font-weight: bold;
    color: White;
    overflow:hidden
}

#galleryBlankingContainer {     
    height:114%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    border:1px solid #cecece;  
    z-index:1;  
} 

#galleryPopup {    
    margin: 3em 3em;     
    width:82em;      
    border:0.2em solid #cecece;  
    z-index:2;  
    padding:1.2em;  
    display:none; 
    height: auto;     
    background-image: url(graphics/tableGradient.gif);
    background-repeat: repeat-x;
    position: absolute;
}

#galleryPopupClose {float: right;font-size: 2em;font-weight: bold;margin-top: -0.5em;cursor: pointer;}

/* Video List */
.videoList {
    width: 100%;
    background-image: url(graphics/tableGradient.gif);
    background-repeat: repeat-x;
    color: White;
}

.videoList th {
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    padding: 0.357em;
}

.videoList td {width: 25%;vertical-align: top;padding: 0.5em;}
.videoList td div {/*width: 100%;*/text-align: left;padding-top: 1em;}
.videoList td p{width:180px}
.videoList td img {border: solid 0.2em white;}
.videoList td .title {font-size: 1.2em;font-weight: bold;}
.videoList .rowSeperator {border-top: dashed 0.1em white;}
.videoList .prevButton {text-align: left;width: 50%;}
.videoList .nextButton {text-align: right;width: 50%;}

#videoWrapper {text-align: center;}

/* Contact Us form */
.captchaText {
    font-size: 1.5em;
    font-weight: bold;
    font-style: italic;
    float: left;
    text-align: center;
    width: 100%;
    padding: 0.5em;   
}

/* Homepage */
.homepageEventsWrapper {
    /*background:#627C21 url(/graphics/featured_item_bg.jpg) repeat-x;*/ 
    border: none; 
    padding: none;
}

#homepageEventsTable {
    width: 100%;
    /*border-collapse: collapse;*/
    border: 0;
    padding: 0;
    font-size: 1.5em;
    color: #4C6F07;
}

#homepageEventsTable tbody {
    display: block;
    /*padding: 40px 60px;*/
}

#homepageEventsTable td {
    border: 0;
    padding: 0em;
    vertical-align: bottom;    
}

#homepageEventsTable h3 {padding-top: 0px;}
#homepageEventsTable span {font-size: 1.1em; font-weight: bold;}
#homepageEventsTable input {padding: 0;border: 0;}
#homepageEventsTable label {font-weight: normal; margin-bottom: 10px; display: inline !important; }
.brancheventdate {font-size: 1em !important;}

.spotlight {
    width: 228px;
    float: left;    
    color: White;
    height: 300px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.spotlight div {
    margin-top: 190px;    
    padding: 10px;
    background: url("graphics/green-overlay-bg.png") repeat scroll 0 0 transparent;    
    min-height: 100px;
}

.spotlight h4 {margin: 0; color: White;}
.spotlight span {display: block; overflow: hidden; height: 52px;}
.spotlight a { color: White; text-decoration: none !important; display: block; margin-top: 5px; }
.spotlight a:hover { color: White; text-decoration: underline !important; }    
.spotlight img { /*float: right;*/ }

#spotlightOne {
    margin-right: 10px;
    background-image: url(/graphics/spotlight_1.jpg);
}

#spotlightTwo {
    margin-left: 10px;
    background-image: url(/graphics/spotlight_2.jpg);
}

#spotlightThree {
    /*background-color: #98B738;*/
    height: 130px;
    overflow: hidden;
    margin-top: 14px;
    color: white;
    overflow: hidden;
    /*border: solid 1px #CCCCCC;*/
}

#spotlightThree h4 { color: White; margin: 0px;}
#spotlightThree img { /*float: left; max-width: 130px; max-height: 120px; margin: 6px 10px;*/}
#spotlightThree div {float: left; padding: 5px; width: 160px;}
#spotlightThree div img {max-width: 100; float: right;}

#donatePanel {
    /*border: solid 1px #CCCCCC;*/
    height: 132px;
    /*overflow: hidden;
    padding-left: 10px;*/
    margin-top: 22px;
}

#donatePanel iframe {
    overflow: hidden;
    border: 0 none;    
}


#donatePanel h4 {margin-top: 10px;}

.regionEventCount {font-size: 4.5em;padding-top: 0.5em;padding-bottom: 0.5em;}
.homepageRegionList {padding-top: 0.5em !important; width: auto; margin: 0;}
.homepageRegionList li {padding-top: 0.5em !important; width: 12em !important;}
.branchEventsFooterLink {float: right;padding-top: 1em;}

/* Events listing page */
.eventList {width: 100%;border:0;}
.eventList th {font-size: 1.3em;font-weight: bold;text-align: left;padding-bottom: 0.5em;}
.eventList td {
    border-top: dashed 0.1em #848484;
    padding-top: 2em;
    padding-bottom: 1em;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
.eventList td strong {font-size: 1.2em;}
.eventList .linkButton {width: 10em !important;}
table.eventList td a{clear:both}

/* News Listing page */
.newsList {list-style: none; padding-left: 0;}
.newsList li {padding: 0.5em 0.1em 0.1em 0.1em;}
.newsList .newsMonthHeader {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 1em;
}
.newsList .newsSelectedItem {color: #758d2d; font-weight: bold;}
.newsList .newsSelectedItem a {color: #758d2d; font-weight: bold;}
.newsList .newsSelectedItem a:hover {color: #758d2d; font-weight: bold;}

/* Search results page */
.searchResultsPanel {padding-left: 1em;}
.searchResults {border: 0; width: 80%;}
.searchResults td {border: 0;vertical-align: top;padding-left: 1em;}
.searchItemPrimary {
    border: 0; 
    width: 30%;
    font-size: 1.2em;
}
.searchResultsNoMatch {
    color: Red;
    font-size: 1.2em;
}


/* Dialog Panels - These are mainly admin screens */
.info, .success, .warning, .error, .validation {
    border: 0.1em solid;
    margin: 1em 0em;
    padding:1.5em 1em 1.5em 5em;
    background-repeat: no-repeat;
    background-position: 1em center;
    font-size: 14px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('graphics/icons/info.png');
}
.info h1, .info h2, .info h3  {padding-top: 0em; color: #00529B;}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('graphics/icons/success.png');
}
.success h1, .success h2, .success h3 {padding-top: 0em; color: #4F8A10;}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('graphics/icons/warning.png');
}
.warning h1, .warning h2, .warning h3 {padding-top: 0em; color: #9F6000;}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('graphics/icons/error.png');
}
.error h1, .error h2, .error h3 {padding-top: 0em; color: #D8000C;}



table.homepageRegionEventTable tr td p { margin-top:1em; text-align:center }
ul.homepageRegionList_sdk { list-style-type:none; margin-left:0em; padding-left:0em; }
ul.homepageRegionList_sdk li { padding-bottom:0.3em }

div.wideColumn div.contentWrap div table{border-width:0px; background-color:#98B738; color:#FFFFFF}
div.wideColumn div.contentWrap div table a:hover{color:#000000; text-decoration: underline}

/* Static Navigation */
.static_navigation {border: solid 0.1em #848484; margin: 1em;}
.static_navigation em {display: block; color: Red;text-align: center;}
.static_navigation ul {}

.static_navigation ul>li {
    list-style: none;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
}

.static_navigation ol:first-child {padding-top: 0.5em;}
.static_navigation ol>li {
   list-style: none;
   font-size: 0.8em;
   font-weight: normal;
}

/* New Dynamic Navigation */
#menuWrapper {
    float: left; 
    background-color: rgb(152, 183, 56); 
    width: 30em;
    text-transform: uppercase;
}

#menuWrapper ul { margin: 0px; float: left; padding-left: 10px;}
#menuWrapper ul li { float: left; padding-left: 1em; list-style-position: inside;}
#menuWrapper > ul li:first-child { list-style: none !important; padding: 0px !important;}

#navControl {
    background-image: url(/graphics/menu_button.png); 
    background-repeat: no-repeat; 
    float: left;
    cursor: pointer;
    margin-top: -4px;
    padding: 4px 0px 2px 0px;
    text-align: center;
    color: #4C6F07;
    width: 74px;
}

#navPopup { 
    display: none; 
    width: 900px; 
    background-color: #98B738; 
    color: White; 
    position: absolute; 
    font-size: 0.74em; 
    z-index: 3;
    margin-left: -30px;
    text-transform: none;
    cursor: auto;
    list-style: auto;
    text-align: left;
    font-weight: normal;
}

#navPopup table { width: 100%; padding: 10px;}
#navPopup table td { width: 25%; vertical-align: top; padding: 10px; }

.nav_category {}
.nav_category h3 { color: #4C6F07; font-size: 1.4em; margin: 11px 0; clear: both;}
.nav_category ul { padding: 0px; margin: 11px 0 !important; }
.nav_category li { display: list-item; list-style: none; font-size: 1.2em; padding: 0 !important; float: none !important;}
.nav_category a { color: White; }
.nav_category a:hover { color: White; text-decoration: underline; }

/* This is used by the gallery popups */
.dynamicNavContainer {
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
}

/* hacks */