/* ##### Common Styles ##### */

body { color: black; background-color: #003300; font-family: Corbel,verdana, helvetica, arial, sans-serif; font-size: 75%;  /* Enables font size scaling in MSIE */ margin: 0; padding: 0; }

html > body { font-size: 9.5pt; }

acronym, .titleTip { border-bottom: 1px dotted #999; cursor: help; margin: 0; padding: 0 0 0.4px 0; }

.doNotDisplay { display: none; }

.smallCaps { font-size: 110%; font-variant: small-caps; }

/* ##### Header ##### */
.superHeader .highlight, .subHeader .highlight { color: #FFFFCC; background-color: transparent; }

.subHeader { height: 20px; background-color: #FF0000;  color: #FFF; font-size: 14px; margin-top 0; margin-bottom: 0; padding-right: 15px; padding-top: 0px; padding-bottom: 5px; }
.subHeader a { font-weight: bold; background-color: #FF0000; color: #FFFFFF; text-decoration: none; margin-top: 0; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; }
.subHeader a:hover { font-weight: bold; background-color: #CCCCCC; color: #FFFFFF; text-decoration: none; margin-top: 0; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; }

/* ##### Left Column ##### */
.LeftColumnTitle { font-weight: bold; margin-top: 2em; margin-bottom: .5em; }
.LeftColumnText { line-height: 1.5em; margin-top: .5em; margin-bottom: .5em; display: block; vertical-align: middle; text-align: center; }
#LeftColumn .LeftColumnText a { height: 14px; font-weight: bold; margin: 0; padding: 0; display: inline; align: center; }
#LeftColumn .LeftColumnrText a:hover { height: 14px; background-color: transparent; text-decoration: none; margin: 0; padding: 0; display: inline; align: center; }
.Column { width: 190px; border-right-width: 1px; border-right-style: solid;border-right-color: #E9E9E9; }
#LeftColumn { width: 155px; float: left; margin-left: 3px; margin-right: 3px;}
#LeftColumn div {}

/* ##### SubMenu ##### */
#sub-menu { vertical-align: top; background-color: #FFFFFF; width: 170px; padding: 0px;}
#sub-menu ul { list-style-type: none; margin: 0; padding: 0; }
#sub-menu li { list-style-type: none; margin: 0; padding: 0; }
#sub-menu ul {border-bottom: 0px; background-color: #336633; }
#sub-menu ul ul { padding-left: 10px; }
#sub-menu a:link { padding: 2px 4px 2px 6px; color: #FFFFFF; display: block; text-decoration: none; }
#sub-menu a:visited { padding: 2px 4px 2px 6px; color: #FFFFFF; display: block; text-decoration: none; }
#sub-menu a:active { padding: 2px 4px 2px 6px; color: #FFFFFF; display: block; text-decoration: none; }
#sub-menu a:hover { background-color: #669966; text-decoration: none;}
#sub-menu_current { font-weight: bold;
}

.lighterBackground {
  color: inherit;
  background-color: white;
}


/* ##### Main Copy ##### */

.breadcrumb {
  color: #999;
  float:right;
  left: 5.0mm;
  top: 0.75ex;
  padding-bottom:5px;
  display:block;
  font-weight: bold;
}
#main-copy {
	color: black;
	background-color: white;
	height:100%;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 0 0em;
	padding: 0 0 0 0;
	border: 0px solid #fff;

}

#main-copy p {
  margin: 1em 1ex 1em 1ex;
  padding: 0;
}

#main-copy a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4169E1;
	font-size: 12px;
	line-height: 14px;
	text-decoration: underline;
}

#main-copy a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#main-copy h1 {
  color: white;
  background-color: #CCCCCC;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#main-copy .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
}

#main-copy > .topOfPage {
  margin: 0 0 0 0;  /* For fully standards-compliant user agents */
}

dl {
  margin: 0 0 0 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;

}

dd {

  margin: 0 0 0 0;

  padding: 0;

}


/* ##### Footer ##### */

.search_box {

	height: 16px;

	width: 250px;

}

.search_string {

	height: 16px;

	font-size: 10px;

	width: 120px;

}

.search_submit {

	clear: none;
	width: 100px;
	height: 22px;
	font-size: 10px; color: #fff; border: 1px solid #fff; background-color: #CCCCCC; text-transform: uppercase;
}

.footer { color: white; font-size: 9px; height: 9px; margin: 0; padding: 0.5em 0.5mm 0.5ex 0.5mm; clear: both; }



#footer .left {

  float: left;

  clear: left;

}



#footer .right {

  float: right;

  text-align: right;

  line-height: 3em;

  clear: right;

}



#footer a {

  color: white;

  background-color: transparent;

  text-decoration: underline;

}



#footer a:hover {

  text-decoration: none;

}

.login_string { font-size: 10px; width: 116px; }

.login_submit { clear: none; width: 120px; height: 22px; font-size: 10px; color: #fff; border: 1px solid #fff; background-color: #CCCCCC; text-transform: uppercase; }
.print_page{

   background-image: url(print.gif);

   height: 20px;

   width: 20px;

   float: left;

   background-repeat: no-repeat;

   background-position: center center;

   margin-right:5px;

   cursor: hand;

}

.email_page{

   background-image: url(mail.gif);

   height: 20px;

   width: 20px;

   float: left;

   background-repeat: no-repeat;

   background-position: center center;

   cursor: hand;

} 

/* ##### Form fields ##### */
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}
.white:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none
}

.white:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none
}
.white:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none
}
.white:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Yellow;
}

.required {

	color: #FF0000;

}

.field_title {

	width: 20%;

	vertical-align: top;

	text-align:right;

}

.textfield {

	width: 80%;

}

.textarea {

	width: 80%;

	height: 100px;

}

.field_heading {

	font-weight: bold;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	padding-top: 10px;

	color: #666666;

}

.select {

	font-size: 100%;

}

.checkbox_label {

	font-size: 90%;

	cursor: pointer;

}

.radio_label {

	font-size: 90%;

	cursor: pointer;

}

.email {

	font-size: 100%;

	width: 80%;

}
.border {
	font-size: 1px;
	height: 10px;
}
/* from old site */
.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

.sublinklabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FAFAFA;
	font-size: 12px;
}.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4169E1;
	font-weight: bold;
}
.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.spaced {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-color: #333333;
	font-size: 12px;
	line-height: 20px;
}
.vertical {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #E9E9E9;
}
.vertical-right {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: E9E9E9;
}
.box {
	border: 1px solid #CCCCCC;
}
.basesolid {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ff0000;
}
.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E9E9E9;
}
.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E9E9E9;
}
.boxlite {
	border: 1px solid #ff0000;
}
.dashtop {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #E9E9E9;
}
.doubleline {
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #FF0000;
}
.topsolid {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9E9E9;
}
.bkg-address {
	background-image: url(http://www.farpostsoccersupply.com/media/bkg-address.gif);
}
.bkg-product {
	background-image: url(http://www.farpostsoccersupply.com/media/bkg-product.gif);
}
.solidline-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;