@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,300italic,400italic,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand&display=swap'); 
* { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding: 0; background-color: #3b2f89; font-family: 'Open Sans', sans-serif; color: #333; }	
	body {}
#container { width: 100%; /* min-height: 100%;  */ }
#social_media {position: absolute; right:10px; top: 70px;}
#social_media img {
display: block;
max-width: 30px; 
margin-left: 0;
margin-top: 0;
	
	/* 	-webkit-transition-property: all; /* Safari */
	/*   -webkit-transition-duration: 0.4s; /* Safari */
   /*  transition-property: all;
    transition-duration: 0.4s;
 */
    }

#social_media .social_expand
{
	float: left;
	margin: 1px;
	padding-top: 0px;	
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transition-property: all;
	/* Safari */
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-property: all;
	transition-duration: 0.4s;
}
#social_media .twitter {background-color: #000000; background-image: url('/images/structural/bg-twitter-2.png');}
#social_media .X {background-color: #000000; background-image: url('/images/structural/bg-X-2.png');}
#social_media .facebook {background-color: #3B589E; background-image: url('/images/structural/bg-facebook-2.png');}
#social_media .pinterest {background-color: #B93936; background-image: url('/images/structural/bg-pinterest-2.png');}
#social_media .linkedin {background-color: #007BB5; background-image: url('/images/structural/bg-linkedin-2.png');}
#social_media .share {background-color: #009000; background-image: url('/images/structural/bg-share-2.png');}
#social_media .instagram {background-color: #DA3082; background-image: url('/images/structural/bg-share-2.png');}
#social_media .search {background-color: #800080; background-image: url('/images/structural/bg-search-2.png');}

#social_media .social_expand:hover { padding-top: 80px;}

#sharing_block { display: none; }
#sharing_block #sh_block_blackout { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #333; opacity: 0.65;}
#sharing_block #sh_block_content { position: fixed; width: 300px; top: 25%; left: calc((100% - 300px)/2); background-color: #fff; color: #000; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); -moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); padding-bottom: 10px;}
#sharing_block #sh_block_content h2 { text-align: center; font-size:2em; color: #3b2f89; font-weight: 300; margin-top: 10px; }
#sharing_block .close_sharing_block { position: absolute; right: 10px; top: 10px; cursor: pointer; }
#sharing_block .share_icon { float: left; width: 35%; }
#sharing_block .share_icon:nth-child(odd) { margin:5px 5% 0 10%; }
#sharing_block .share_icon:nth-child(even) { margin:5px 10% 0 5%;  }
#sharing_block .share_icon img { max-width: 100%; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); -moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#search_block { display: none; }
#search_block #search_block_blackout { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #333; opacity: 0.65;}
#search_block #search_block_content { position: fixed; width: 300px; top: 25%; left: calc((100% - 300px)/2); background-color: #fff; color: #000; border-radius: 10px; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); -moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); padding-bottom: 10px;}
#search_block #search_block_content h2 { text-align: center; font-size:1.5em; color: #3b2f89; font-weight: 300; margin-top: 30px; }
#search_block .close_search_block { position: absolute; right: 10px; top: 10px; cursor: pointer; }
#search_block fieldset {margin: 1em; padding: 1em; }
#search_block .fabutton {background: none; padding: 0px; border: none; font-size: 1.25em; color: #999;}
#search_block input[type=text] { width: 80%;}


/*#quicklinks {position: fixed; right:0px; top: 200px;}*/
#quicklinks {float: left; right:0px; top: 200px;}
#quicklinks .quicklink_icon_holder { float: right; color: #fff;  width: 50px; height: 40px; margin-top: 10px; -webkit-transition-property: all; overflow: hidden;
background-repeat: no-repeat;
	background-position: left center;
	/* Safari */
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-property: all;
	transition-duration: 0.4s;}
#quicklinks .quicklink_icon_holder i {display: inline-block;  font-size: 24px; margin: 8px;}

