body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #C9DBF1;
	background-image:url(images/widebackground.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position: 50% 0%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img {
border:none;
}
a {
	text-decoration: none;
	color:#0740B3;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#663399;
	font-weight: bold;
}

#container {
	width: 965px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #FFFFFF;
	margin: 216px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
}
#header h1 span {
	position:absolute;
	visibility:hidden;
	margin:0;
}
#sidebar {
	float: left;
	width: 200px; /* since this element is floated, a width must be given */
	height: 400px;
	background: url('images/largebackground.jpg') no-repeat 100% 10%;
	padding: 8px 0;
}
#sidebar h3, #sidebar p {
	margin-left: .5em; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: .5em
}
#mainContent {
	position: relative;
	background: #ffffff;
	margin: 0 20px 0 220px; /* the left margin can be given in ems or pixels. It creates the space down the left side of the page. */
	width:700px;
	text-align: left;
}
#mainContent ul, #mainContent ol{
	margin:0;
	padding:0;
}
#mainContent ul li{
	list-style:none;
	background-image:url(images/deluxe_bullet_1.gif);
	background-repeat:no-repeat;
	padding-left: 20px;
	font-size:85%;
	font-weight:bold;
	line-height:155%;
	margin-left: 20px;
	margin-top:10px;
	color:#000066;
}
#mainContent ul ul li{
	background-image:url(images/deluxe_bullet_2.jpg);
	background-repeat:no-repeat;
	padding-left: 10px;
	font-size:75%;
	font-weight:normal;
	line-height:125%;
	margin-left: 40px;
	margin-top: 5px;
	color:#000066;
}

#mainContent ol{
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
	margin-left: 20px;
	padding-left: 24px;
	margin-top: 20px;
	color: #000066;
}

