/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0;font-size: 100%;font: inherit;vertical-align: baseline;margin: 0;padding: 0}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}body {line-height: 1}ol, ul {list-style: none}blockquote, q {quotes: none}blockquote:before, blockquote:after, q:before, q:after {content: none}
table {border-collapse: collapse;border-spacing: 0}
.enroll a, .blog a, .letter a, .bio a, .info a, .resources a, .lecture a, .logo a{background: url(images/sprites.png) no-repeat; display: block;}
.pagewidth{
	width: 80%;
	max-width: 1200px;
	margin:0 auto;
}
body {
	background-color: #FFF;
	color: #000;
	font-size: 100%; /*Base font size is 14px */
	font-family: 'Alegreya Sans', sans-serif;
	line-height: 1.5;
	text-align: left;
}
.content a, .content a:link, .bodycopy a:visited {
	color: #023669;
}
.content a:hover, .bodycopy a:active {
	text-decoration:none;
	background-color: #023669;
	color: #fff;
	margin: -1px -3px;
	padding: 1px 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a:hover.no_hover{
margin:0;
padding:0;
text-decoration:none;
background-color: transparent;
}
h1{
font-weight: 800;
color: #4a4a4a;
font-size: 140%;
line-height: 1.1em;
padding: 10px 0 0px 0;
}
h2{
	color: #0857a5;
font-weight: 700;
padding-top: .75em;
font-size: 130%;
line-height: 1.1em;
padding: 10px 0 0px 0;
}
h3{
	font-size:110%;
	color:#779324;
	font-weight:bold;
	text-align:center;
}
.wrapper, #wrapper{
	position:relative;
}
.body {
	margin: 0 auto;
	clear: both;
}
.mainheader {
	height: 152px;
	background: url(images/header-bg.gif);
}
.logo{
	padding: 16px 0 16px 20px;
}
.logo a{
	background-position: 0 -334px ;
	width: 310px;
	height: 120px;
}