#quicklinks .quick_script {background-color: #28B11A; background-image: url('/images/structural/bg-quicklink-script.png');}
#quicklinks .quick_book {background-color: #F415C4;  background-image: url('/images/structural/bg-quicklink-book.png');}
#quicklinks .quick_directory {background-color: #4721F1;  background-image: url('/images/structural/bg-quicklink-directory.png');}
#quicklinks .quick_workshop {background-color: #FF9E11; background-image: url('/images/structural/bg-quicklink-workshop.png');}

#quicklinks .quicklink_icon_holder:hover {width: 150px; }

#head_section { float: left; width: 100%; background-color: #FFFFFF;}
#head_section_inner
	{
		max-width: 1000px;
		width: 100%;
		margin: auto;
		padding: 0.5em 0;
		background-image: none;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;

		
	}
#head_section_inner img { max-width: 150px;}
#head_section_inner img.logo {max-width: 40%; margin-left: 5%; }

#menu_trigger { background-color:transparent; position: absolute; right: 20px; top: 20px; display: none; cursor:pointer; border: 2px solid #2264b8; border-radius:5px; }
#menu_trigger i {font-size: 1.5em; color: #3b2f89;padding: 0.1em 0.2em;}
nav { float: left; width: 100%; background-color: #3b2f89;  }
#menu { }
#menu_inner { clear: both; width: 100%;}
#menu ul { padding: 0em; width: 100%; list-style-type: none; font-size: 1.0em; font-weight: normal; background-color: transparent; margin-top: 0em;}
#menu li { margin: 0; padding: 1em 0.5em; background-color: transparent;  color: #999; border-top: 2px solid #fff;}
#menu li a { color: #FFF; }
#menu li a:hover { color: #FFCD00; text-decoration: none;}
#menu li.withdrop { cursor:pointer; background-image:url('/images/structural/menu-arrow.png'); background-repeat: no-repeat; background-position: right 20px; color: #fff;}
#menu li.withdrop:hover { color: #FFCD00; text-decoration: none;}
#menu li ul { clear: both; background-color: #3b2f89; padding: 0 0 1em 3%; margin: 0; font-size: 1em;font-weight: normal; width: 97%;
} 
#menu li ul li { margin: 1em 0; padding: 0; border-top: none;} 
#menu li ul li a { color: #FFF;  text-decoration: none;}
#menu li.live ul li a { color: #FFF;  text-decoration: none;}
#menu li.live ul li a:hover { color: #FFCD00; }
#menu li.live ul li.live a { color: #FFCD00;  }
#menu ul li i { color: #3b2f89; font-size: 1.5em; }
#menu ul li.second { margin: 0.5em 0 0 0;  text-transform: uppercase; letter-spacing: 0.2em; font-size: 1.25em; font-weight: 700; }
#menu ul li.third { margin: 0.25em 0 0 1.5em; font-size: 1em; }
#menu ul li.fourth { margin: 0.1em 0 0 2em; font-size: 0.9em; }
#menu ul li.fifth { margin: 0.1em 0 0 2.5em; font-size: 0.9em; }
#menu ul li.sixth { margin: 0.1em 0 0 3em; font-size: 0.9em; }
#menu ul li.sub_section_divider  { margin: 0.2em 0 0.4em 0; font-size: 0.9em; border-bottom: 1px dotted #fff; width: 100%; }

#menu .sub_menu { display: none; }

.white_spacer {float: left; width: 100%; height: 2px; background-color: #fff;}
#banner_section {float: left; width: 100%; background-color: #3b2f89; 
		background-image: url('/images/structural/texture-bkgrnd-3.jpg');
		background-repeat: repeat;
		background-position: center center;
			min-height: 2px;
		padding: 2px 0;}
#alt_banner_section {float: left; width: 100%; background-color: #3b2f89; 
			min-height: 2px;
		padding: 2px 0;}
