/*	h1 { font-size: 48px; font-size: 10vw; font-weight: 100; text-align: right;}
	h2 { font-size: 20px; font-size: 3vw; font-weight: 200; text-align: right;}	
	#menu { border-right: 1px solid #e6e6e6; width: 15%; max-width: 200px;  position: fixed; top:0; left:0; width:20%; height:100%; overflow:auto; -webkit-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.1); -moz-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.1); box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.1); }
	nav { 
	
  position: relative;
  top: 30%;
  
  }
 	nav ul {
			text-align: right;
			margin: 1em 10% 0 0;
			cursor: pointer;
			}
	nav li {
			margin: 2em 0 0 0;
			padding: 0;
			border-bottom: none;
			}
	nav li:first-child { border-top: none; }
	nav li a {

			}
	nav li a:hover {
			color: #4BBF00;
			border-bottom: 1px dotted #FF8800;
			}
	nav ul li.withdrop { padding: 0 ; margin: 2em 0 0 0; cursor: pointer; }	
	nav ul li ul li { padding: 0 0 0 1em; margin: 0 0 0.5em 0; }		
	#footer p { font-size: 0.8vw;}
	*/
#social_media {position: fixed; right:10px; top: 10px;}
#social_media .social_expand { margin: 5px; }

#head_section_inner { background-image: url('/images/structural/top_bkgrd.jpg'); }
#head_section_inner img.logo {max-width: 10%; margin-left: 0;}

nav { float: right; width: auto; background-color: transparent;}
#menu ul { float: left; padding: 0.5em 0 0.5em 0; width: 100%; list-style-type: none; font-size: 1em; font-weight: normal; background-color: transparent; margin-top: 2.5em;}
#menu li { float: left; margin: 0; padding: 0 0 0 2em; background-color: transparent; width: auto; min-width: 0; color: #999; border-top: none;}
#menu li a { color: #999; text-decoration: none;}
#menu li a:hover { color: #2264b8; 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: #999;}
#menu li.withdrop:hover { color: #2264b8; text-decoration: none;}
#menu li ul {  position: absolute; right: 20%;  clear: both; z-index: 20; background-color: #2264b8; padding: 0 1.5em 1em 1.0em; margin: 0; font-size: 1em;font-weight: normal;
 max-width: 50%;
 -webkit-box-shadow: 9px 6px 6px 0px rgba(0,0,0,0.2);
box-shadow: 9px 6px 6px 0px rgba(0,0,0,0.2);
border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px;
border-bottom:  6px #fff double;
/* background-image: linear-gradient(to bottom right, #2264b8, #143C6E, #2264b8); */
background-image: linear-gradient(to bottom right, #3b2f89, #3b2f89, #2264b8);
} 
#menu li ul li {  float: left; clear: both; margin: 1em 0; padding: 0;  } 
#menu li ul li a:hover { color: #FFCD00; text-decoration: none;}
#menu ul li i { color: #2264b8; font-size: 1.5em; }
#menu ul li.second { margin: 0.75em 0 0 0; text-transform: uppercase; letter-spacing: 0.2em; font-size: 1.25em; font-weight: 700;}
#menu ul li.third { margin: 0.35em 0 0 1.5em; font-size: 1.25em; }
#menu ul li.fourth { margin: 0.1em 0 0 4em; font-size: 1.0em; }
#menu ul li.fifth { margin: 0.1em 0 0 7em; font-size: 0.9em; }
#menu ul li.sixth { margin: 0.1em 0 0 10em; font-size: 0.9em; }
#menu .sub_menu { display: none; }

#banner_section_inner h1 {font-size: 3em; width: 80%; margin: 0.2em auto; color: #3b2f89;  text-shadow: 3px 3px 5px #999;}
#banner_section_inner p { font-size: 1.0em; width: 50%; margin: 0 auto 3em auto; }


#quicklinks {position: fixed; right:0px; top: 200px;}
#quicklinks .quicklink_icon_holder { float: right; clear: both; 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;}

#content {width: 100%; max-width: 1000px; margin: 0 auto 20px auto; }
	
#content .navigation_block { width: 23%; margin:-20px 0 0 2% ;  min-height: 275px; position: relative;}
#content .navigation_block .footer {position: absolute; bottom: 10px; right: 10px;}
#content .navigation_block .footer h3 { text-align: right; font-size: 0.9em;}


#content .first_nav_block { margin-left: 0; }
#content .split_divider_holder {float: left; width: 100%; background-image: url('/images/structural/divider-yellow-line.png'); background-repeat: repeat-y; background-position: center bottom;}
#content .left_third {text-align: left; float: left; width: 45%; margin: 0;}
#content .divider_third {text-align: center; float: left; width: 10%;}
#content img.divider_image { border: 0; max-width: 50px;}
#content .right_third{ text-align: left; float: right; width: 45%; margin: 0;}
#content .centred_full p {margin: 0 4em;}

#content #latest_product_box {float: left; position: relative;}
#content #latest_news_box {float: right; position: relative;}
#content .announce_box { width: 47%; border: 1px solid #999; border-radius: 10px; margin: 0;}
#content .announce_box .box_link { position: absolute; right: 0.5em; bottom: 0.5em; }

#content .boxed_one { width: 100%; }

#content .two_one_col_left { width: 65%; }
#content .two_one_col_right { width: 32%; float: right; }

#content .one_two_col_left { width: 32%; }
#content .one_two_col_right { width: 65%; float: right; }

#content .two_even_col_left { width: 46%; }
#content .two_even_col_right { width: 46%; float: right; }

#content .dir_item, #content .course_item   { width: 100%; }

#product_section_inner h1 { margin: 0 0 0.5em 0;}
#product_section_inner h2 { margin: 0.5em 0 0 0 ;}
#product_section_inner h3 { margin: 0.5em 0 0.25em 0 ;}
#product_section_inner p { margin: 0 auto 2em auto; }

#content .mini_box {float: left; width:10%; border: 1px solid #999; margin: 0 1% 0 0;} 
#content .mini_box a {font-size: 0.8em;} 

#content .split_holder {float: left; width: 100%; background-image: none }
#content .split_holder .left_product {float: left; width: 45%; margin: 0;}
#content .split_holder .right_product{ float: right; width: 45%; margin: 0;}

#content .product_full {margin: 0;}
#content .product_full h2 {margin: 0; padding: 0;}
#content .product_full p {margin: 0 0.5em;}

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

#content .poetry p {font-size: 1.25rem;}
#content .poetry p:first-of-type:first-letter { font-size: 4rem; }