.logo a:hover{
	background-position: -311px -334px ;
}
#headerbg{
background-repeat: no-repeat;
background-position: right top;
position:relative;
width:100%;
}
.headerbar{
display: block;
position: absolute;
top: 0;
right: 10px;
padding: 10px;
border-radius: 0 0 10px 10px;
border: solid 1px #000;
border-top: none;
background: rgb(0, 33, 64);
background: rgba(0, 33, 64, .8);
text-align: center;
}
.main_nav_bg{
background: #dfdfdf;
background: -moz-linear-gradient(top, #dfdfdf 31%, #c6c6c6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dfdfdf), color-stop(100%,#c6c6c6));
background: -webkit-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: -o-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: -ms-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: linear-gradient(to bottom, #dfdfdf 31%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#c6c6c6',GradientType=0 );
-webkit-box-shadow: inset 0 -1px 1px 0 rgba(255,255,255,.25), 0 2px 3px 0 rgba(0,0,0,.75);
box-shadow: inset 0 -1px 1px 0 rgba(255,255,255,.25), 0 2px 3px 0 rgba(0,0,0,.75);
	height: 80px;
	position: relative;
	overflow:hidden;
}

.mobile_menu{
	display:none;
}
.mainheader .logo img {
	top: 10px;
	position: relative;
	left: -28px;
	z-index: 9999;
}
/*NAV BACKGROUND*/
#main_nav nav {
	width: 100%;
	display: table;
	float: left;
}
#main_nav nav ul.padding{
	width: auto;
}
#main_nav nav ul {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	z-index:9999;
	text-align:justify;
}
/*ITEM*/
#main_nav nav ul li {
	display: inline-block;
	border-left: 1px solid #9a9a9a;
	height: 80px;
	list-style:none;
	vertical-align: top;
}
#main_nav nav ul li:last-child {
background: #d0cfcf;
background: -moz-linear-gradient(top, #d0cfcf 0%, #a2a2a2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cfcf), color-stop(100%,#a2a2a2));
background: -webkit-linear-gradient(top, #d0cfcf 0%,#a2a2a2 100%);
background: -o-linear-gradient(top, #d0cfcf 0%,#a2a2a2 100%);
background: -ms-linear-gradient(top, #d0cfcf 0%,#a2a2a2 100%);
background: linear-gradient(to bottom, #d0cfcf 0%,#a2a2a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cfcf', endColorstr='#a2a2a2',GradientType=0 );
border: 1px solid #000;
border-top: none;
border-bottom: none;
-webkit-box-shadow: inset 1px 0px 1px 0 rgba(0,0,0,0.5);
box-shadow: inset 1px 0px 1px 0 rgba(0,0,0,0.5);
}
#main_nav nav ul li:last-child a {
	color: #023362;
padding: 54px 15px 0 40px;
vertical-align: bottom;
}


#main_nav nav ul::after{
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;
}
#main_nav nav a:link, #main_nav nav a:visited {
color: #616161;
display: inline-block;
font-size: 105%;
text-decoration: none;
line-height: 1.1em;
padding: 12px 10px 10px 0px;
font-weight: bold;
text-align: left;
}
/*ITEM HOVER*/
#main_nav nav li:hover, #main_nav nav li:active, #main_nav nav li.active{
background: -moz-linear-gradient(left,  rgba(183,183,183,1) 0%, rgba(183,183,183,1) 75%, rgba(183,183,183,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(183,183,183,1)), color-stop(75%,rgba(183,183,183,1)), color-stop(100%,rgba(183,183,183,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(183,183,183,1) 0%,rgba(183,183,183,1) 75%,rgba(183,183,183,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(183,183,183,1) 0%,rgba(183,183,183,1) 75%,rgba(183,183,183,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(183,183,183,1) 0%,rgba(183,183,183,1) 75%,rgba(183,183,183,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(183,183,183,1) 0%,rgba(183,183,183,1) 75%,rgba(183,183,183,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#00b7b7b7',GradientType=1 ); /* IE6-9 */
}
#main_nav nav li:hover a, #main_nav nav li.active a{
	color: #023362;
}
#main_nav nav li:hover .nav_num, #main_nav nav li.active .nav_num {opacity: .75;}


#main_nav nav li:hover > ul {
	display: block;
}
/*SUBMENU BACKGROUND*/
#main_nav nav li ul {
	display:none;
	position: absolute;
	background-color: #000;
	text-align: left;
	border-radius: 0 0 5px 5px;
	margin: -3px 0 0 0;
	width: 150px;
}
/*SUBITEM*/
#main_nav nav li li {
	font-size: 13px;
	text-align: left;
	display: block;
	border-bottom: solid 1px #3b3b3b;
	width: 100%;
	margin:0;
}
#main_nav nav li li:last-child {
	border: none;
}
#main_nav nav li li:hover {
	border-radius:0;
}
#main_nav nav li li:hover:last-child  {
	border-radius:0 0 5px 5px;
}
#main_nav nav li li a:link, #main_nav nav li li a:visited {
	text-transform:none;
}
.nav_num{
font-size: 330%;
float: left;
font-weight: 300;
opacity: .25;
padding: 0px 5px;
margin: -3px 0 0 0;
}


.photo_slide{
	background-color:#9dc02e;
}


