body {
	background: black url("/templates/Optical/images/side_bar.jpg") repeat-y;
}

a {
	color: #265E97;

	-o-transition-duration: 150ms;
	-webkit-transition-duration: 150ms;
}

a:hover {
	color: #3376B5;
	text-shadow: -1px 1px 1px #C2E0F2;
}

h1, h2, h3, h4, h5, h6
{
	background: #041026 url(/templates/Optical/images/nav_link_bg.png) repeat-x;
	border-radius: 5px;
	box-shadow: 0 0 5px black;
	color: white;
	margin: 0 0 15px 0;
	padding: 5px;
	text-shadow: -2px 2px 2px black;

	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
}

div#body {
	background: url("/templates/Optical/images/truefusion.jpg") no-repeat;
	height: 186px;
}

div#content {
	background-color: white;
	display: table-cell;
	vertical-align: top;
	width: 700px;
}

div#navigation {
	color: white;
	display: table-cell;
	padding-top: 35pt;
	vertical-align: top;
	width: 299px;
}

div#navigation ul {
	cursor: default;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navigation ul.Nav div.sub_nav_container {
	display: none;
	left: 100px;
	position: absolute;
	text-align: left;
	top: 10px;
}

div#navigation ul.active div.sub_nav_container {
	display: block;
}

div#navigation ul.Nav > li {
	font-size: 11pt;
	min-height: 100px;
}

div#navigation a.navTitle,
div#navigation span.navTitle {
	color: white;
	cursor: pointer;
	display: block;
	font-size: 11pt;
	letter-spacing: 3px;
	margin-left: -4px;
	opacity: 0.7;
	padding: 7px 0 7px 0;
	text-align: center;
	width: 115px;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

div#navigation a.navTitle:hover,
div#navigation span.navTitle:hover {
	opacity: 1;

	-o-transition-duration: 150ms;
	-webkit-transition-duration: 150ms;
}

div#navigation a.navSubTitle,
div#navigation span.navSubTitle {
	background: url(/templates/Optical/images/nav_link_bg.png) repeat-x;
	display: block;
	padding: 5px;
}

div#navigation ul.subNav {
	background: #041026;
	border: 1px solid #041026;
	box-shadow: -1px 3px 3px #0F2A50;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 1px;
	width: 193px;

	-moz-border-radius: 5px;
	-moz-box-shadow: -1px 3px 3px #0F2A50;
	-webkit-box-shadow: -1px 3px 3px #0F2A50;
}

div#navigation ul.subNav a {
	color: white;
	display: block;
	padding: 5px !important;
}

div#navigation ul.subNav ul a {
	border-bottom: 1px solid #265B97 !important;
	box-shadow: inset 0 0 5px #0F2A52;
	color: white;
	display: block;
	padding: 5px !important;
	text-shadow: 0 3px 5px #06173B;

	-moz-box-shadow: inset 0 0 5px #0F2A52;
	-webkit-box-shadow: inset 0 0 5px #0F2A52;
}

div#navigation ul.subNav a:hover {
	background-color: #102D58;
	box-shadow: inset 0 0 10px #06173B, inset 0 0 10px #06173B, inset 0 0 10px #06173B;

	-moz-box-shadow: inset 0 0 10px #06173B, inset 0 0 10px #06173B, inset 0 0 10px #06173B;
	-webkit-box-shadow: inset 0 0 10px #06173B, inset 0 0 10px #06173B, inset 0 0 10px #06173B;
}

div#navigation ul.subNav ul {
	background-color: #184378;
	box-shadow: inset 0 0 10px #0F2A52;

	-moz-box-shadow: inset 0 0 10px #0F2A52;
	-webkit-box-shadow: inset 0 0 10px #0F2A52;
}

div#navigation ul.active a.navTitle,
div#navigation ul.active span.navTitle {
	background-color: white;
	border-radius: 5px;
	box-shadow: inset 0 0 10px #82A6D9;
	color: black;
	opacity: 1;

	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 0 10px #82A6D9;
	-webkit-box-shadow: inset 0 0 10px #82A6D9;
}

div.packet {
	background: url(/images/icons/tflogo.jpg) no-repeat 80% 45%;
	margin-bottom: 15px;
}

div.packet form {
	float: right;
	margin: -80px 55px 0 0;
}

input[type=text] {
	width: 200px;
}

input[type=text],
textarea
{
	border: 1px solid #0F2A50;
	border-radius: 5px;
	box-shadow: inset 0 0 10px #C2E0F2;
	letter-spacing: 1px;
	padding: 3px;

	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 0 10px #C2E0F2;
	-webkit-box-shadow: inset 0 0 10px #C2E0F2;
}

div.packet span {
	color: #0F2A50;
	display: block;
	font-weight: bold;
	padding: 3px;
}

input[type=submit],
input[type=reset],
button
{
	background-color: #0F2A50;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0 0 3px #0C2240, inset 0 0 1px 1px rgba(194,224,242,.7), inset 0 0 5px 2px #5799D9, inset 0 0 20px 3px rgba(15,42,80,1), inset 0 5px 10px #A6DEFF, inset 0 -3px 3px #6DC0F2;
	color: white;
	cursor: pointer;
	padding: 3px 10px 3px 10px;
	text-shadow: 1px 1px 5px #0C2240;

	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 3px #0C2240, inset 0 0 1px 1px rgba(194,224,242,.7), inset 0 0 5px 2px #5799D9, inset 0 0 20px 3px rgba(15,42,80,1), inset 0 5px 10px #A6DEFF, inset 0 -3px 3px #6DC0F2;
	-webkit-box-shadow: 0 0 3px #0C2240, inset 0 0 1px 1px rgba(194,224,242,.7), inset 0 0 5px 2px #5799D9, inset 0 0 20px 3px rgba(15,42,80,1), inset 0 5px 10px #A6DEFF, inset 0 -3px 3px #6DC0F2;

}

input[type=submit]:hover,
input[type=reset]:hover,
button:hover
{
	background-color: #A6DEFF;
}

p {
	text-align: justify;
}