/* layout styles: */

body {
background-color: #FFFFFF;
color: #5C419A;
font-family: Helvetica, Arial, SunSans-Regular, sans-serif; 
font-size: 12px; 
}

#full_window {
display: table;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#inner_window {
display: table-cell;
vertical-align: middle;
position: relative;
}

#vertically_aligned_box {
position: relative;
width: 100%;
text-align: center;
}

#mainbox {
background-color: #FFF;
_height: 460px;
min-height: 460px;
width: 748px;
position: relative;
margin: 0;
border: 2px solid #5C419A;
}

#footbox {
margin: auto auto 30px auto;
}

#menubox {
background-color: #FFF;
height: 40px;
width: 748px;
position: relative;
margin: 30px auto 30px auto;
border: 2px solid #5C419A;
border-width: 2px 0;
text-align: center;
}

#mainbox {
margin: auto auto 50px auto;

}

.contact {
padding-top: 42px;
}

#reg_company_details {
background-color: none;
width: 800px;
position: relative;
margin: auto;
color: #999;
font-size: 9px;
line-height: 11px;
text-align: right;
padding: 10px 0;
}

img {
border: none;
}

#page_header { 
background-color: #73b6c7; 
background-image: url("../im/sky.jpg"); 
background-repeat: no-repeat; 
visibility: visible; 
position: relative; 
z-index: 1; 
top: 0; 
left: 0; 
width: 100%; 
height: 130px; 
border-bottom: 2px solid #000;
min-width: 760px;
width:expression(document.body.clientWidth < 760? "760px": "99%" );
}

#logo { 
visibility: visible; 
position: relative; 
z-index: 2; 
top: 8px; 
left: 45px; 
width: 64px; 
height: 124px;
}

#content { 
min-width: 760px;
width:expression(document.body.clientWidth < 760? "760px": "99%" );
visibility: visible; 
position: relative; 
padding: 20px 50px 50px 50px;
top: 0px; 
left: 0px; 
vertical-align: top;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu { 
visibility: visible; 
padding: 0 8px 2px; 
position: absolute; 
z-index: 10; 
top: 108px; 
left: 124px; 
height: 26px 

}

#rightcol { 

visibility: visible;  
width:140px; 
right: 0px;
margin: 0px 0px 20px 40px;
float: right;
padding: 0px;
clear: left;
}

#copyright  { 
visibility: visible; 
float: left;
clear: left;
}

#redder_credit { 
position: relative;
visibility: visible; 
bottom: 00px;
right: 0px;
float: right;
clear: right;
}

#redder_logo {
vertical-align: middle;
}

#footer { 
position: fixed;
margin-top: 50px;

border-top: 1px solid #E8E8E8;
padding: 4px 40px;
background-color: white;
position: absolute;
voice-family: "\"}\"";
voice-family: inherit;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
}

#image_right, .image_right { 
visibility: visible; 
float: right;
border: 1px solid #99CCFF;
border-top-color: #006699;
border-left-color: #006699;
padding: 4px;
margin: 2px 0px 10px 20px;
}

#image_left, .image_left { 
visibility: visible; 
float: left;
border: 1px solid #3399CC;
border-top-color: #006699;
border-left-color: #006699;
padding: 4px;
margin: 2px 10px 10px 0px;
}

/* formatting styles: */

img {
border: none;
}

.title, h1 { 
font-size: 13pt; 
text-transform: uppercase;
font-weight: bold; 
line-height: 170%; 
margin: 0px 0px 12px 0px;
}

h2 {
font-size: 9pt; 
font-weight: bold; 
line-height: 120%; 
margin: 16px 0px 0px 0px;
}

.caption { 
font-size: 8pt; 
font-weight: normal; 
margin-bottom: 2px 
}

p, ul, li { 
line-height: 170% 
}

.italic { 
font-style: italic; 
}

a  { 
color: #5C419A; 

line-height: 170%; 
text-decoration: none; 
}

a:hover { 
text-decoration: underline; 
}

ul, ol {
margin-left:8px;
padding-left:8px;
}

strong.lncn {
position: absolute;
height: 10px;
width: 10px;
margin: 0;
padding: 0;
line-height: 1px;
font-size: 1px;
z-index: 200;
background-image: url('../images/corners.gif');
}

strong.lntl {
top: -2px; left: -2px;
background-position: top left;
}

strong.lntr {
top: -2px;
right: -2px;
background-position: top right;
}

strong.lnbl {
bottom: -2px;
left: -2px;
background-position: bottom left;
}

strong.lnbr {
bottom: -2px;
right: -2px;
background-position: bottom right;
}

* html strong.lnbl { bottom:-2px;}
* html strong.lnbr { bottom:-2px;}


ul#nav {
position: relative;
margin: 0;
padding: 0;
list-style: square;
border-top: 0px solid #300;
height: 24px;
width: 748px;
text-align: center;
}
ul#nav li {
color: #CABBE6;
	position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:30px;
display:inline;
	}
	ul#nav li a {
	color: #CABBE6;
	display: block;
	float: left;
	height: auto;
	margin:3px 0px 0px 0px;
	padding: 4px 0;
	text-decoration:none;
	background: transparent;
	line-height: 30px;
	text-align: center;
	width: 91px;
	text-transform: uppercase;
	font-size: 11px;
	}
ul#nav li a:hover, ul#nav li a.on {
	text-decoration:none;
	color: #5C419A;
	}
li ul {
	position: absolute;
	left: 0px;
	top: 18px;
	margin:-1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:200px;
	display: none;
	z-index:100;
text-align:left;
}
ul#nav li ul li {
margin:0px 0px -6px 0px;
width: 200px
}
ul li ul li ul {
display: block;
	position: absolute;
	left: 170px;
	top: -2px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width:120px;
	z-index:2;
background-color:#C00;
color:#333333;
text-align:left;
	}

	ul#nav li ul li ul li a {
	display:block;
	width:200px;
margin:2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:10px;
	padding:3px 0px 2px 25px;
color:#333333;
text-decoration:none;
background-position:center left;
background-repeat:no-repeat;
text-align:left;
}
ul#nav li ul li ul li a:hover {
	width:200px;
}
ul#nav li ul li a {
	display:block;
margin:-5px 2px 1px 2px;
	padding:6px 2px 5px 2px;
color:#ffffff;
text-decoration:none;
background-color:#C00;
text-align:left;

}
ul#nav li ul li a:hover {
	display:block;
color:#ffffff;
text-decoration:none;
background-color:#0099AD;

text-align:left;
}

* html ul#nav li { float: left; height: 22px; }
* html ul#nav li a { height: 22px; }
li:hover ul#nav2, li.over ul#nav2 { display: block; }
* html ul#nav2 li { float: left; height: 1%; }
* html ul#nav2 li a { height: 1%; }
li ul#nav2 li:hover ul, li ul#nav2 li.over ul { display: block; background: #F00 }
-->