.maincontent .pagewidth {
	background: #e7eff6;
background: -moz-linear-gradient(top, #e7eff6 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eff6), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #e7eff6 0%,#ffffff 100%);
background: -o-linear-gradient(top, #e7eff6 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #e7eff6 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e7eff6 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eff6', endColorstr='#ffffff',GradientType=0 );
}
.content {
	width: calc(94% - 280px);
	float: left;
	padding: 25px 3%;
}
.content p{
	padding-bottom:10px;
}
.content .error_image{
	float: left;
	padding: 20px 20px 20px 0;
}
.topcontent {
}
.bottomcontent {
}
.postinfo {
}
.sidebar {
	float: right;
	padding: 25px 0;
	width: 280px;
}
.call_to_action{
-webkit-border-radius: 0 0 0 20px;
border-radius: 0 0 0 20px;
font-weight: bold;
font-size: 100%;
color: #000;
padding: 20px;
margin: -25px 0 0 0;
line-height: 1.2em;
font-weight: normal;
font-size: 105%;
background: #d3d7da; /* Old browsers */
background: -moz-linear-gradient(left,  #d3d7da 40%, #f5f9fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(40%,#d3d7da), color-stop(100%,#f5f9fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d3d7da 40%,#f5f9fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d3d7da 40%,#f5f9fc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d3d7da 40%,#f5f9fc 100%); /* IE10+ */
background: linear-gradient(to right,  #d3d7da 40%,#f5f9fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d7da', endColorstr='#f5f9fc',GradientType=1 ); /* IE6-9 */
}
.call_to_action h3{text-align: left; color: #364e66;}
.stories-more {
text-align: right;
padding: 10px 0 0 0;
}

.stories-more a{
color: #727374;
text-decoration: none;
text-align: right;
padding: 2px;
}
.stories-more a:hover{
color: #000;
}

.top_sidebar, .middle_sidebar, .bottom_sidebar {
	line-height: 1.3em;
	padding:20px;
}

.top_sidebar {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius:5px 5px 0 0;
	margin:20px 0 0 0;
}
.middle_sidebar {
	-webkit-border-radius: 0;
	border-radius:0;
	margin:0;
}
.bottom_sidebar {
	-webkit-border-radius: 0 0 5px 5px;
	border-radius:0 0 5px 5px;
	margin:0 0 20px 0;
}
.top_sidebar h1, .middle_sidebar h1, .bottom_sidebar h1,
.top_sidebar h2, .middle_sidebar h2, .bottom_sidebar h2,
.top_sidebar h3, .middle_sidebar h3, .bottom_sidebar h3{
	padding:0;
}
.top_sidebar h2, .middle_sidebar h2, .bottom_sidebar h2{
	font-size: 110%;
	color: #779324;
	
}
.mainfooter {
background: #dfdfdf;
background: -moz-linear-gradient(top, #dfdfdf 31%, #c6c6c6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dfdfdf), color-stop(100%,#c6c6c6));
background: -webkit-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: -o-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: -ms-linear-gradient(top, #dfdfdf 31%,#c6c6c6 100%);
background: linear-gradient(to bottom, #dfdfdf 31%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#c6c6c6',GradientType=0 );
-webkit-box-shadow: inset 0 -1px 1px 0 rgba(255,255,255,.25), 0 2px 3px 0 rgba(0,0,0,.75);
box-shadow: inset 0 -1px 1px 0 rgba(255,255,255,.25), 0 1px 5px 1px rgba(0,0,0,.75);
}
.left_footer{
	width:40%;
	float:left;
	line-height: 1.3em;
	padding:30px 0;
}
.right_footer{
	width:60%;
	float:right;
	line-height: 1.3em;
	padding:30px 0;
}
.left_footer h1, .right_footer h1,
.left_footer h2, .right_footer h2,
.left_footer h3, .right_footer h3{
	padding:0;
}
.left_footer h1{
	text-transform:inherit;
	color: #051a37;
	font-size: 110%;	
}
.left_footer h2{
	text-transform:inherit;
	color: #051a37;
	font-size: 110%;
	font-weight:normal;	
}
.left_footer{
	color: #000;
}
.left_footer a{
	color: #0857a5;
}
.left_footer a:hover{
	color: #000;
}

.right_footer{
	text-align:right;
}
.right_footer, .right_footer .copyright a:link, .right_footer .copyright a:visited {
	color:#051a37;
}
.right_footer .copyright a:hover {
	color:#000;
	background-color:transparent;
}
/*NAV BACKGROUND*/
.links nav {
	width: calc(100% - 27px);
	float: right;
	display: table;
}
.links nav ul.padding{
	width: auto;
}
.links nav ul {
	list-style: none;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	z-index:9999;
}

/*ITEM*/
.links nav ul li {
	display: inline;
	float:right;
}
.links nav a:link, .links nav a:visited {
	color: #000;
	display: inline-block;
	padding: 0 10px;
	font-size: 100%;
	text-transform: uppercase;
	text-decoration: none;
}
/*ITEM HOVER*/
.links nav li a:hover{
	color: #0857a5;
	margin:0;
	background-color:transparent;
}

/*SUBMENU*/
.links nav li ul {
	display:none;
}
.wrench{
	float:right;
	padding: 0 0 0 10px;
}
.wrench a {
	background-image:url(images/wrench.png);
	width: 17px;
	height: 43px;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:block;
	margin:0;
	padding:0;
}
.wrench a:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	margin:0;
	background-color:transparent;
}

.enroll a{
	background-position: 0 0;
	width: 224px;
	height: 74px;
	margin: 10px auto;}
.enroll a:hover{background-position: 0 -75px;}
.continuecourse a {
color: #5f5f5f;
text-decoration: none;
float: right;
margin: -15px 20px 0 0;
}
.continuecourse a:hover {
color: #000;
}


.blog a{
	background-position: 0 -150px ;
	width: 247px;
	height: 91px;
	margin: 10px auto;}
.blog a:hover{background-position: 0 -242px ;}

.letter a{
	background-position: -248px -150px ;
	width: 225px;
	height: 83px;
	margin: 10px auto;}
.letter a:hover{background-position: -248px -234px;}

.bio a{
	background-position: -225px 0;
	width: 228px;
	height: 68px;
	margin: 10px auto;}
.bio a:hover{background-position: -225px -69px;}

.info a{
	background-position: -474px 0;
	width: 226px;
	height: 83px;
	margin: 10px auto;}
.info a:hover{background-position: -474px -84px;}

.resources a{
	background-position: -701px 0;
	width: 227px;
	height: 80px;
	margin: 10px auto;}
.resources a:hover{background-position: -701px -81px;}

.lecture a{
	background-position: -474px -168px ;
	width: 272px;
	height: 81px;}
.lecture a:hover{background-position: -474px -250px;}

.disclaimer {
text-align: center;
padding: 20px 0;
color: #636363;
font-size: 90%;
}
#Box1, #Box2, #Box3, #Box4{
	position:absolute;
	z-index:1;
	visibility: hidden;
background: rgb(223,223,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(223,223,223,1) 0%, rgba(198,198,199,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,223,223,1)), color-stop(100%,rgba(198,198,199,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(223,223,223,1) 0%,rgba(198,198,199,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(223,223,223,1) 0%,rgba(198,198,199,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(223,223,223,1) 0%,rgba(198,198,199,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(223,223,223,1) 0%,rgba(198,198,199,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#c6c6c7',GradientType=0 ); /* IE6-9 */
border:solid 1px #3f5061;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.5);
box-shadow: 0 1px 2px 1px rgba(0,0,0,.5);
padding: 10px;
width: 120%;
right: -230px;
line-height:normal;
}

#Box1 {
	top: -2px;
}
#Box2 {
	top:65px;
}
#Box3 {
	top: 135px;
}
#Box4 {
	top:183px;
}

.imageright{
	float: right;
	padding: 0 0 0 20px;
}
.imageleft{
	float: left;
	padding: 0 20px 0 0;
}
.buy_buttons{
	text-align:center;
}
.buy_buttons input[type=submit], .stacktable input[type=submit], .stacktable .button{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
padding: 17px 4% 20px 4%;
margin: 10px 0 0 0;
font-weight: bold;
color: #fff;
white-space: normal;
text-decoration: none;
background: rgb(41,137,216);
background: rgb(0,156,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,156,255,1) 0%, rgba(41,137,216,1) 35%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,156,255,1)), color-stop(35%,rgba(41,137,216,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,156,255,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,156,255,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,156,255,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,156,255,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cff', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -4px 0 0 #002f65, 0 1px 3px 0 rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -4px 0 0 #002f65, 0 1px 3px 0 rgba(0,0,0,.5);
border: solid 1px #000;
font-size: 120%;
display: inline-block;
line-height: 1em;
text-shadow: 1px 1px 2px #000;
}
.stacktable input[type=submit], .stacktable .button{
font-size: 90%;
padding: 8px 4px 12px 4px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 !important;

}

.buy_buttons input[type=submit]:hover, .stacktable input[type=submit]:hover, .stacktable .button:hover{
background: rgb(50,200,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(50,200,255,1) 0%, rgba(28,177,232,1) 35%, rgba(0,130,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,200,255,1)), color-stop(35%,rgba(28,177,232,1)), color-stop(100%,rgba(0,130,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(50,200,255,1) 0%,rgba(28,177,232,1) 35%,rgba(0,130,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(50,200,255,1) 0%,rgba(28,177,232,1) 35%,rgba(0,130,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(50,200,255,1) 0%,rgba(28,177,232,1) 35%,rgba(0,130,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(50,200,255,1) 0%,rgba(28,177,232,1) 35%,rgba(0,130,198,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c8ff', endColorstr='#0082c6',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -4px 0 0 #00507a, 0 1px 3px 0 rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -4px 0 0 #00507a, 0 1px 3px 0 rgba(0,0,0,.5);
}



.buy_buttons input[type=submit].cart {
font-size: 70%;
border-radius: 5px;
padding: 10px 20px;
background: rgb(234,234,234);
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(211,211,211,1)));
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d3d3d3',GradientType=0 );
box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -2px 0 0 #7a7a7a, 0 1px 3px 0 rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -2px 0 0 #7a7a7a, 0 1px 3px 0 rgba(0,0,0,.5);
color:#000000;
text-shadow: none;
}
.buy_buttons input[type=submit]:hover.cart {
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -2px 0 0 #7a7a7a, 0 1px 3px 0 rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5), inset 0 -2px 0 0 #7a7a7a, 0 1px 3px 0 rgba(0,0,0,.5);
color:#000000;
}





.button_info {
width: 190px;
border: solid 1px #686868;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background: rgb(234,234,234);
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(211,211,211,1)));
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d3d3d3',GradientType=0 );
border-top: none;
display: block;
margin: 0 auto;
font-size: 90%;
}
.book_price {
color: #448a00;
font-size: 200%;
font-weight: bold;
line-height: 1.1em;
}

a.upload, button.save, button.cancel, a.edit, a.elements, a.meta, a.logout, a.backup, a.delete, a.orders, a.database, a.logoutsm, a.backupsm, a.deletesm, a.editsm, button.login {
	background-image: url(admin/images.png) !important;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin: 0 5px 0 5px;
	cursor: pointer;
	background-color:transparent;
	margin:0 !important;
	padding:0 !important;
}
a.upload {
	width: 119px;
	background-position: 0px 0px;
}
button.save {
	width: 72px;
	background-position: 0px -40px;
	border:none;
}
button.cancel {
	width: 88px;
	background-position: 0px -80px;
	border:none;
}
a.edit {
	width: 97px;
	background-position: 0px -120px;
}
a.elements {
	width: 119px;
	background-position: 0px -160px;
}
a.meta {
	width: 113px;
	background-position: 0px -200px;
}
a.logout {
	width: 88px;
	background-position: 0px -240px;
}
a.backup {
	width: 87px;
	background-position: 0px -280px;
}
a.delete {
	width: 79px;
	background-position: 0px -320px;
}
a.orders {
	width: 85px;
	background-position: 0px -360px;
}
a.database {
	width: 97px;
	background-position: 0px -400px;
}
a.logoutsm {
	width: 38px;
	background-position: 0px -440px;
}
a.backupsm {
	width: 38px;
	background-position: 0px -480px;
}
a.deletesm {
	width: 38px;
	background-position: 0px -520px;
}
a.editsm {
	width: 53px;
	height: 26px;
	background-position: 0px -560px !important;
	display: none;
	padding: 0px !important;
	background-color: transparent !important;
	position: absolute;
	z-index: 99
}
button.login {
	width: 117px;
	background-position: 0px -693px;
	border: none;
	float: inherit;
	margin: 10px auto 0 !important;
}

a:hover.upload {
	background-position: -119px 0px;
}
button:hover.save {
	background-position: -119px -40px;
}
button:hover.cancel {
	background-position: -119px -80px;
}
a:hover.edit {
	background-position: -119px -120px;
}
a:hover.elements {
	background-position: -119px -160px;
}
a:hover.meta {
	background-position: -119px -200px;
}
a:hover.logout {
	background-position: -119px -240px;
}
a:hover.backup {
	background-position: -119px -280px;
}
a:hover.delete {
	background-position: -119px -320px;
}
a:hover.orders {
	background-position: -119px -360px;
}
a:hover.database {
	background-position: -119px -400px;
}
a:hover.logoutsm {
	background-position: -38px -440px;
}
a:hover.backupsm {
	background-position: -38px -480px;
}
a:hover.deletesm {
	background-position: -38px -520px;
}
a:hover.editsm {
	background-position: -53px -560px !important;
}
button:hover.login {
	width: 117px;
	background-position: -119px -693px;
}
a:active.upload {
	background-position: -238px 0px;
}
button:active.save {
	background-position: -238px -40px;
}
button:active.cancel {
	background-position: -238px -80px;
}
a:active.edit {
	background-position: -238px -120px;
}
a:active.elements {
	background-position: -238px -160px;
}
a:active.meta {
	background-position: -238px -200px;
}
a:active.logout {
	background-position: -238px -240px;
}
a:active.backup {
	background-position: -238px -280px;
}
a:active.delete {
	background-position: -238px -320px;
}
a:active.orders {
	background-position: -238px -360px;
}
a:active.database {
	background-position: -238px -400px;
}
a:active.logoutsm {
	background-position: -76px -440px;
}
a:active.backupsm {
	background-position: -76px -480px;
}
a:active.deletesm {
	background-position: -76px -520px;
}
a:active.editsm {
	background-position: -106px -560px !important;
}
button:active.login {
	width: 117px;
	background-position: -238px -693px;
}
.maincontent{
	clear:both;
}

a.cboxElement {
	background-color: #fff ;
	display:block;
	width:158px;
	height:198px;
	float: left;
	margin: 5px;
	border-radius: 6px;
	text-align: center;
}
a.cboxElement img {
	float: left !important;
	margin: 0px !important;
	border:solid 3px #474747;
	border-radius: 6px;
	-webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, .5);
    box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, .5);
}
a.cboxElement:hover {
	background-color:#fff;
	padding:0;
	margin: 5px;
	color: #cf5c3f;
}
a.cboxElement:hover img {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	-khtml-opacity: .9;
	opacity: .9 ;
	border-color: #cf5c3f !important;
}
.admin_mode a:hover{
	background-color:transparent;
}
.login_background{
	max-width: 350px;
margin: 60px auto;
background: #eaeaea;
background: -moz-linear-gradient(top, #eaeaea 0%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #eaeaea 0%,#d1d1d1 100%);
background: -o-linear-gradient(top, #eaeaea 0%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #eaeaea 0%,#d1d1d1 100%);
background: linear-gradient(to bottom, #eaeaea 0%,#d1d1d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d1d1d1',GradientType=0 );
-webkit-border-radius: 8px;
border-radius: 8px;
border: solid 1px #898989;
}
.rw-login-form{
	padding: 30px;
}
.rw-login-form label{
	font-weight:bold;
	font-size: 80%;
}

.rw-login-form input{
	font-size: 100%; /*Base font size is 14px */
	font-family: 'Alegreya Sans', sans-serif;
	padding: 5px;
	width: 95%;
	border: solid 2px #a1a1a1;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.login_copyright{
	margin: 0 auto;
	max-width: 350px;
	text-align: center;
	font-size: 90%;
}
.logo_banner{
	height: 80px;
	background-color: #779324;
	border-bottom: solid 1px #fff;
	webkit-box-shadow: 0 1px 0 0 #b1b1b1;
	box-shadow: 0 1px 0 0 #b1b1b1;
	border-radius: 5px 5px 0 0;
}

.logo_banner .logo{
	text-align:center;
	position:inherit;
	padding:10px 0;
}

@media only screen and (min-width: 150px) and (max-width:1024px) {
.pagewidth{
	width: 95%;
}
.mainheader .logo img {
left: 0;
}

.bx-controls-direction{
	display:none;
}
}
@media only screen and (min-width: 500px) and (max-width:700px) {
.pagewidth{
	width: 90%;
}
.content, .sidebar, .left_footer, .right_footer {
width: 94%;
float: none;
}
.call_to_action {
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
}
.middle_sidebar .button{
	width:50%;
	float: left;
	height: 100px;
}

}

@media only screen and (min-width: 400px) and (max-width:700px) {
.overview_table{display:block !important;}
.overview_table img{
	width:auto !important;
	max-width:none !important;
}
.main_nav_bg .pagewidth{width: 100%;}
#main_nav nav li{width: 49%;}
.main_nav_bg {height: 160px;}
.mobile_menu{display:none !important;}
#main_nav{display:block !important;}
}


@media only screen and (min-width: 150px) and (max-width:400px) {
.main_nav_bg .pagewidth{width: 100%;}
#main_nav nav li{width: 49%;}

.main_nav_bg {height: 120px;}
.nav_num {
font-size: 220%;
margin: 0;
padding: 0px 3px;
}
#main_nav nav a:link, #main_nav nav a:visited {
font-size: 100%;
line-height: 1.0em;
padding: 9px 0px 10px 0px;
}
.mobile_menu{display:none !important;}
#main_nav{display:block !important;}
#main_nav nav ul li {
height: 60px;
}
.buy_buttons{
	width:100% !important;
}

}



@media only screen and (min-width: 150px) and (max-width:600px) {
.pagewidth{
	width: 95%;
}
.logo {
position: inherit;
margin: 0 auto;
padding: 16px 0;
width: 310px;
}
.mainheader{
	height:auto;
}
.mainheader .logo img {
left: 0;
margin: 0 auto;
display: block;
}
.headerbar{display: none;}
.mobile_menu{
	display:block;
	position:relative;
	width: 98%;
}
.mobile_menu a{
	background-color: #779324;
	background-image: url(images/mobile_menu.png);
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px !important;
	width: 38px;
	height: 23px;
	position: absolute;
	z-index: 999;
	right: 0;
}
.mobile_menu a:hover {
	padding: 3px 0 0 0;
	margin: 0;
	background-color: #cf5c3f;
	background-position: center 3px;
}
#main_nav{
	display:none;
}
.mainheader nav {
	width:100%;
	background-color: #9dc02e;
	padding:10px 0;
}
.mainheader nav ul li {
	display: block;
	float: none;
	text-align: center;
	margin: 0 10px;
}
.photo_slide{
	clear:both;
}
.content, .sidebar, .left_footer, .right_footer {
width: 94%;
float: none;
}
.sidebar{
	clear:both;
	width: 100%;
}
.call_to_action {
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
}

.left_footer{
	text-align: center;
	padding: 20px 0;
}
.right_footer{
	text-align: center;
	padding: 0 0 20px 0;
}
.links nav{
	width: 100%;
	float:inherit;
}
.links nav ul li {
	float: inherit;
}
.wrench {
	float: inherit;
	padding: 0;
}
.wrench a{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin:0 auto;
}
.wrench a:hover{
	margin:0 auto;
}

.content img{
max-width: 50%;
height: auto;
}
.content .error_image{
	float: initial;
	padding: 0;
	text-align:center;
}
.overview_table{
	display:none;
}
}

body.rw-login {
	background: url(images/login-whisp.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0 5%;
}