/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	/* Box: Features */

		.box-features
		{
	height: 368px;
	overflow: hidden;
		}
		
			.box-features .tabs
			{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0 -40px 0 0;
	text-shadow: -1px -1px 0px #000;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4), inset 0px 0px 0px 2px rgba(255,255,255,0.25), 0px 0px 20px rgba(0,0,0,0.75);
	text-transform: capitalize;
	font-weight: bold;
	background-image: url(images/bgdkblue.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	color: #FFF;
			}

				.box-features .tabs li
				{
					float: left;
					position: relative;
					font-size: 1.1em;
					letter-spacing: -0.01em;
				}
.box.box-standard.post-big div ul {
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(../images/right26.gif);
}


					.box-features .tabs li a
					{
	display: block;
	padding: 14px 20px 15px 20px;
	text-decoration: none;
	color: #FFF;
	outline: 0;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
					}
					
					.box-features .tabs li a:hover
					{
						color: #fff;
					}
				
				.box-features .tabs li a.active
				{
					background: url('images/bg07.jpg') center center repeat-x;
					box-shadow: inset 0px 0px 0px 1px #fff;
					text-shadow: 1px 1px 0px #fff;
				}
				
					.box-features .tabs li a.active
					{
						color: #313131;
					}

					.box-features .tabs li a.active:after
					{
						content: '';
						position: absolute;
						display: block;
						bottom: 0;
						left: 50%;
						width: 32px;
						height: 32px;
						margin-left: -16px;
						margin-bottom: -31px;
						background: url('images/sprites.png') -64px 0px no-repeat;
					}

			.box-features .captions
			{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				z-index: 1;
				padding: 2em;
				opacity: 0.95;
			}
			
				.box-features .captions .caption-line-1
				{
					font-size: 2em;
				}
			
			.box-features .viewer
			{
				padding-top: 50px;
			}

				.box-features .viewer .reel
				{
				}

					.box-features .viewer .reel article
					{
						position: relative;
						width: 792px;
					}

						.box-features .viewer .reel article img
						{
							width: 792px;
						}

	/* Box: Content */
	
		.box-content
		{
	font-size: 1.1em;
	letter-spacing: -0.025em;
	line-height: 1.5em;
	padding-bottom: 3em;
		}
		
			.box-content h3
			{
	font-size: 2.5em;
	letter-spacing: 0.08em;
	line-height: 1.25em;
	margin: 0.5em 0 0.75em 0;
			}
/* Box: quotes */

		.box-quotes
		{
	overflow: hidden;
	margin-top: 0.5em;
	margin-bottom: 0em;
	position: absolute;
	display: inline;
	width: 95%;
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
		}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
	}

	#info-wrapper
	{
	}
	
	#main-wrapper
	{
		padding: 3em 0 3em 0;
		box-shadow: inset 0px 5px 20px 0px rgba(0,0,0,0.2);
	}
	
	#footer-wrapper
	{
	padding: 4em 0 8em 0;
	}
#footer-wrapper #footer .row .3u section p {


}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		padding: 4em 2px 2.5em 5px;
		text-shadow: -1px -1px 2px rgba(0,0,0,0.5);
	}

		#header h1
		{
	font-size: 3em;
	font-weight: 700;
	letter-spacing: -0.075em;
	float: left;
	padding-bottom: 5px;
		}

			#header h1 a
			{
	color: #B5A642;
	text-decoration: none;
	text-transform: capitalize;
	text-align: left;
	font-size: larger;
	vertical-align: top;
	top: 0px;
			}
#header-wrapper #header .row .12u h1 .mobileUI-site-name img {
	float: left;
	padding-right: 0.3em;
	padding-left: 0.1em;
	vertical-align: top;
}


		#header .slogan
		{
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: large;
	float: left;
	padding-top: 12px;
	line-height: 1.8em;
		}

