html {margin: 0; padding: 0; border: none; height: 100%; min-height: 100%; background: #576682;}
body {margin: 0 auto; padding: 0; border: none; border-right: 0.25em solid #fff; border-left: 0.25em solid #fff; font-size: 100%; width: 50em; height: 100%; min-height: 100%; background: #fff; color: #000;}
html > body{height: auto;}


div.header {font-size: 1em; margin: 0; padding: 0; border: none;background: #fff;}
div.header img {display: block; float: none; margin: 0; padding: 0; border: none;}

ul.menu {display: block; font-size: 1em !important; font-weight: normal;font-family: Arial; list-style-type: none; padding: 0 2em 1em 2em !important; width: 46em; background: #fff url("../images/menu_background.png") repeat-x; height: 1.75em; margin: 0 !important;}
ul.menu li {float: left; font-size: 0.938em !important; display: block; padding: 0; line-height: 2.375em; margin: 0 0 0 0.066em;}
ul.menu li a {text-transform: uppercase; display: block; padding: 0 0.733em; color: #fff;}
ul.menu li a:focus, ul.menu li a:hover {color: #039; background-color: #cef;}

ul.menu li span {display: block;padding: 0 0.733em; cursor: default;}
ul.menu li ul {z-index: 100; font-size: 1em; display: none; position: absolute; padding: 0 !important; border-top: 0.066em solid #fff; color: inherit;}
ul.menu li ul li {float: none; white-space: nowrap; margin-left: 0; border-bottom: 0.066em solid #fff;}
ul.menu li ul li span {color: #fff; background-color: #0473c6;}
ul.menu li.self span {color: #fff; background-color: #3ea1f0;}
ul.menu li.self a {color: #fff !important; background-color: #3ea1f0 !important;}
ul.menu li.self ul {color: #fff; background-color: #fff;}
ul.menu li.self ul li span {color: #fff; background-color: #0473c6;}
ul.menu li.show a {color: inherit; background-color: #59b;}
ul.menu li.show ul {display: block !important;}
ul.menu li.show a:hover {color: inherit; background-color: #fff;}


h1,h2,h3,p,address,ul,ol,address,th,td{margin: 0; border: none; }

/* BACKGROUND TRANSPARENT */
h1,h2,h3 {background-color: transparent;}
/* Mid Blue */
h1,h2,h3 {color: #0473c6;}
h1,h2,h3 {font-weight: normal; font-family: Georgia,Utopia,Palatino,serif; }
h1 {font-size: 1.563em; line-height: 1em; padding: 0.44em 1.68em 0.08em 1.68em;}
h2 {font-size: 1.313em; line-height: 1em; padding: 0.571em 2em 0.238em 2em;}
h3 {font-size: 1.063em; line-height: 1em; padding: 0.765em 2.471em 0.353em 2.471em;}
a:link,a:visited {text-decoration: none;}
a:hover,a:focus,a:active {text-decoration: underline;}
small {font-size: 0.9em;}
abbr {color: #060;}
acronym {color: #600;}
strong {font-weight: bold;}
em {font-style: italic; color: #ff7f33;}
address {clear: both; font-size: 0.75em; line-height: 1.308em; padding: 0.615em 3.231em;}
address img {display: block; visibility: hidden;}
p {font-size: 0.875em; font-family: arial;line-height: 1.357em; padding: 0.643em 3em;}
p img {display: inline;}
p label {position: absolute;}
p input,
p textarea,
p select,
p span.tab {margin-left: 6.587em;}
blockquote {quotes: none; color: #369; background-color: #f0f3ff;}
blockquote p {text-indent: -0.357em;}
ul,ol {list-style-position: outside; font-size: 0.875em; font-family: Arial; padding: 0.714em 3em;}
ul {list-style-type: circle;}
ol {list-style-type: decimal;}
li {font-size: 1em; line-height: 1.429em;}
ul.att {list-style-type: none;}





/* Must fix ! Table then two class types then colour classes*/
table.numbers {border: double #ccc;}
table.numbers tr td {text-align: right;}
.tight {padding: 0; text-align: center; vertical-align: middle;}
.blue {color: #0a47a3; background: transparent;}
.o td {background: #f0f0f0 !important;}
.e td {background: #fafafa;}
.center {text-align: center !important;}
.bottom {vertical-align: bottom;}
table {font-size: 0.875em;background-color: #fff;margin: 0.643em 2.286em;}
th {font-size: 1.143em; font-weight: normal; padding: 0.25em 0.75em; background-color: #6c3; color: inherit; border-top: 1px solid #fff; border-left: 1px solid #fff;}
td {font-size: 1em; padding: 0.357em 0.714em; background-color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.orange {color: #e83; background: transparent;}
table.orange {border: none;}
table.orange ul.blue {font-size: 1em; margin: 0; padding: 0; width: 14em; list-style-type: none;}
table.orange ul.blue li {font-size: 1em; margin: 1.286em 0; padding-left: 1em; background: url("../images/sprite1.png") 0 0 no-repeat;}
table.orange ul.blue li ul {font-size: 1em; margin: 0 0 0 0.365em; padding: 0; list-style-type: none;}
table.orange ul.blue li ul li {font-size: 1em; margin: 0;}
table.case {padding: 0 0 0.75em 2em; margin: 0;}
table.case tr td {padding: 1px 16px; text-align: center !important; vertical-align: bottom;}
table.case tr.grop td {border-bottom: 1px solid #000;}
.fl {float: left; z-index: 99; background-color: #fff;}
.fr {float: right; z-index: 99; background-color: #fff;}
div.fl {margin: 0.5em 1.5em 0.5em 0; padding: 0 0 0 2em;}
div.fr {margin: 0.5em 0 0.5em 1.5em; padding: 0 2em 0 0;}
p.fl {margin-right: 1.5em !important; padding-right: 1.5em !important;}
p.fr {margin-left: 1.5em !important; padding-left: 1.5em !important;}
div.news {display: block; overflow: auto; width: 100%; clear: both; margin: 0; padding: 0.714em 0;}
div.news p {margin-left: 9em !important; padding: 0.357em 3em 0.357em 3em !important; white-space: wrap;}
div.news p img {float: left; vertical-align: top; margin-left: -9em; padding: 0.286em; border: 1px solid #abd; background-color: #fff;}
.bg_blue {background-color: #e5f0ff;}
.db {display: block;}
.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.ir img{float: left; margin-right: 16px; vertical-align: top;}
.nb {border: none !important;}
.nf {background-color: transparent !important; text-align: center !important;}
.pdf {font-size: 0.85em; background: transparent url("../images/sprite1.png") 100% -658px no-repeat; color: #999; padding-right: 18px;}
.indent {margin-left: 40px;}
.source {text-align: right; font-style: italic;}
.photo {padding: 12px; border-top: none; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; background: #fff url("../images/photo.png") bottom center no-repeat;}
#revMenu {float: right; border: 1px solid #69f; padding: 10px 26px; margin: 12px 0px 12px 20px;}



div#indexbreakoutbox {float: right; width: 324px; padding: 0; margin: 0; border: none;}
div#indexbreakoutbox img#calendar {display: block; margin: 0 0 0 54px !important; padding: 0 !important; border: none;}

div#indexbreakoutbox div#calculator { margin: 0; padding: 0 0 2.5em 0; border: none; background: #fff url("../images/bg_calculator.png") no-repeat;}
div#indexbreakoutbox div#calculator div.pricehexagon {
	text-align: right;
	vertical-align: top;
	display: block;
	margin: 0; 
	padding: 0;
	width: 124px; 
	height: 117px; 
	min-height: 117px; 
	background: transparent url("../images/breakout.png") no-repeat;
	}
div#indexbreakoutbox div#calculator div.pricehexagon p {margin: 0 !important; padding: 33px 14px 0 0 !important; border: none !important;}	
div#indexbreakoutbox div#calculator div.pricehexagon p input#price {
	text-align: center; 
	font-size: 24pt; 
	font-family: impact;
	display: block;
	width: 110px !important; 
	margin: 0 !important; 
	padding: 0 !important; 
	border: none;
	outline: none;
	color: #0066cc;
	background-color: transparent;
	}

div#indexbreakoutbox div#calculator div.pricefields {float: right; margin: 0; padding: 30px 56px 0 0; border: none; background-color: transparent;}
div#indexbreakoutbox div#calculator div.pricefields p {font: normal 0.875em Arial,sans-serif; margin: 8px 0 0 0px; padding: 0; background-color: transparent;}
div#indexbreakoutbox div#calculator div.pricefields select,
div#indexbreakoutbox div#calculator div.pricefields input {margin: -2px 3px 0 0;}

.attTextAlignRight {text-align: right;}


form {margin: 0; padding: 0; border: none;}
.floright {float: right}
.floatLeft {clear: left;float: left}

.clearLeft {clear: left;float: left}
.breakOut {wrap: wrap;}



div.bottompage {clear: both; margin: 0;padding: 0;}
div.bottompage h1 {border-top: 2px solid #ffba00; border-bottom: 2px solid #ffba00; background: #000; color: #ffba00;padding: 0.5em 2em !important; font-family: arial;}
