@media print {
    body { 
	font-size: 10pt	;
	color: #000000;
	line-height: 1.2 
	background-color: white;
 }
  }
 @media screen {
    body { /*font-size: 13px */
		color: #000000;
	font-size:100%;
	background-color: #CCCCCC;
}
  }
  @media screen, print {
    body { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
  }


@media screen {#wrapper{
width: 900px;
/*background-color: #FFCC00;/*So we can see the areas*/

/*border: 1px solid #000000;*/
margin: 10px auto;
text-align: left;
}}
@media print {#wrapper{
width: auto;
/*background-color: #FFCC00;/*So we can see the areas*/

/*border: 1px solid #000000;
margin: 10px auto;
text-align: left;*/
}}
 @media screen {#banner{
	height: 112px;
	background-image: url(../Images/banner.jpg);
	background-repeat: no-repeat;
}}
@media print {#banner{
	display: none;
}}
/*
#rightcol {
	/*position:absolute;/
	right:0px;
	top:112px;
	padding:0;
	width:170px;
	/*height:100%;/
	color:#333;
	/*background:#eaeaea; /
	margin: 0px;
      }
	  */
@media screen {#leftcol{
	margin-left: 0px;
	margin-top: 0px;
	width: 170px;
	margin-bottom: 20px;
	float: left;
	/*height: 100%;*/
	background-color: #000099;
	/*position: absolute;
	left: 0px;
	top: 112px;*/
}}
@media print {#leftcol{
display: none;
	/*margin-left: 0px;
	margin-top: 0px;
	width: 170px;
	margin-bottom: 20px;
	float: left;
	height: 100%;*/
	/*background-color: #000099;
	position: absolute;
	left: 0px;
	top: 112px;*/
}}
@media screen {#content{
	margin-left: 185px;
	
	width: 695px;
	/*position: relative;	/*background-color: #FF0000;*/
}}
@media print {#content{
	/*margin-left: 185px;*/
	
	width: auto;
	/*position: relative;	/*background-color: #FF0000;*/
}}
#leftcol h1{
font-size: 80%;
color: #0000FF;
padding: 0;
margin: 20px;
}

#rightcol h1{
font-size: 80%;
color: #0000FF;
padding: 0;
margin: 20px;
}
/*@media print { #leftcol #navbar{ display:none;}} */
#leftcol #navbar{
	margin-top: 5px;
	padding-top: 5px;
}
#leftcol #navbar ul {
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	font-size: 80%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;/*border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}



#leftcol #navbar ul li {
padding: 0;
margin: 0; 
}

#leftcol #navbar ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	height: 26px;
	background-image: url(../images/button_normal.gif);
	background-repeat: no-repeat;
	width: 140px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 4px;
	font-size: 85%;
}


#leftcol #navbar a:hover, #leftcol #navbar a:focus {
	background-image: url(../images/button_highlight.gif);
	background-repeat: no-repeat;
	/*font-weight: bold;*/
}




#content p{
	font-size: 80%;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-bottom: 5px;
}

#content h1{
font-size: 130%;
color: #0000FF;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #0000FF;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

#content h3{
font-size: 100%;
color: #000000;
}
#content h4{
font-size: 60%;
color: #000000;
}
#content h5{
	font-size: 70%;
	color: #ffffff;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
	margin-bottom: 20px;
	float: right;
	margin-left: 15px;
	/*width: 150px; */
	color: #000000;
}
.rightimagetight{
	float: right;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.clearit{
clear: both;
display: block;
/*background-color:#00FF66;*/
width: 200px;
}

@media print {.NoPrint{
display:none;


}}

@media screen {#footer{
	border-top: 1px solid #000000;
	color: #000000;
	clear: both;
		/*margin-left: 200px;
	margin-right: 200px;
	width: 770px;
	/*position: relative;	background-color: #FF0000;*/

}}
@media print {#footer{
display:none;
	/*border-top: 1px solid #000000;
	color: #000000;
	clear: both;
		margin-left: 200px;
	margin-right: 200px;
	width: 770px;
	/*position: relative;	background-color: #FF0000;*/

}}
#footer p{
padding: 10px;
margin: 0;
font-size: 70%;
}
#footer a{
	font-size: 100%;
	color: #000000;
}



#content p.right{
float: right;
}
#content p.GreenItalic{
	font-style: italic;
	color: #008080;
	font-weight: bold;
}
#content p.Bold{
	font-weight: bold;
}
.container{
width: 99%; 
float:right;
/*background-color:#6633CC;/*So we can see the areas*/
}

#banner #navbar2 {
	height: 112px;
	width: 820px;
	margin-left: 40px;
	padding-left: 40px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 70%;
	color: #FFFFFF;
}
#banner #navbar2 a{
	color: #FFFFFF;
}
#banner #navbar2 ul {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: small;*/
	color: #FFFFFF;
	/*line-height: 26px;
	white-space: nowrap;*/
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#banner #navbar2 ul li {
	list-style-type: none;
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
}
#banner #navbar2 ul li a {
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
		border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*#content #navbar2 ul li a:link {
    color: #FFF:
}
#content #navbar2 ul li a:visited {
    color: #CCC;
}*/
#banner #navbar2 ul li a:hover {
	font-weight: bolder;
	color: #FFFFFF;
	font-style: italic;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.BlueText{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-style: oblique;
	font-weight: bold;
	color: #0000FF;
}

.style2 {
	color: #006600;
	font-style: italic;
	font-weight: bold;
}
.style3 {
	color: #0000ff;
	font-weight: bold;
}
.style4 {font-size: 80%}
.SafeSecureText {
	color: #FFFFFF;
	font-size: 70%;
}
.style6 {color: #FFFFFF}
.buttons td{
	background-image: url(../images/button_normal.gif);
	background-repeat: repeat-x;
	height: 26px;
	border: 1px solid #FFFFFF;
}
.buttons a{
	color: #FFFFFF;
	font-size: 70%;
	text-decoration: none;
	display: block;
	vertical-align: middle;
}
.buttons a:hover, .buttons a:focus {
	/*background-image: url(../images/button_highlight.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
}
.privacyPolicy{
  position: relative;
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  width: 700px;
}
.privacyPolicy h3{
font-family: Verdana;
font-size: 100%;
color: #000000;
}
.privacyPolicy p{
font-family: Verdana;
font-size: 90%;
color: #000000;
} 
.order{
  position: relative;
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  width: 700px;
}
.order h3{
font-family: Verdana;
font-size: 100%;
color: #000000;
}
.order p{
font-family: Verdana;
font-size: 90%;
color: #000000;
}