#banner_section_inner {	width:100%; text-align: center; margin: 0 auto; clear: both; max-width: 1000px;}
		
#banner_section_inner h1 { text-align: center; color: #fff; font-size: 2.0em; width: 90%; margin: 0.5em auto 0 auto;}
#banner_section_inner p {text-align: center; color: #fff; font-size: 1.0em; width: 85%; margin: 0 auto 2em auto; }

#product_section {float: left; width: 100%; background-color: #3b2f89; 
		/*background-image: none; */
		background-image: url('/images/structural/product-bkgrnd.png');
		background-repeat: no-repeat;
		background-position: center center;}
#product_section_inner {	width:100%; text-align: center; margin: 0 auto; clear: both; max-width: 1000px;}
		
#product_section_inner h1 {text-align: left; color: #fff; font-size: 1.8em;  font-weight: 300; width: 90%; margin: 0 0 0.5em 2%;}
#product_section_inner h2 {text-align: left; color: #fff; font-size: 1.0em; font-weight: 300; width: 90%; margin: 0.5em 0 0 2% ;}
#product_section_inner h3 {text-align: left; color: #fff; font-size: 2.5em; font-weight: 100; width: 90%; margin: 0.5em 0 0.25em 2% ;}
#product_section_inner p {text-align: center; color: #fff; font-size: 1.0em; width: 85%; margin: 0 auto 2em auto; }


#content .navigation_block .footer h3 { font-size: 1.2em; text-align: center; color: #ffffff;} /* or black as an option */
#content .section_directory .footer h3  { color: #ffffff; }

#content_section { float: left; width: 100%; background-color: #fff;}
#content {width: 96%; max-width: 1000px; margin: 0 2% 20px 2%; position: relative; clear: both; }
#content h1 {text-align: left; clear: both; color: #333;  font-weight: 200;}
#content h2 {color: #2264b8; font-weight: 300; font-size: 2em;}
#content h3 {color: #3b2f89; font-weight: 300; font-size: 1.5em; margin: 1em 0;}
#content h4 {color: #333; font-size: 1em; font-weight:600;}
#content p {color: #000; font-size: 0.9em; line-height: 200%; font-weight:300;}
/* #content a {color: #4721F1; text-decoration: none;  } */
#content a {color: #2a2aca;  text-decoration: none; font-weight:400; }
#content a:hover {color: #999; text-decoration: underline; }
#content img {max-width: 100%;  }
#content .navigation_block {
float: left; width: 95%; background-color: white; border: 1px solid #999; margin:5px 0 0 2% ; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#content .navigation_block .header {  min-height: 1.2em; } 
#content .navigation_block h2 {margin: 0.5em; font-size: 1rem; color: #fff; font-weight:600; letter-spacing: 0.04em; text-align: center;}
#content .navigation_block ul {color: #666; padding: 20px; list-style-image: url('/images/structural/ul-triangle.png');
}
#content .navigation_block li {font-size: 0.9em; color: #666; font-weight:300;}
#content .navigation_block li a {color: #666; text-decoration: none;}
#content .navigation_block li a:hover {color: #3b2f89; text-decoration: underline;}

#content .split_divider_holder { }
#content .left_third {text-align: center; float: left; width: 90%; margin: 0 5%;}
#content .divider_third {text-align: center; float: left; width: 100%;}
#content img.divider_image { border: 0; max-width: 50px;}
#content .right_third{ text-align: center; float: left; width: 90%; margin: 0 5%;}

#content .split_holder div {border-radius: 10px; padding: 0; float: left; width: 90%; border: 1px solid #999; overflow: hidden; }
#content .split_holder .left_product { margin: 0 5%; }
#content .split_holder .right_product{ margin: 40px 5% 0 5%; }
#content .split_holder p {font-size: 1.0em; font-weight: 200; text-align: left; line-height: 150%; padding: 5px 10px;}
#content .split_holder h2 { text-align: center; color: #fff; font-weight: 300; background-color: #3b2f89;}
#content .split_holder h3 { color: #666; font-weight: 300; font-size: 1.5em; margin:0.2em 0.5em; text-align: center;}
#content .split_holder img {max-width: 30%; float: left; border-radius: 0; border: none; margin: 10px;} 