/*********************************************************************************/
/* Searchbox                                                                     */
/*********************************************************************************/

	#searchbox
	{
		position: absolute;
		right: 5px;
		bottom: 2em;
	}

		#searchbox .text
		{
			width: 25em;
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	font-size: 1.2em;
	letter-spacing: -0.025em;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.35);
	padding: 0 3px 0 3px;
	text-transform: capitalize;
	}
	
		#nav ul
		{
	margin: 0;
	text-transform: uppercase;
		}

			#nav li > ul
			{
				display: none;
			}
		
			#nav ul li
			{
				position: relative;
				display: block;
				float: left;
				margin-right: 3.5em;
			}
			
				#nav ul li a
				{
	display: block;
	color: #ddd;
	color: rgba(255,255,255,0.75);
	text-decoration: none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	text-transform: uppercase;
				}
				
				#nav ul li:hover a
				{
	color: #F5DEB3;
				}
				
				#nav ul li.current_page_item a
				{
					color: #fff;
				}
				
				#nav ul li.current_page_item a:after
				{
					content: '';
					position: absolute;
					display: block;
					bottom: 0;
					left: 50%;
					width: 32px;
					height: 32px;
					margin-left: -16px;
					margin-bottom: -30px;
					background: url('images/sprites.png') -32px 0px no-repeat;
				}

	.dropotron
	{
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.6), inset 0px 2px 0px 0px rgba(255,255,255,0.25), inset 0px 0px 0px 2px rgba(255,255,255,0.2), 0px 3px 8px 0px rgba(0,0,0,0.5);
	border-radius: 5px;
	letter-spacing: -0.025em;
	font-size: 10pt;
	background-color: #F3EFE0;
	background-image: url(images/bg07.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	}
	
		.dropotron-level-0
		{
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	
		.dropotron li
		{
			border-top: solid 1px rgba(255,255,255,0.35);
			border-bottom: solid 1px rgba(0,0,0,0.35);
		}
		
			.dropotron li:first-child
			{
	border-top: 0;
	padding-top: 0.3em;
			}
		
			.dropotron li:last-child
			{
				border-bottom: 0;
				padding-bottom: 0.5em;
			}

			.dropotron li a,
			.dropotron li span
			{
	display: block;
	padding: 0.75em 4.5em 0.75em 15px;
	color: #ccc;
	color: #444;
	text-decoration: none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
			}

			.dropotron li:hover > a,
			.dropotron li:hover > span
			{
	color: #820000;
	background-image: url(images/bg07.jpg);
	background-repeat: repeat-x;
	background-position: center center;
			}

/*********************************************************************************/
/* Info                                                                          */
/*********************************************************************************/

	#info
	{
		position: relative;
		height: 4em;
		line-height: 4em;
	}

		#info .news
		{
	position: absolute;
	left: 5px;
	font-weight: bold;
		}

		#info .date
		{
	position: absolute;
	right: 5px;
	width: 401px;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 4em;
	padding-left: 5px;
	text-shadow: 0px 0px;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		text-align: center;
		padding: 3em 0 0 0;
	}
#header-wrapper #header .row .12u h1 .mobileUI-site-name img {
	float: left;
	vertical-align: top;
}
*******************************************************************************/
#info-wrapper #info .row .12u #dateDiv {
	float: right;
}
.student {
	font-style: italic;
	padding-right: 0.8em;
	color: #024f9b;
	font-weight: bold;
	padding-left: 0.8em;
}
blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 1.45;
	position: relative;
	margin-bottom: 0.2em;
	margin-left: 20;
	padding-top: 0.1em;
	padding-right: 30px;
	padding-bottom: 0.1em;
	padding-left: 40px;
	color: #7c7c7c;
	margin-top: 5px;
	font-size: 90%;
	margin-right: 20px;
	clear: both;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 60px;
position: absolute;
left: -5px;
top: -20px;
color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	font-size: 95%;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 200px;
	padding-left: 8px;
}
.box.box-standard.box-content h4 {
	padding-bottom: 0.8em;
	font-weight: 500;
}

 
blockquote cite:before {
content: "\2014 \2009";
}
#outerdiv {
	width: 550px;
	height: 152px;
	list-style-type: circle;
	list-style-position: inside;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
.box.box-standard.box-content dl dt {
	font-weight: bold;
}

