/* WTG COLORS */
/* by Samantha Orme, 5/6/2005 */

/* :STRUCTURE
----------------------------------------------- */

body {
	background-color: #4d664d;
}

div#container {
	background-color: #295845; /* left_col background */
	color: #000;
}

div#content {
	/* put header bg here to avoid no-bg-in-padding bug in ff, moz, safari, etc. */
	background: #f8efd3;
}
/* individual page headers */
.s_0 div#content { background: #f8efd3 url(../_art/headers/0.gif) -150px 0 no-repeat;  }
.s_1 div#content { background: #f8efd3  url(../_art/headers/1.gif) -150px 0 no-repeat; }
.s_2 div#content { background: #f8efd3  url(../_art/headers/2.gif) -150px 0 no-repeat; }
.s_3 div#content { background: #f8efd3  url(../_art/headers/3.gif) -150px 0 no-repeat; }
.s_4 div#content { background: #f8efd3  url(../_art/headers/4.gif) -150px 0 no-repeat; }
.s_5 div#content { background: #f8efd3  url(../_art/headers/5.gif) -150px 0 no-repeat; }
.s_6 div#content { background: #f8efd3  url(../_art/headers/6.gif) -150px 0 no-repeat; }
.s_7 div#content { background: #f8efd3  url(../_art/headers/7.gif) -150px 0 no-repeat; }
.s_8 div#content { background: #f8efd3  url(../_art/headers/8.gif) -150px 0 no-repeat; }
.s_9 div#content { background: #f8efd3  url(../_art/headers/9.gif) -150px 0 no-repeat; }
.s_10 div#content { background: #f8efd3  url(../_art/headers/10.gif) -150px 0 no-repeat; }
.s_11 div#content { background: #f8efd3  url(../_art/headers/11.gif) -150px 0 no-repeat; }
.s_12 div#content { background: #f8efd3  url(../_art/headers/12.gif) -150px 0 no-repeat; }
.s_13 div#content { background: #f8efd3  url(../_art/headers/13.gif) -150px 0 no-repeat; }
.s_14 div#content { background: #f8efd3  url(../_art/headers/14.gif) -150px 0 no-repeat; }
.s_default div#content { background: #f8efd3  url(../_art/headers/cloisters_mast.jpg) -150px 0 no-repeat; }
.s_gi div#content { background: #f8efd3  url(../_art/headers/cloisters_gi.jpg) -150px 0 no-repeat; }
.s_ep div#content { background: #f8efd3  url(../_art/headers/cloisters_ep.jpg) -150px 0 no-repeat; }
.s_v div#content { background: #f8efd3  url(../_art/headers/cloisters_visiters.jpg) -150px 0 no-repeat; }
.s_wyrh div#content { background: #f8efd3  url(../_art/headers/cloisters_wyrh.jpg) -150px 0 no-repeat; }
.s_a div#content { background: #f8efd3  url(../_art/headers/cloisters_accessibility.jpg) -150px 0 no-repeat; }

div#bottom_links { color: #000000; }
div#bottom_links a { color: #000000; }
div#bottom_links a:hover { color: #ddd; }


/* :TEXT
----------------------------------------------- */

h3 { 
	background-color: #4b6e4b;
	border-color: #ccc;
	color: #fff;
}