#content .centred_full {text-align: center; float: left; width: 100%; }
#content .centred_full h3 {color: #666; font-weight: 300; font-size: 1.5em;}
#content .centred_full p {margin: 0 5%;}

#content .announcement {text-align: center; float: left; width: 100%;}
#content .announcement h2 {color: #C00; font-weight: 600; font-size: 2em;}
#content .announcement p {margin: 0 5%; font-size: 1.25em;}

#content .product_full {text-align: left; float: left; width: 90%; margin: 0 5%;}
#content .product_full h2 {color: #3b2f89; font-weight: 300; font-size: 2em;}
#content .product_full p {font-size: 1.25em; font-weight: 200;}
#content .product_full ul {font-size: 1.25em; font-weight: 200; padding: 1em 2em; list-style-image: url('/images/structural/square-bullet.png');}
#content .product_full li {margin: 0 0 0.5em 0;} 
#content ul li i.fas {color: #3b2f89; font-size: 0.8em;}

#content #latest_product_box {float: left; }
#content #latest_news_box {float: left; }
#content .announce_box { width: 90%; border: 1px solid #999; border-radius: 10px;  margin: 0 5% 1em 5%;}
#content .announce_box .header {border-bottom: 1px solid #999; }
#content .announce_box h2 {margin: 0.5em; font-size: 1rem; color: #666; font-weight:400; letter-spacing: 0.04em; }
#content .announce_box p {margin: 0.5em; }
#content .announce_box img {margin: 0.5em; float: left; }
#content .announce_box .box_link { color: #3b2f89; font-weight: 300; font-size: 1.5em; text-align: right; margin: 0 1em; } 

#content .mini_box_holder {width:95%; float: left; }
#content .mini_box {float: left;  border: 1px solid #999; margin: 0 1% 0 0; text-align: center; line-height: 120%; min-height: 75px;} 
#content .drama_resource { background-color: #00ECEB;}
#content .education { background-color: #FFD9F9;}
#content .youth_theatre { background-color: #FEE200;}
#content .mini_box a {font-size: 0.8em;} 

#content #breadcrumb { padding: 1em 0; font-size: 0.8em;}
#content #breadcrumb a { color: #3b2f89; text-decoration: none; }
#content #breadcrumb a:hover { color: #990000; text-decoration: underline;}

#content .col { float: left; width: 100%; border-radius: 10px; max-width: 980px; }
#content .col p {font-size:1em; line-height: 180%; margin: 0.5em 0 0 0;}
#content .col ul { font-weight: 300; padding: 0.2em 2em; list-style-image: url("data:image/svg+xml,%3Csvg width='10' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='6' r='5' fill='%232a2aca' /%3E%3C/svg%3E"); }
#content .col ul li { font-size:1em; margin: 0.2em 0;}

#content .col ol { padding: 0.2em 2em; }
#content .col ol li { font-size:1em; margin: 0.2em 0;}
/* 

ol { counter-reset: item; }
        ol li { display: block; }
        ol li:before {
            content: counter(item) ". ";
            counter-increment: item;
            color: red;
        }
 */
#content .col dl { padding: 0.2em 2em; }
#content .col dl dt { font-size:1em; margin: 0.2em 0; font-weight: 400;}
#content .col dl dd { font-size:0.9em; margin: 0.1em 1em; font-weight: 200;}

#content img.drop_shadow { -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#content .level_box { background-color: #3b2f89; background-image: url('/images/structural/bkgd-drkblue.png'); background-repeat: repeat; color: #fff; margin: 20px 0; padding: 3%; width: 94%; max-width: 960px;	 -webkit-transition-property: all; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: all;
    transition-duration: 0.3s;}
