/* .body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-left: 1pt;
	margin-right: 3pt;
} */

/*  Notes on dimension relationships
 *
 *  - w is independent of x,y,z and can use any units
 *  - x, y, z, should probably use the same units and with any gaps between the columns should
 *    not add to more than the width of #wrap_outer.
 *  - #wrap_outer width is given as special.  it doesn't need to be set explicitly, if, e.g. you 
 *    use margins to control its width.  the key is that x+y+z+gap1+gap2 must add to no more than
 *    the final width of #wrap_outer
 *
 *  #banner {height:w; top:-w;}
 *  #wrap_outer {padding-top:w; width: special}
 *  #wrap_inner {width:x+y+gap;}
 *  #left {width: x;}
 *  #main {width: y;}
 *  #right {width: z;}
 */
 
/* layout styles */ 
#banner {
	position:absolute;
	height:401px;
	width:100%;
	left:0;
	top:-401px;
	background-color: #FFFFFF;
}
#wrap_outer {position:relative; margin:401px auto 0; width:1090px;}
#wrap_inner {float:left; width: 777px;}
#left {float:left; width: 313px;}
#main {float:right; width: 464px;}

#right {float:right; width: 313px;}


#wrap_inner2 {float:left; width: 1003px;}
#left2 {float:left; width: 313px;}
#main2 {float:right; width: 690px;}

#right2 {float:right; width: 73px;}



#footer {clear:both; height: 40px; width:100%;}
/* end layout styles */

/* presentation styles */
body {
	font-family:  Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10pt;
	background-image: url(../dsn/bkg/bkgv2.gif);
}
#right, #right2 {font-size: 100%;}
#left, #left2 {font-size:100%;}

#menu {margin:0; padding:0; border-top:1px solid #fff;}
#menu li {list-style:none; margin:0; padding:0; border:1px solid #fff; border-top:0;}
#menu li a {display:block; padding: 3px 5px; color:#9966CC; font-weight:bold;}
#menu li a:hover {color:#000066;}

/* color coding, to differentiate between the different layout regions in this example */
#wrap_inner, #wrap_inner2, #footer {-moz-opacity:1.00; filter:alpha(opacity=100);}
#left, #left2, #right, #right2, #main, #main2 {-moz-opacity:1.00; filter:alpha(opacity=100)}

#banner {background-color:#203255;}
#wrap_outer {background-color:#fff;}
#wrap_inner, #wrap_inner2 {background-color:#FFFFFF;}
#left, #left2 {background-color: #fff;}
#main, #main2 {background-color: #fff;}
#right, #right2 {background-color: #fff;}
#footer {background-image:url(../dsn/bkg/bkgv2.gif); text-align:center;}


/*  wrap image */
#imagewrap {
background-image: url(../design/bkg/home_imgboats.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
margin: 0px;
padding: 0px;
border: 0px;
}
#imageleftbar {
background-image: url(../dsn/bkg/leftspace.gif);
background-repeat: no-repeat;
background-attachment: scroll;
margin: 0px;
padding: 0px;
border: 0px;
}

.flow {
float: left;
clear: left;
margin: 0px 1.25em 0px 0px;
}
/* end wrap image */


h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.1em;
} 



/* end */