/* layout styles: */

body {

}

#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: */
body {
background-color: white;
margin: 0px;
padding: 0px;
}

img {
border: none;
}

.title, h1 { 
font-size: 18pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; 
line-height: 170%; 
margin: 0px 0px 12px 0px;
}

h2 {
font-size: 14pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; 
line-height: 120%; 
margin: 16px 0px 0px 0px;
}

.caption { 
font-size: 8pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; 
margin-bottom: 2px 
}

.para, ul, li { 
font-size: 12pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
line-height: 170% }

.italic { 
font-style: italic; 
}

a  { 
color: #006699; 
font-size: 10pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
line-height: 170%; 
text-decoration: none; 
}

a:hover { 
text-decoration: underline; 
}

body, td, p { 
font-size: 12pt; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
line-height: 170%; 
}

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


/* menu styles */

ul#nav {
padding: 0 8px 2px; 
position: absolute; 
z-index: 10; 
top: 93px; 
right: 30px; 
height: 26px 

list-style: none;
border-top: 0px solid #300;
height: 18px;
}
ul#nav li {
color: #FFF;
	position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:18px;
display:inline;
	}
	ul#nav li a {
	display: block;
	float: left;
	height: auto;
	margin:1px 0px 0px 0px;
	padding:3px 14px 4px 4px;
	text-decoration:none;
	background: transparent;
	line-height: 130%;
	}
ul#nav li a:hover {
	text-decoration:none;
	background: #FFF;
	}

* 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 }





-->