#content .level_box:hover { 
	margin: 15px 10px 25px -5px; 
	-webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	}

#content .level_box p { color: #fff;}
#content .level_box h2 { color: #fff; font-size: 1.5em; font-weight: 700;}
#content .level_box a { color: #ff0; text-decoration: none; }
#content .level_box a:hover { color: #fff;text-decoration: underline; }
#content .read_more {text-align: right; font-size: 1.0em;} 
#content .huge {font-size: 2em; text-align: right; vertical-align: middle;}
#content .huge a {color: #ff0; text-decoration: none;}
#content .huge a:hover {color: #fff; text-decoration: none;}

#content .boxed_one { 
position: relative;
width: 94%;
background-color: #DDDDFF; 
background-image: url('/images/structural/texture-bkgrnd-4.jpg');
		background-repeat: repeat;
		background-position: center center;
	padding: 0.5em; 
	margin: 1em 0; 
	-webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#content .boxed_one .boxed_two_left  {
	width: 90%;
	float: left;
}
#content .boxed_one .boxed_two_right {
	width: 90%;
	float: left;
}
#content .boxed_one h2 { font-size: 1.25em;font-weight:700; margin: 0 0 0 0;}
#content .boxed_one p {}
/* 
#content .boxed_one img { position: absolute; top:2px; left: 5px; max-width:30px; -webkit-filter: drop-shadow(2px 2px 2px #999);
  filter: drop-shadow(2px 2px 2px #999);}
 */