#mainContent ol li{
	font-size: 95%;
	font-weight: normal;
	line-height: 100%;
	margin-top: 5px;
	color: #000066;
}
#mainContent .anchorExternal a {
	background-image:url('images/link_external.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorExternal a:visited {
	background-image:url('images/link_external_visited.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorInternal a {
	background-image:url('images/link_internal.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorInternal a:visited {
	background-image:url('images/link_internal_visited.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorIntra a {
	background-image:url('images/link_intrainternal.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorIntra a:visited {
	background-image:url('images/link_intrainternal_visited.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}

#mainContent .anchorCorporate a{
	font-size: large;
	margin:0;
	padding-bottom: 5px;
	padding-top: 0px;
	border-bottom:thin solid #666666;
	text-decoration: none;
	display:block;
	width: 250px;
}

#mainContent p {
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: smaller;
	background-color: transparent;
	margin-top: 0;
	margin-right: .5em;
	margin-bottom: 1em;
	margin-left: 1em
}
#mainContent .anchorPDF a{
	background-image:url('images/pdflink.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
#mainContent .anchorEmail a{
	background-image:url('images/email_link.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 3% 0% 0%;
}
#mainContent .anchorExcel a{
	background-image:url('images/link_excel.gif');
	background-position: right;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding: 0% 2% 0% 0%;
}
h2.yellowheaderbar {
	background-image:url('images/h2background.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFCC;
	background-position:right;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:larger;
	height:33px;
	padding-left: 10px;
	margin-top:10px;
}
h2.yellowheaderbar span {
	position:relative;
	top:5px;
}
h2.cybersignstation {
	background-image:url('images/cybersignstationlogo.jpg');
	background-color: #FFFFFF;
	background-position:center;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:larger;
	width:392px;
	height:51px;
	padding:0;
	margin:0;
}
h2.cybersignstation span.cyberinvisible {
	position:absolute;
	visibility:hidden;
	margin:0;
}
h2.cybersignstation span.cybervisible {
	display:inline-block;
	position: relative;
	left:410px;
	top:10px;
}
h2.blueHeader {
	color:#000099;
	font-size: 125%;
	display:block;
	margin-bottom:30px;
}
h3.blueHeader {
	color:#0066CC;
	font-size: 120%;
	display:block;
	padding-bottom: 6px;
	border-bottom: 4px solid #666666;
}
h4.blueHeader {
	color:#0066CC;
	font-size: 115%;
	margin-bottom:6px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom: 1px dashed #333333;
}
#mainContent hr {
	border: 0;
	margin-bottom:6px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom: 1px dashed #333333;
}
.redPointer{
	color:#990000;
	background-image:url(images/arrowPointer_red.jpg);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:48px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top: 10px;
	margin-bottom: 10px;
	display:block;
	font-weight:bold;
	font-size:108%;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
}
#footer {
	background: #D3DCE8;
	background-image:url('images/footerbackground.jpg');
	background-repeat:no-repeat;
	background-position:center left;
	padding: 0 .5em /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
#menufooter {
	display: none;
	font-size:70%;
}
#mainContent .footNote{
	font-size:70%;
	color:#999999;
	margin-top:15px;
	margin-bottom:15px;
	padding: 3px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#mainContent .tips{
	padding: 10px 3px 0px 40px;
	margin-bottom: 10px;
	display: block;
	background-color:#fff9df;
	background-image: url('/images/icon_tips.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	border:#C90 thin solid;
}
/*IFRAME*/
#sanmarFrame{
	margin: 0;
	background-color:#CCCCCC;
}
/*END IFRAME*/

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	margin-top: 10px;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	background-color: transparent;
	padding: 5px;
	text-align: left
}
.navigationFooter {
	font-size:85%;
	display:block;
}

.navigationFooterLeft {
	display:inline;
	background-image:url(images/arrowPointer_blue_small_left.jpg);
	padding-left:23px;
	background-repeat:no-repeat;
	background-position:0% 50%;

}
.navigationFooterRight {
	float:right;
	display:inline;
	background-image:url(images/arrowPointer_blue_small_right.jpg);
	padding-right:23px;
	background-repeat:no-repeat;
	background-position:100% 50%;

}

/*FORM ELEMENTS*/
fieldset {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
}
fieldset#itemone {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	background-color:#F2E1E1
}
fieldset#itemtwo {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	background-color:#E4EDDA
}
fieldset#itemthree {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	background-color:#F5F3D6
}
fieldset#itemfour {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	background-color:#D6E0E6
}
fieldset#itemfive {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	background-color:#E8D6BE
}
.box {
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:2px;
	color:#333333;
	margin: 10px
}
#mainContent .box p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: small;
	font-weight: normal;
}
.forminput label {
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 0.2em;
	display: block;
	font-weight:normal
}
.forminput {
	padding:3px
}
.forminput label.required {
	color:#FF0000;
}
.forminputradio {
	width: 14em;
	float: left;
	text-align: left;
	margin-right: 0.2em;
	display: block;
	font-weight:normal
}
div.box .button {
	border: none;
	background: url('images/button.gif') no-repeat top left;
	padding: 2px 8px;
	margin-left: 200px
}
div.box .button:hover {
	border: none;
	background: url('images/button_hover.gif') no-repeat top left;
	padding: 2px 8px
}
/*END FORM ELEMENTS*/
.spacer {
	margin-left:80px;
	margin-bottom:10px;
	font-size:small;
	color:#555555
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px
}

.thumbCaption{
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: smaller;
	width:150px;
	height:15px;
	background-image: url('images/gallery_caption_bg.jpg');
	margin-bottom: 20px;
}
.thumbCaption span {
	position: relative;
	bottom: 2px;
}
<!--[if IE]> <style type="text/css"> /* place css fixes for all versions of IE in this conditional comment */
#mainContent {
	zoom: 1;
	padding-top: 15px
}
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]-->
/*****************
MENU
******************/
#sidebar {
	text-align: left;
	display: inline;
}