#innerdiv1 {
	width: 150px;
	height: 150px;
	float: left;
	background-repeat: repeat-x;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #D6D6D6;
	font-weight: bold;
	
}
#innerdiv2 {
	width: 500px;
	height: 150px;
	background-color: #f0eada;
}#innerdiv1 h4 {
	padding: 8px;
}
.box.box-standard.box-content dl {

}
hr.style-flared {
	height: 30px;
	border-radius: 20px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: -3px;
}
hr.style-flared:before { /* Not really supposed to work, but does */
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;
	border-radius: 20px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

hr.style-flared-bold {
	height: 30px;
	border-radius: 20px;
	border-top-width: 3px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
hr.style-flared-bold:before { /* Not really supposed to work, but does */
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;
	border-radius: 20px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.newspaper {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: small;
	width: 580px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	background-color: #EDEDED;
}
.newspaper th
{
	padding: 12px 17px 12px 17px;
	font-weight: bold;
	font-size: 14px;
	color: #024f9b;
	border-bottom: 1px dashed #69c;
	text-align: center;
}
.newspaper td
{
	color: #024f9b;
	text-align: center;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	font-weight: normal;
}
.newspaper tbody tr:hover td
{
	color: #024f9b;
	background-image: url(images/bg02.jpg);
}

.newspapersm {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	width: 50%;
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	font-size: small;
}
.newspapersm th
{
	font-weight: bold;
	color: #024f9b;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69c;
}
.newspapersm td
{
	color: #024f9b;
	text-align: left;
	padding-left: 0.3em;
	font-weight: normal;
}
.newspapersm tbody tr:hover td
{
	color: #024f9b;
	background-image: url(images/bg02.jpg);
}
.newspaper_list {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: small;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: medium solid #d7d7d7;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 5em;
}
.newspaper_list th
{
	padding: 12px 17px 12px 17px;
	font-weight: bold;
	font-size: 14px;
	color: #024f9b;
	border-bottom: 1px dashed #69c;
	text-align: center;
}
.newspaper_list td
{
	color: #024f9b;
	text-align: center;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}

.red_text {
	color: #690101;
	font-weight: normal;
}
.blugrey {
	color: #2F4F4F;
	font-weight: bold;
}	
.dropdown p {
	display: inline-block;
	font-weight: bold;
}
#centred_input {
	font-weight: bold;
	text-align: center;
	border: thin solid #CCC;
}
.shout {
	font-size: large;
	line-height: 1em;
	padding-top: 0.40em;
	font-weight: bold;
	text-align: center;
}
.emphasis {
	font-weight: bold;
	color: #9B0202;
	padding-bottom: 1em;
	text-transform: uppercase;

}
.box.box-standard.box-content h4 {
    font-size: medium;
    text-transform: none;
    font-weight: bold;
}

.red_bold {
	font-weight: bold;
	color: #9B0202;
	text-transform: capitalize;
}
.black_bold {
	font-weight: bold;
	color: #003366;
	text-transform: capitalize;
}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
.group { display: block; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

h6 {
	letter-spacing: -1px;
	padding: 14px;
	color: #313131;
	text-shadow: 1px 1px 1px white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: large;
	font-weight: bold;
	text-transform: capitalize;
}

 
nav-small ul {
	list-style: none;
	width: 90%;
	position: relative;
	left: -9px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #fff;
	text-shadow: -1px -1px 0px #000;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4), inset 0px 0px 0px 2px rgba(255,255,255,0.25);
	border-radius: 25px;
	letter-spacing: 1px;
	font-size: 95%;
	text-transform: uppercase;
	background-image: url(images/bgdkblue.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
nav-small ul li { display: inline; }
nav-small ul li a {
	display: block;
	float: left;
	border-top: 1px solid #96d1f8;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
	height: 17px;
	padding: 0 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	-webkit-text-stroke: 1px transparent;
	color: rgba(255,51,153,0.85);
	text-decoration: none;
	margin: 0 5px 0 0;
	font-family: "Lucida Grande", "Verdana", sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}
nav-small ul li a:hover {
	border-top: 1px solid #4789b4;
	background: #28597a;
	background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
	color: rgba(204,255,153,0.85);
	background-color: #63C;
	background-position: top;
}	
nav-small ul li a:active, nav ul li a.current {
	border-top-color: #245779;
	position: relative;
	top: 1px;
	background-color: #00FF00;
}
.aside {
	float: left;
	width: 26%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #FAE29B;
	-moz-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9B0202;
	line-height: normal;
	font-weight: bold;
	margin-right: 1.2em;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}
img.left_clr {
 float: left;
 clear: left;
 border: thick outset #000;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
}
.textquote {
	font-style: italic;
	text-indent: 2em;
	margin-right: 15em;
}
.iquote {
	font-style: italic;
	text-indent: 3em;
}
.iquote p {
	background-image: url(../images/openquote1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.quote {
	font-size: large;
	font-style: italic;
	color: #3399FF;
	font-weight: bold;
}
.quoteblack {
	font-size: large;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}
.wrapper {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}
 
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
 
.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}.h3_blue {
	color: #2F4F4F;
}
.bulleted {
	list-style-type: circle;
}
.sellbox {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	font-size: small;
	background-image: url(images/bg02.jpg);
}
.sellbox th
{
	font-weight: bold;
	text-align: left;
	font-size: small;
	text-transform: capitalize;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #5f6875;
}
.sellbox td
{
	color: #5f6875;
	text-align: left;
	padding-left: 0.3em;
	border: thin solid #D6D6D6;
	width: 66px;
}
.sellbox tr td img {
	margin-right: 1em;
	margin-bottom: 0.2em;
	margin-left: 2.5em;
}

.gold {
	color: #B5A642;
	font-size: medium;
}

#left {

}
.one {
	display: block;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.aside {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #030332;
	line-height: normal;
	font-weight: bold;
	float: right;
	background-color: #F2F2FE;
	margin: 1px;
	padding: 6px;
	display: block;
}
.asideQ {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #97DEF8 ;
	line-height: normal;
	font-weight: bold;
	float: right;
	background-color: #F8B096;
	margin: 1px;
	padding: 6px;
	display: block;

}
.courses-price.basic span {
    background: #246e74;
    color: #FBFBFB;
    text-decoration: none;
  }