#content .boxed_one img { max-width:30px; -webkit-filter: drop-shadow(2px 2px 2px #999);
  filter: drop-shadow(2px 2px 2px #999); margin-right: 5px; vertical-align: middle;}

#content p.indented { margin-left: 1em; }

#content #action_calls {position: relative;}
#content #action_calls a {font-weight: 300;}
#newsletter_blanker { display: none; position: fixed; background-color: #000; opacity: 0.7; width: 100%; height: 100%; z-index: 300; top:0; left: 0;}
#content #newsletter { cursor: pointer; }
#content #newsletter_signup { display: none; position: fixed; top: 20px; left: 5%; width: 90%; background-color: #ffffff; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); z-index: 400; border: 2px solid #999;}
#content #newsletter_signup #mc_embed_signup .close_subscribe_box { cursor: pointer; position: absolute; right: 10px; top: 10px; font-size: 1.25em;}
#content #newsletter_signup h2 { font-size: 1.25em; margin: 15px 0; font-weight: 200; }
#content #newsletter_signup #mc_embed_signup { font-family: 'Open Sans', sans-serif;}
#content #newsletter_signup #mc_embed_signup .label_holder { float: left; font-size: 0.9em; width: 20%; background-color: red; text-align: right; }
#content #newsletter_signup #mc_embed_signup label { text-align: right; }
#content #newsletter_signup #mc_embed_signup input[type="text"], #content #newsletter_signup input[type="email"] { font-size: 1em; margin: 0.2em 0.4em; width: 60%;  }
#content #newsletter_signup #mc_embed_signup input[type="radio"] { font-size: 1em; margin: 0.2em 0.4em;  }
#content #newsletter_signup #mc_embed_signup ul {list-style: none; margin: auto;} 
#content #newsletter_signup #mc_embed_signup ul li { float: left; text-align: left; clear: both; width: 50%; margin-left: 35%;} 
#content #newsletter_signup #mc_embed_signup ::-webkit-input-placeholder { color: #ddd; }
#content #newsletter_signup #mc_embed_signup :-ms-input-placeholder {color: #ddd; }
#content #newsletter_signup #mc_embed_signup ::placeholder {color: #bbb; }
#content #newsletter_signup #mc_embed_signup .button {padding: 0.25em 0; margin: 1em 10%; width: 80%; max-width: 200px; background-color: #28B11A; text-align: center; border-radius:20px; color: #fff; cursor: pointer;}

#content #newsletter_signup ul { list-style: none; }

/* mailchimp styling */
#mc_embed_signup{ width: 100%; background:#fff; clear:left; font:1em Helvetica,Arial,sans-serif; }
#mc_embed_signup .mc-field-group {}
#mc_embed_signup .mc-field-group label { }

/* specialist sections */
#content .poetry {font-family: 'Patrick Hand';}
#content .poetry p {font-size: 1rem; line-height:1.5em; margin: 1em;}
#content .poetry p:first-of-type:first-letter { font-weight: bold; font-size: 4rem; color: #28B11A; text-shadow: 2px 2px 6px #999; }

#content .story { border-bottom: 3px dotted #ddd; padding-bottom: 1em;}
/* 
#content .story h2 {font-size: 3rem; color: #3b2f89; text-align: center; font-weight: 200; text-transform: none; letter-spacing: 0.05em;}
#content .story h3 {font-size: 1.5rem; color: #3b2f89; text-align: center; font-weight: 400; text-transform: none;}
 */
#content .story h1 {font-size: 3rem; color: #3b2f89; text-align: center; font-weight: 200; text-transform: none; letter-spacing: 0.05em;}
#content .story h2 {font-size: 2rem; color: #3b2f89; text-align: center; font-weight: 200; text-transform: none; letter-spacing: 0.05em;}
#content .story h3 {font-size: 1.5rem; color: #3b2f89; text-align: center; font-weight: 400; text-transform: none;}
#content .story h4 {font-size: 1.5rem; color: #3b2f89; text-align: left; font-weight: 400; text-transform: none; margin: 0; text-decoration: overline;}
#content .story p {font-size: 1.2rem; line-height:2em; margin: 1.5em 3em;}
#content .story p:first-of-type:first-letter { font-weight: 200; font-size: 6rem; color: #3b2f89; text-shadow: 2px 2px 6px #999; }
#content .story ul {font-size: 1.2rem; line-height:2em; margin: 1.5em 3em;}

#content .monologues { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding-bottom: 1em;}
#content .monologues h1 {font-size: 3rem; color: #3b2f89; text-align: center; font-weight: 200; text-transform: none; letter-spacing: 0.05em;}
#content .monologues h2 {font-size: 2rem; color: #3b2f89; text-align: center; font-weight: 200; text-transform: none; letter-spacing: 0.05em;}
#content .monologues h3 {font-size: 1.5rem; color: #3b2f89; text-align: center; font-weight: 400; text-transform: none;}
#content .monologues h4 {font-size: 1.5rem; color: #3b2f89; text-align: left; font-weight: 400; text-transform: none; margin: 0; text-decoration: overline;}
#content .monologues p {font-size: 1.2rem; line-height:2em; margin: 1.5em 3em;}
/*#content .story p:first-of-type:first-letter { font-weight: 200; font-size: 6rem; color: #3b2f89; text-shadow: 2px 2px 6px #999; }*/
#content .monologues ul {font-size: 1.2rem; line-height:1.5em; margin: 1em 3em; list-style: none; }
#content .monologues ul li em { color: #28B11A;}


#content .dir_item, #content .course_item { width: 96%;
background-color: #DDDDFF; 
background-image: url('/images/structural/texture-bkgrnd-6.jpg');
		background-repeat: repeat;
		background-position: center center;
	padding: 0.5em; 
	margin: 1em 0; 
	-webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#content .dir_item .dir_full, #content .course_item .course_full   {
	width: 90%;
	float: left;
	margin: 0.5em 0;
}
#content .dir_item .dir_left  {
	width: 90%;
	margin-left: 2%;
	float: left;
}
#content .dir_item .dir_right {
	width: 90%;
	float: left;
	margin-left: 2%;
}


#content .course_item .course_left  {
	width: 90%;
	margin-left: 2%;
	float: left;
}
#content .course_item .course_right {
	width: 90%;
	float: left;
	margin-left: 2%;
}


/* end specialist sections */