#sidebar ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar li a:link, #sidebar li a:visited {
	display: block;
	color: #000099;
	text-decoration: none;
	width: 88% font: bold 10pt/1.5 arial, sans-serif;
	padding: 2px;
	text-align:left;
}

#sidebar li {
	border-top: 1px solid #0000FF;
	padding: 2px;
	text-align:left;
}

#sidebar li a:hover {
	background-color: #E0EBF5;
	color:#000099;
	padding: 2px;
	text-align:left;
}

#videoButton {
	margin-top:105px;
	margin-left:10px;
	float:left;
}


/*****************
MENU END
******************/

/*****************
JQUERY TEXT EXPAND
******************/
.expand {
	display: none;
}
.expand div {
	background-color: #FEFFD7;
	padding: 5px;
	margin-left: 20px;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	line-height: 150%;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}
.expandInfo {
	color: transparent;
	width:57px;
	height:11px;
	background-image:url('images/more_arrow.gif');
	background-repeat:no-repeat;
	font-size: 0.75em;
	margin: 0;
	cursor:pointer;
	text-decoration:none;
}
.expandInfo:hover {
	color: transparent;
	font-size: 0.75em;
	margin: 0;
	cursor:pointer;
	text-decoration:none;
}
.helpText{
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	background-color: transparent;
	line-height: 150%;
}
/*****************
END JQUERY TEXT EXPAND
******************/
/*****************
JQUERY CYCLE BANNER
******************/
.frontImages { 
    height: 301px;
    width: 220px;
    padding: 0;
    margin: 0;
	background-color: #FFFFCC;
}
.frontImages img {
    padding: 0px;
	margin: 0px; 
    border: 0;
    background-color: #fff;
    width: 220px;
    height: 301px;
    top: 0;
    left: 0;
} 
.banner {  
    height: 95px;  
    width: 603px;  
    padding: 0;  
    margin: 0;
} 
.banner img {  
    padding: 5px;  
    border:  0;  
    background-color: #fff;  
    width:  603px; 
    height: 82px; 
    top:  0; 
    left: 0 
}
#clickToAdvanceRaster {  
    height:  700px;  
    width:   700px;  
    padding: 0;  
    margin:  0;
} 
#clickToAdvanceRaster img {
    padding: 5px;  
    border: 0;  
    background-color: #fff;  
    top:  0; 
    left: 0;
	cursor:pointer;
}
/*****************
END JQUERY CYCLE BANNER
******************/
/*****************
TABLES
******************/





table.tableOne {
	border-width: 1px 1px 1px 1px;
	border-spacing: 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}
table.tableOne th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
}
table.tableOne td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
}
table.tableOne .itemHeader{
	background-color:#CCCCCC;
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	font-weight: bold;
}
table.holes {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	font-family: Verdana;
	font-weight: normal;
	text-align: left;
}
/*****************
END TABLES
******************/
#shirtSwatchSet {
	margin-left: 200px;
	height: 260px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
#loadareaYouth, #loadareaAdult {
	width: 185px;
	float:left;
	display:inline;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#youthDialog, #adultDialog {
cursor:pointer;
display:inline;
vertical-align:bottom;
}
.jqmClose{
float:right;
}
.confirmCheckmark{
display:none;
}
/*****************
Jquery ClockPick
******************/
#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #bbbbbb;
background-color:#dddddd;
display:none;
}

#CP_minutecont {
background-color:#dddddd;
padding: 0px;
position:absolute;
width:45px;
border: 1px dashed #cccccc;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
margin:1px;
background-color:#eeeeee;
}

.CP_minute {
padding:1px;
background-color:#eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
margin:1px;
}
.CP_over {
background-color:#ffffff;
}
/*****************
END Jquery ClockPick
******************/
/*****************
Jquery Beauty Tip
******************/
/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:
  background-color: yellow !important;
  */
}
div.ie-fix {
  overflow: visible;
  height: 0;
}

/*****************
END Jquery Beauty Tip
******************/