/* General styles for common tags */
* {
	font-family: Arial;
	color:#032e61;
}

/* JUICE FONT */

@font-face {
    font-family: 'juice_boldbold';
    src: url('fonts/JUICE_Bold-webfont.eot');
    src: url('fonts/JUICE_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JUICE_Bold-webfont.woff') format('woff'),
         url('fonts/JUICE_Bold-webfont.ttf') format('truetype'),
         url('fonts/JUICE_Bold-webfont.svg#juice_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tab-top a,.tab-bottom,.tab-bottom a{
	font-family: 'juice_boldbold';
}

a:link,a:active,a:visited {
	text-decoration:none;
	color:#ffffff;
}

a:hover,a:hover div {
	text-decoration:underline;
	color:yellow;
}

a.pl:link {
	text-decoration:underline;
	color:#0000FF;
}

a.pl:active {
	text-decoration:underline;
	color:#FF0000;
}

a.pl:visited {
	text-decoration:underline;
	color:#800080;
}

a.pl:hover {
	text-decoration:underline;
	background-color:#ffff80;
	color:#ff0000;
}

ol {
	font-weight: bold;
}

ol li span {
	font-weight:normal;
}

ul {
	list-style:disc;
	margin-top:0;
}

.header {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	width:770px;
	height:137px;
	background-color:#ffffff;
}

.main-content {
	vertical-align:middle;
	width:491px;
	height:375px;
	background-image:url("LightStone.jpg");
	border-left: 1px solid #4c9448;
}

.page-content {
	text-align:justify;
	margin:0;
	padding:10px 0 0 0;
	width:770px;
	min-height:375px;
	height:375px !important;
	background-image:url("LightStone.jpg");
	border-left: 1px solid #4c9448;
	border-right: 1px solid #4c9448;
}

.main-button {
	display:table;
	font-size:21px;
}

.OTTO-button {
	margin-top:11px;
	border:none;
}

.right-nav {
	width:278px;
	height:375px;
	background:#00517d;
}

.angle-right {
	margin-left:48px;
	width:0;
	height:0;
	display:table;
	float:left;
	border-top:55px solid #00a98c;
	border-left:30px solid transparent;
}

.rectangle-right {
	width:200px;
	height:55px;
	display:table;
	float:right;
	color:#ffffff;
	background:#00a98c;
        display:inline-table;
}

.text-right {
	font-size:16px;
	font-style:italic;
	padding-top:8px;
	padding-left:20px;
	color:#ffffff;
	background:#00a98c;
	display:inline-block
}

.quote {
	padding-left:50px;
	font-style:italic;
	color:blue;
}

.indent-right {
	color:#ffffff;
	padding-left:16px
}

.vspace-right {
	display:block;
	margin:0px;
	padding:0px;
	line-height:30px;
}

.tab-top {
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	width:110px;
	height:52px;
	color:#ffffff;
	background:#4c9448;
}

.tab-selected {
	font-size:12px;
	font-family: 'juice_boldbold';
	text-align:center;
	vertical-align:middle;
	width:110px;
	height:52px;
	color:#ffffff;
	background:#1b5f11;
}

.tab-bottom {
	font-size:12px;
	vertical-align:middle;
	width:256px;
	height:52px;
	color:#ffffff;
	background:#4c9448;
}

.nav {
	color:#ffffff !important;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	font-size:12px;
	font-weight:bold;
	width:770px;
	height:52px;
	background:#4c9448;
}

.NavBar {
	vertical-align:top;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	width:770px;
	height:137px;
	z-index:1;
}

.NavBarIE {
	vertical-align:top;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:137px;
	z-index:1;
}

.lower {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:137px;
	width:770px;
	z-index:0;
}

.item-list .pager {
	clear:both;
	text-align:left;
	font-size:12px;
}

.item-list .pager li {
	background-image:none;
	display:inline;
	list-style-type:none;
	padding:5px;
}

.pager {
	margin:0 !important;
	padding:0 !important;
	text-align:left !important;
}

.pager a:link,.pager a:visited,.pager a:active,.pager .pager-current {
	border-radius:4px !important;
	color:#008000 !important;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) !important;
	font-weight:bold !important;
	text-shadow:0 1px 1px #FFFFFF !important;
}

.pager a:link,.pager a:visited,.pager a:active {
	background:-moz-linear-gradient(100% 100% 90deg,#EAEAEA,#F9F9F9) repeat scroll 0 0 transparent;
	border:1px solid #C3C3C3;
}

.pager a:link,.pager a:visited {
	color:#777777;
	display:inline;
	padding:2px 4px;
	text-decoration:none !important;
}

.pager a:hover {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #BBBBBB;
	padding:2px 4px;
}

.pager .pager-current {
	font-weight:bold;
	background:none repeat scroll 0 0 #4c9448 !important;
	border:1px solid #565656 !important;
	color:#FFFFFF !important;
	padding:2px 4px !important;
	text-shadow:0 1px 1px #000000 !important;
}

.current span {
	font-weight:bold;
	border-radius:4px !important;
	background:linear-gradient(#6AB266,#2E762A) transparent;
	border:1px solid #565656 !important;
	color:#FFFFFF !important;
	padding:2px 4px !important;
	text-shadow:0 1px 1px #000000 !important;
}

.video-content {
	text-align:left;
	margin:0;
	padding:0;
	width:770px;
	height:375px !important;
	border: 2px solid #4c9448;
	background-color:#ffffff;
	background-image:url("LightStone.jpg");
}

.input-content {
	text-align:left;
	margin:0;
	padding:0;
	width:402px;
	height:375px !important;
	border: 2px solid #4c9448;
	background-color:#ffffff;
	background-image:url("LightStone.jpg");
}

/* Highlighting */
.AlertHL	{background-color:#ff0000;color:#ffff00;}
.LtBlueHL	{background-color:#80ffff;color:#000080;}
.DkBlueHL	{background-color:#ddddff;color:#000080;}
.LtGreenHL	{background-color:#ddffdd;color:#008000;}
.DkGreenHL	{background-color:#80ff80;color:#008000;}
.GoldHL		{background-color:#ffdd00;color:#884400;}
.PeachHL	{background-color:#ffcc99;color:#884400;}
.PinkHL		{background-color:#ffdddd;color:#ff0000;}
.PurpleHL	{background-color:#ff80ff;color:#000080;}
.YellowHL	{background-color:#ffff80;color:#ff0000;}

/* Highlighting + Box */
.AlertBox	{background-color:#ff0000;color:#ffff00;padding-left:3px;padding-right:3px;border:solid 1px #ffff00;font-weight:bold;}
.AlertBoxR	{background-color:#ffff00;color:#ff0000;padding:3px;border:ridge 3px #ff0000;font-weight:bold;}
.LtBlueBox	{background-color:#80ffff;color:#000080;padding-left:3px;padding-right:3px;border:solid 1px #000080;font-weight:bold;}
.DkBlueBox	{background-color:#ddddff;color:#000080;padding-left:3px;padding-right:3px;border:solid 1px #000080;font-weight:bold;}
.LtGreenBox	{background-color:#ddffdd;color:#008000;padding-left:3px;padding-right:3px;border:solid 1px #008000;font-weight:bold;}
.DkGreenBox	{background-color:#80ff80;color:#008000;padding-left:3px;padding-right:3px;border:solid 1px #008000;font-weight:bold;}
.GoldBox	{background-color:#ffdd00;color:#884400;padding-left:3px;padding-right:3px;border:solid 1px #884400;font-weight:bold;}
.PeachBox	{background-color:#ffcc99;color:#884400;padding-left:3px;padding-right:3px;border:solid 1px #884400;font-weight:bold;}
.PinkBox	{background-color:#ffdddd;color:#ff0000;padding-left:3px;padding-right:3px;border:solid 1px #ff0000;font-weight:bold;}
.PurpleBox	{background-color:#ff80ff;color:#000080;padding-left:3px;padding-right:3px;border:solid 1px #000080;font-weight:bold;}
.YellowBox	{background-color:#ffff80;color:#ff0000;padding-left:3px;padding-right:3px;border:solid 1px #ff0000;font-weight:bold;}