#section_menu { background-color: #3b2f89; background-image: url('/images/structural/bkgd-drkblue.png'); background-repeat: repeat; padding: 10px 0; margin: 1em 0; float: left; width: 100%; }
#section_menu h2 {font-size: 1.2rem; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; margin: 0 0 1em 0;}
#section_menu h2 a {color: #fff;}
#section_menu h2 a:hover {color: #ff0;}
#section_menu ul { list-style-type: none; float: left; margin: 0 0 1em 0; width: 100%; }
#section_menu li { float: left; text-align: center; width: 33%; text-transform: uppercase; font-weight: 700; font-size: 0.75em; letter-spacing: 0.15em; }
#section_menu ul.half li {width: 50%;} 
#section_menu ul.full li {width: 100%;} 
#section_menu li a { color:#fff; }
#section_menu li a:hover { color:#ff0; }

#bookstore_menu { display: none;}
#section_menu { display: none;}


.spacer_20 {float: left; width:100%; clear: both; height: 20px;}
.spacer_40 {float: left; width:100%; clear: both; height: 40px;}


#yellow_footer { float: left; width: 100%; background-color: #3b2f89; min-height: 10px; color: #FFFFFF; } 
#yellow_footer_inner {width: 100%; max-width: 1000px; margin: 0 auto; position: relative; clear: both; }
#yellow_footer_left {float: left; padding: 1em;}
#yellow_footer_left p, #yellow_footer_right p {font-size: 0.75em;}
#yellow_footer_right {float: right; padding: 1em;}
#yellow_footer_right a {color: #fff;text-decoration: none;}
#yellow_footer_right a:hover {color: #ff9; text-decoration: underline; }
#blue_footer { float: left; width: 100%; background-color: #fff; margin-top: 2px; min-height: 20px;} 
#blue_footer_inner {width: 100%; max-width: 1000px; margin: 0 auto; position: relative; clear: both;  }
#sign_off_logo {width: 30%; margin: 1em auto; position: relative; text-align: center; }
#sign_off_logo img {max-width: 100%; border: none;}
/* 
#blue_footer_inner #social_media { margin: 1em auto; position: relative; text-align: center; }
#blue_footer_inner #social_media img {max-width: 60px; }
 */

#sign_off_logo_2 { width: 100%; margin: 1em auto; position: relative; text-align: center; }
#sign_off_logo_2 #_aotm_logo {max-width: 100%; border: none;text-align: center;}
#sign_off_logo_2 #_wggb_logo {max-width: 100%; border: none; text-align: center;}
#sign_off_logo_2 #_stsd_logo {max-width: 100%; border: none; text-align: center;}
#sign_off_logo_2 #_aotm_logo img {max-width: 30%; border: none; }
#sign_off_logo_2 #_wggb_logo img {max-width: 80%; border: none; margin-top:1em; }
#sign_off_logo_2 #_stsd_logo img {max-width: 80%; border: none; margin-top:1em; }




#cookie_control { position: fixed;
	left:0;
	bottom: 0;
	 -webkit-box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9);
	 -moz-box-shadow: 0px 4px 4px 4px #666; 
	 box-shadow: 0px 0px 4px 4px rgba(134,134,134,0.9);
 	 
 	width: 100%;
	background-color: white;
	background-image: url('/images/structural/cookie-bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	display: none;
}			
#cookie_control .cookie_bar { margin: 10px 20px; }
#cookie_control .bar_left { float: left; }
#cookie_control .bar_right { float: right; }
#cookie_control .cookie_bar p { margin: 0; font-size: 0.85em; color: #000; }
#cookie_control .cookie_bar a { color: #004268; text-decoration: none; }
#cookie_control .cookie_bar a:hover { text-decoration: underline; }
#cookie_control .cookie_bar p img {margin: 0 1em; vertical-align: middle; }
#cookie_control .cookie_bar i {margin-left:1em;  }
#cookie_dismiss { cursor: pointer; }