@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/navy/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.topbar{
	background-image:url(../images/navy/top_blackwshaddow.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:746px;
	height:31px;
}

.menu_right{
	background-image:url(../images/navy/menu_right_grad.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:392px;
	height:39px;
}

.content_bg{
	background-image:url(../images/navy/bg_content_grad.gif);
	background-position:top;
	background-repeat:repeat-y;
	width:746px;
	/*NOTE: Take from Untitled-4.psd, but then shrink the CANVAS to 4px, anchored to the bottom.
	THis will create the very light pinstripe*/
}

.content_bottom{
	background-image:url(../images/navy/bg_content_bottom_grad.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:746px;
}

/*This does not need to change. THere is no shaddow on it*/
.menu_left{
	background-image:url(../images/menu_leftgradient_grad.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:354px;
	height:39px;
}

.banner_boats{
	 background-image:url(../images/navy/banner_boats.gif);
	 background-position:top;
	 background-repeat:no-repeat;
	 width:746px;
     height:188px;
}

.banner_right{
	 background-image:url(../images/navy/banner_side.gif);
	 background-position:top;
	 background-repeat:no-repeat;
	 width:2px;
     height:188px;
}