html {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	}

body {
   background: url('http://www.usflagandbanner.com/images/gradient_blue_bg.jpg') repeat-x 50% 0;
   min-width: 750px;
   background-attachment: fixed;
   margin: 10px 0px 10px 0px;
   padding: 0px;
   border: 0px;
   text-align: center;
}

img {
border: 0;
}

#iframebox {
width: 100%;
margin:0px;
border:0px;
padding:0px;
}

#container {
   margin: auto;
   padding: 0;
   text-align: left;
   width: 750px;
   background: url("images/container_bg.jpg");
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
   }

#preheader {
width: 750px;
height: 20px;
background: #17479e;
text-align: right;
}

#preheader a:link, #preheader a:active, #preheader a:visited {
color: #ffffff;
text-decoration: none;
} 

#preheader a:hover {
color: #ffffff;
text-decoration: underline;
}

#preheader p {
margin: 0px;
font: bold 10px/20px Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
margin-right: 5px;
}

#postheader {
width: 750px;
height: 6px;
background: url("images/5px_pattern.gif");
text-align: left;
}

h1 {
   width: 750px;
   height: 130px;
   text-indent: -9999px;
   background: url("images/header.jpg");
   margin: 0px;
   padding: 0px;
   border: 0px;
}

#left {
	width: 150px;
	float: left;
}

#legacy_link {
width: 140px;
text-align: center;
}

#contentarea {
	float: left;
 width: !important 440px;
	width: 440px;
 max-width: !important 440px;
	margin: 0;
	padding: 0;
	background-image: url(images/content_bg.gif);
	background-repeat: no-repeat;
}

ol {
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
}

#content {
 padding-top: 0px;
 padding-right: 15px;
 padding-bottom: 30px;
 padding-left: 20px;
 }
 
#right {
	width: 160px; 		
	float: left;
}

#rightcontent {
 margin-bottom: 10px;
 margin-left: 0px;
 padding-right: 0px;
 padding-left: 0px;
	}

#rightcontent p {
font: 11px/17px Verdana, Helvetica, Arial, sans-serif;
padding: 0px;
}

#rightcontent ul {
	margin: 0;
 	padding: 5px 0px 8px 0px;
 	list-style-type: none;
 	text-indent: 10px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #17477e;
	border-bottom: 1px solid #ffffff;
	background: url("images/right_h1_bg.jpg") no-repeat;
	background-position: top;
}

#rightcontent ul a {
	color: #081937;
}

.right_h1 {
 font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
 color: #17479e;
 }



/* The following section is for the horizontal navigation menu */

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0px;
margin-bottom: 10px;
margin-top: 0px;
padding-left: 0;
float: left;
font: bold 13px Verdana, Helvetica, Arial, sans-serif;
width: 100%;
border: 3px solid #fba9b7;
border-width: 3px 0;
}


#navcontainer {
	width: 150px;		
}

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
	letter-spacing: 1px;
	/* border-bottom: 1px solid #fff; */
	/* border-top: 1px solid #000000; */
}

#navcontainer a {
 	display: block;
 	width: 150px;
 	height: 20px;
	line-height: 20px;
}

#navcontainer a:link, #navcontainer a:visited {
	background:  url("images/navbutton.gif");
 	color: #ffffff;
 	text-decoration: none;
}

#navcontainer a:hover, #navlist a:active {
	background:  url("images/navbutton_hover.gif");
	color: #ffffff;
	text-decoration: none;
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	background:  url("images/navbutton_current.gif");
	color: #fff;
	text-decoration: none;
}

#banner_return_btn {
width: 395px;
}

#banner_return_btn a {
display: block;
width: 395px;
height: 30px;
}

#banner_return_btn a:link, #banner_return_btn a:active,
#banner_return_btn a:visited  {
background: url("images/banner_select_return.jpg");
color: #ffffff;
text-decoration: none;
}

#banner_return_btn a:hover {
background: url("images/banner_select_return_hover.jpg");
color: #ffffff;
text-decoration: none;
}

#navcontainer li a#current {
	background:  url("images/navbutton_current.gif");
	color: #ffffff;
	text-decoration: none;
	margin: 0;
}


#content h2 {
 font: bold 20px/28px Georgia, Times New Roman, Times, serif;
 color: #ffffff;
 text-indent: 10px;
 margin-top: 20px;
 background: transparent url("images/h2_bg.gif") no-repeat;
 }

#content h3 {
 font: bold 18px/24px Georgia, Times New Roman, Times, serif;
 color: #17479e;
 padding-top: 10px;
 /* padding: 0 0 0 10px;
 background: transparent url("images/h3_bg.jpg") no-repeat; /// I removed these to see if i liked it better */
 }


#footer{
 width: 750px;
 height: 30px;
 background: #d82727 url('images/footer.jpg') no-repeat;
 text-align: left;
 border-top: 1px solid #fff;
 margin: 0px auto;  /* to fix centering in Mozilla */
}


.clearfloats {
 clear: both;
 border: 0;
 padding: 0;
 margin: 0;
 height: 0; 
}

.footertext {
 font: 11px/30px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 padding-left: 10px;
 }
 
 #footer a:link, #footer a:active,
 #footer a:visited, #footer a:hover {
 font: 11px/30px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 font-decoration: underline;
 }
 
.listbase {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 line-height: 18px;
 list-style-type: circle;
 padding: 0 0 0 0px;
 margin-left: 28px; 
 }

.subheading {
font: 16px/23px Georgia, Times New Roman, Times, serif bold;
font-weight: bold;
color: #000000;
}

#contentarea p {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #343434;
 margin-left: 15px;
 margin-right: 15px;
}

#contentarea ul {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #343434;
 margin-left: 15px;
 margin-right: 15px;
 }

p {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

.p2 {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 padding-top: 15px;
}

.p_red {
 font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #d82727;
 
}

.tm {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align:text-top;
	}
	
.text-sm {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0;
	}

#uberlink_rt a:link, #uberlink_rt a:visited,
#uberlink_rt a:hover, #uberlink_rt a:active {
	background:  #ffff66;
	color: #d82727;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	font-weight:bold;
}


.imageright {
 float: right;
 padding: 7px;
 background-color: #ffffff;
 border: 0px;
}

.imageleft {
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 10px;
 padding-bottom: 10px;
 background-color: #ffffff;
 border: 0px;
 float: left;
}

.productimg {
 padding-top:0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 10px;
 background-color: #ffffff;
 border: 0px;
}

#copyright {
 width: !important 200 px;
 width: 170 px;
 padding: 15 15 15 15px;
 border-top: 1px solid white;
 }
 
.copyrighttext {
font: 10px/17px Georgia, Times New Roman, Times, serif;
text-align: center;
color: #999999;
padding-left: 15px;
padding-right: 15px;
}

hr {
    height: 3px;
    width:100%;
    border: 1px solid #081937;
}

a:link, a:visited, a:hover, a:visited {
color: #0000ff;
}

.no_underline {
text-decoration:none;
}


.product_bg {
width: 378px;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #081937;
border-style: dashed;
background-color: #ffffb2;
}

.product_text {
 font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

.product_text_red {
 font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #d82727;
}

.txt_btn {
text-align:center;
margin-top: 0;
}

.txt_btn a:link, .txt_btn a:visited {
	background:  #17479e;
	color: #fff;
	text-decoration: none;
	padding: 3px 5px;
	font-weight:bold;
}

.txt_btn a:hover {
	background: #052d74;
	color: #ff0;
	}