h4 { background-color: #b5b0a4; color: #fff; }

h5 { color: #000; border-color: #000; }

h6.special .color_orange { color:#cc3300;}

form sup { color: #e19031; }

div#toolbar { background-color: #ccc; color: #000; }
div#toolbar a { color: #333; }
div#toolbar a:hover { color: #fff; }

div#instructions { font-size: 0.8em;  }

.btt { font-size: 80%; text-align: right; }

/* :CONTENT-TEXTBOXES
----------------------------------------------- */

div.ibox {background-color:#f8efd3;}
div.ibox h6.orange {color:#cc3300;font-size: 1.2em;}

div.textbox { background-color: #e9e1c8; border-color: #f8efd3; }

div.textbox.special { background-color:#f8efd3;}

div.textbox p.chunkbottom { border-color: #666; }

/* alternative box colors */
div.textbox.nocolor { background-color: #f8efd3; }
div.textbox.color01 { background-color: #e6be85; }
div.textbox.color01 h6.color01 { color: #666; font-size: 1.2em; }
div.textbox.color01 h6.color02 { color: #fff; font-size: 1.2em; }
div.textbox.color02 { background-color: #e9e1c8; }
div.textbox.color02 h6.color01 { color: #9d4e08; font-weight: normal; }
div.textbox.color03 { background-color: #d2d7d8; color: #666; }
div.textbox.color03 small { color: #000; }

/* alternative box parameters - added by Boris Smirnov*/

div.textbox.color_yellow { border-bottom-color: #ff9900;}
div.textbox.color_yellow h6 { color: #ff9900; font-size: 1.2em; }
div.textbox.color_yellow h6 a {color: #ff9900;}
div.textbox.color_yellow h4, h4.color_yellow {color: #fff; background-color: #ff9900; }

div.textbox.color_yellow h6.color_yellow { color: #666; font-size: 1.2em; }
div.textbox.color_yellow h6.color_yellow { color: #fff; font-size: 1.2em; }

div.textbox.color_green { border-bottom-color: #669966;}
div.textbox.color_green h4, h4.color_green {color: #fff; background-color: #669966; }
div.textbox.color_green h6 { color: #669966; font-size: 1.2em; }
div.textbox.color_green h6 a {color: #669966;}
div.boxcontent.color_green { border-bottom-color: #669966; }
div.boxcontent.color_green h4, h4.color_green {color: #fff; background-color: #669966; }
div.boxcontent.color_green h6 { color: #669966; font-size: 1.2em; }





div.textbox.color_blue {  }
div.textbox.color_blue h4, h4.color_blue {color: #fff; background-color: #6699cc;  }
div.textbox.color_blue h6 { color: #6699cc; font-size: 1.2em; }
div.textbox.color_blue h6 a {color: #6699cc;}
div.textbox.color_purple { border-bottom-color: #666699; border-color:#666699; }
div.textbox.color_purple h4, h4.color_purple {color: #fff; background-color: #666699;  }
div.textbox.color_purple  h6 { color: #666699; font-size: 1.2em; }
div.textbox.color_purple h6 a {color: #666699;}
div.textbox.color_orange { border-bottom-color: #cc3300; }
div.textbox.color_orange h4, h4.color_orange,  {color: #fff; background-color: #cc3300;  }
div.textbox.color_orange  h6, div.ibox.color_orange h6 { color: #cc3300; font-size: 1.2em; }
div.textbox.color_orange h6 a {color: #cc3300;}
/* End */

div.textbox.linklist a { color: #9d4e08; }
div.textbox.linkbody { color: #000; border-bottom: 1px solid #9d4e08; margin-bottom: 5px; }

div.textbox.of1 div.of2cols.col1 { border-color: #f8efd3; }
div.textbox.of1.split_50_50 { background: url(../../_art/textbox_of1_split_5050.gif); }
div.textbox.of1.split_55_45 { background: url(../../_art/textbox_of1_split_5545.gif); }
div.textbox.of1.split_55_45 div.of2cols.col1 { width: 393px; border-right: 3px solid #f8efd3; }
div.textbox.of1.split_55_45 div.of2cols.col2 { background-color: #fbe8ad; }


/* :CONTENT-LINKBOXES
----------------------------------------------- */

div.linkbox { background-color: #e9e1c8; border-color: #f8efd3; }

div.linkbox p.linkbody { color: #333; }
div.linkbox p.linkfooter { background-color: #e6be85; color: #fff; }

div.linkbox h4 a { text-decoration: none; color: #fff; }
div.linkbox h4 a:hover { color: #f7cf96; }
div.linkbox p.linkfooter a { text-decoration: none; color: #fff; }
div.linkbox p.linkfooter a:hover { color: #999; }

div.linkbox.navlinkbox { background-color: #f8efd3;}


/* :LEFTCOL
----------------------------------------------- */

div#left_col { background: #295845; left: 0px;}
div#left_col ul#home_nav { background: #f8efd3  url(../_art/headers/cloisters_mast.jpg) 0 0 no-repeat; }

#left_col a { color: #fff; text-decoration: none; }
#left_col a:focus { text-decoration: none; color: #999; }
#left_col a:hover { text-decoration: none; color: #999; }
#left_col a:active { text-decoration: none; color: #999; }

#left_col ul li a { color: #fff; text-decoration: none; }
#left_col ul li a:hover { text-decoration: none; color: #999; }
#left_col ul li a:active { text-decoration: none; color: #999; }

div#left_col ul li ul li a { color: #fff; text-decoration: none; }
div#left_col ul li ul li a:hover { text-decoration: none; color: #999; }
div#left_col ul li ul li a:focus { text-decoration: none; color: #999; }
div#left_col ul li ul li a:active { text-decoration: none; color: #999; }

div#left_col div#searchbox { background-color: #b18b60; }


/* :CONTENT-LINKBOXES-INDIVPAGEHEIGHTS
----------------------------------------------- */

#p_0 div.linkbox p.linkbody { height: 8em; voice-family: "\"}\""; voice-family:inherit; height: 7em; }
body>html #p_0 div.linkbox p.linkbody { height: 7em; }

#p_1 div.linkbox.of3 p.linkbody { height: 5em; voice-family: "\"}\""; voice-family:inherit; height: 4em; }
body>html #p_1 div.linkbox.of3 p.linkbody { height: 4em; }
*>html #p_1 div.linkbox.of3 p.linkbody { \height: 6em; }

#p_3 div.linkbox p.linkbody { height: 3em; voice-family: "\"}\""; voice-family:inherit; height: 2em; }
body>html #p_3 div.linkbox p.linkbody { height: 2em; }

#p_4 div.linkbox p.linkbody { height: 8em; voice-family: "\"}\""; voice-family:inherit; height: 7em; }
body>html #p_4 div.linkbox p.linkbody { height: 7em; }

#p_5 div.linkbox p.linkbody { height: 10.7em; voice-family: "\"}\""; voice-family: inherit; height: 9.7em; }
body>html #p_5 div.linkbox p.linkbody { height: 9.7em; }
#p_5 div.linkbox.of1 p.linkbody { height: 1%; }

#p_7 div.linkbox h4 { height: 4.6em; voice-family: "\"}\""; voice-family:inherit; height: 4em; }
html>body #p_7 div.linkbox h4 { height: 4em; }

#p_14 div.linkbox p.linkbody { height: 12em; voice-family: "\"}\""; voice-family:inherit; height: 9.5em; }
body>html #p_14 div.linkbox p.linkbody { height: 9.5em; }

#p_39 div.textbox.of2 { height: 37em; }
body>html #p_39 div.textbox.of2 { height: 33em; }

/* :LEFTCOL-MENUHIGHLIGHT
----------------------------------------------- */
/* highlights menu item based on body id */
/* (if this were dynamically generated, we would only need about 2 of these rules) */

.s_0 ul#sections_nav li#l_0 a,
.s_1 ul#sections_nav li#l_1 a,
.s_2 ul#sections_nav li#l_2 a,
.s_3 ul#sections_nav li#l_3 a,
.s_4 ul#sections_nav li#l_4 a,
.s_5 ul#sections_nav li#l_5 a {
	color: #999; 
}

/* undo unfortunate cascade of parent li to all a's in nested lists */
.s_0 ul#sections_nav li#l_0 ul li a,
.s_1 ul#sections_nav li#l_1 ul li a, .s_1 ul#sections_nav li.l_1 ul li a,
.s_2 ul#sections_nav li#l_2 ul li a,
.s_3 ul#sections_nav li#l_3 ul li a,
.s_4 ul#sections_nav li#l_4 ul li a,
.s_5 ul#sections_nav li#l_5 ul li a
 { 
	color: #fff; 
}

/*ul#sections_nav li ul li a { color: #999; }*/
ul#sections_nav li a { color: #fff; }

/* fix hover behaviour */
.s_0 ul#sections_nav li#l_0 ul li a:hover,
.s_1 ul#sections_nav li#l_1 ul li a:hover, .s_1 ul#sections_nav li.l_1 ul li a:hover,
.s_2 ul#sections_nav li#l_2 ul li a:hover,
.s_3 ul#sections_nav li#l_3 ul li a:hover,
.s_4 ul#sections_nav li#l_4 ul li a:hover,
.s_5 ul#sections_nav li#l_5 ul li a:hover { 
	color: #fff; 
}
ul#sections_nav li ul li a { color: #fff; }
ul#sections_nav li ul li a:hover { color: #999; }

/* :POPUPS
----------------------------------------------- */
.popup { background-color: #f8efd3; }
.popup div.footer { background-color: #666; height: 25px; }

/* :CONTENT-FORM
----------------------------------------------- */
#errors li { color: #f00; }
sup.noreq { visibility: hidden; }
.radio { color: #ffc; }

p#submitbutton { clear: both; text-align: right; }
input#donation_other { 
	width: 100px; 
	height: 20px; 
	margin: 0 0 0 5px; 
	padding: 2px; 
	border: 1px solid #000; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	height: 14px;
}
html>body input#donation_other { height: 14px; }

div#gift_info table { margin: 0 10px; font-size: 1em; }
div#gift_info table tr th { text-align: left; }
div#gift_info table tr td input { width: 20px; margin-top: 2px; }
div#gift_info table tr td { vertical-align: top; }

div#gift_info table tr td, div#gift_info table tr th { border-bottom: 1px solid #333; padding-bottom: 3px; }
div#gift_info table tr th#qty_col { width: 30px; }
div#gift_info table tr th#type_col { width: 220px; }
div#gift_info table tr th#price_col { width: 40px; }
div#gift_info table tr th#total_col { width: 60px; }


/* :2Col Box Colors
----------------------------------------------- */


div.columns.yellow div.columnsb
{
    background-image: url('../_art/yellow.gif') ;
    background-position: center bottom;
    background-repeat: no-repeat;
}

div.columns.yellow h6 { color: #ff9900; font-size: 1em; }

div.boxcontent.yellow h6 a, div.columns.yellow h6 a {color: #ff9900;}
div.boxcontent.yellow h6 a:hover, div.columns.yellow h6 a:hover {color: #ff9900; text-decoration:none;}
div.columns.yellow h4, h4.color_yellow {color: #fff; background-color: #ff9900; }


div.columns.blue div.columnsb
{
    background-image: url('../_art/blue.gif') ;
    background-position: center bottom;
    background-repeat: no-repeat;
      }
div.columns.blue  h4, h4.color_blue {color: #fff; background-color: #6699cc;  }
div.columns.blue  h6 { color: #6699cc;font-size: 1.2em; }
div.columns.blue  h6 a {color: #6699cc;}
div.columns.blue  h6 a:hover {color: #6699cc; text-decoration:none;}

div.columns.green div.columnsb
{
    background-image: url('../_art/green.gif') ;
    background-position: center bottom;
    background-repeat: no-repeat;
      }
div.columns.green  h4, h4.color_green {color: #fff; background-color: #669966;  }
div.columns.green  h6 { color: #669966;font-size: 1.2em; }
div.columns.green  h6 a {color: #669966;}
div.columns.green  h6 a:hover {color: #669966; text-decoration:none;}

div.columns.yellow div.columnsb
{
    background-image: url('../_art/yellow.gif') ;
    background-position: center bottom;
    background-repeat: no-repeat;
      }
div.columns.yellow  h4, h4.yellow {color: #fff; background-color: #ff9900;  }
div.columns.yellow  h6 { color: #ff9900;font-size: 1.2em; }
div.columns.yellow  h6 a {color: #ff9900;}
div.columns.yellow  h6 a:hover {color: #ff9900; text-decoration:none;}

div.columns.orange div.columnsb
{
    background-image: url('../_art/orange.gif') ;
    background-position: center bottom;
    background-repeat: no-repeat;
      }
div.columns.orange  h4, h4.orange {color: #fff; background-color: #cc3300;  }
div.columns.orange  h6 { color: #cc3300;font-size: 1.2em; }
div.columns.orange  h6 a {color: #cc3300;}
div.columns.orange  h6 a:hover {color: #cc3300; text-decoration:none;}

/**
*  alternative box parameters - added by Boris Smirnov
*/



div.boxcontent { background-color: #e9e1c8; border-color: #f8efd3; }
div.boxcontent p.chunkbottom { border-color: #666; }

div.boxcontent.yellow { border-bottom-color: #ff9900;border-color:#ff9900; }
div.boxcontent.yellow h6 { color: #ff9900; font-size: 1.2em; }
div.boxcontent.yellow h4, h4.color_yellow {color: #fff; background-color: #ff9900; }

div.boxcontent.yellow h6.color_yellow { color: #666; font-size: 1.2em; }
div.boxcontent.yellow h6.color_yellow { color: #fff; font-size: 1.2em; }

div.boxcontent.yellow h6 a, div.columns.yellow h6 a {color: #ff9900;}
div.boxcontent.yellow h6 a:hover, div.columns.yellow h6 a:hover {color: #ff9900; text-decoration:none;}
.yellow h6.black  {color:black;}

div.boxcontent.green { border-bottom-color: #669966;border-color:#669966 }
div.boxcontent.green h4, h4.color_green {color: #fff; background-color: #669966; }
div.boxcontent.green h6 { color: #669966; font-size: 1.2em; }

div.boxcontent.blue { border-bottom-color: #6699cc;border-color:#6699cc; }
div.boxcontent.blue h4, h4.color_blue {color: #fff; background-color: #6699cc;  }
div.boxcontent.blue h6 { color: #6699cc; font-size: 1.2em; }

div.boxcontent.purple { border-bottom-color: #666699; border-color:#666699; }
div.boxcontent.purple h4, h4.color_purple {color: #fff; background-color: #666699;  }
div.boxcontent.purple  h6 { color: #666699; font-size: 1.2em; }

div.boxcontent.orange { border-bottom-color: #cc3300; }
div.boxcontent.orange h4, h4.color_orange {color: #fff; background-color: #cc3300;  }
div.boxcontent.orange  h6 { color: #cc3300; font-size: 1.2em; }

div.boxcontent.grey { border-bottom-color: #999999; }
div.boxcontent.grey h4, h4.color_grey {color: #fff; background-color: #999999; }
div.boxcontent.grey h6 { color: #999999; font-size: 1.2em; }

div.boxcontent.maroon { border-bottom-color: #660000;border-color:#660000 }
div.boxcontent.maroon h4, h4.color_maroon {color: #fff; background-color: #660000; }
div.boxcontent.maroon h6 { color: #660000; font-size: 1.2em; }

/* for new default.aspx page
----------------------------------------------- */
div.topbox {background-color:#e7ca6f;}
div.colLeft span.textColor, div.colRight span.textColor {color:#cc3300; }
div.colRight p.first a {color:#cc3300; }
div.colRight p.first a:active {color:#310000; }
div.colRight p.first a:hover {color:#310000; }

div#boxcontent { background-color: #e7ca6f; border: solid 0 #e7ca6f; }
div.cloisters_a a { color: #003300; }
div.green_bottom_border { border-bottom: solid 1px #3d5a3d; }
.cc3300 { color: #cc3300; }
.color_black { color: #000000; }

.color_003300 { color: #003300; }
.color_003366 { color: #003366; }
.color_336699 { color: #336699; }
span.wordcolor { color: #3d5a3d; }
div#admissionLeft a { color: #3d5a3d; }

div.bottom_row div.cola a, div.bottom_row div.colb a { color: #003300; }
.Green_color { color:#fff; background-color:#3d5a3d; } 
.Green_bgcolor { color:#fff; background-color:#5C765C; }

.clear { clear:both;} 

table#tHeader tr td  h4.header_date {width: auto; display:block;float: none;}
table#tHeader tr td  h4.date {width: auto;display:block;float: none;}
table#tHeader tr td  h4.header_date, table#tHeader tr td  h4.date  { margin-bottom: 0;}
table#tHeader tr td { padding:0; border: none;}
table#tHeader { border-collapse: collapse; width: 100%;}

div.whatsNew { background-color: #e9e1c8; }
div.whatsNew.yellow h5 {color: #fff; background-color: #ff9900; }
/* div.blue_bottom_border { border-bottom: solid 1px #4d664d; } */
/* End */