@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/splash_bgr.jpg);
	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;
}

a:link, a:active, a:visited {
	color:#4387C1;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
	
	
.breadcrumbs {
	font-size:80%;
	color:#0066FF;
	text-decoration:none;
}
	
h2 {
	color:#1669af;
	font-family: "Monotype Corsiva", fantasy;
	
}
.oneColFixCtrHdr #container {
	width: 953px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
background-color:#1669AF;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
	
}


.oneColFixCtrHdr #header h4 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align:right;
	float:right;
	color:#fff;
}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #d0e9fa; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px;
	margin-top:5px;

}

#sidebar1.flash {
	padding:0px;

}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #d0e9fa; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
	margin-top:5px;

}

#sidebar1 ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 2em;
	text-indent: 0px;
	margin-left: -20px;
}

#sidebar1 li {
	border-bottom: 1 px dashed #0066FF;
}

#quicklinks
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#quicklinks li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:1.3em;
	
}

.oneColFixCtrHdr #mainContent2 { 
	margin: 0 210px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.4em;
	border-right: 1px solid #ccc;
} 

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #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 */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:80%;
	text-align:center;
}

.package p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.2em;
	font-weight:normal;
}
	
.packageHeader {
	color: #666666;
	font-weight:bold;
	font-size:110%;
	}
	
.package ul {
	list-style: disk;
	line-height:1.3em;
	font-size:90%; 
}
	
.description {
	color: #660099;
	text-transform:capitalize;
	font-weight:bold;
	text-align:left;
}
.disclaimer {
	color: #990000;
	font-size:90%;
	line-height:1.6em;
}

.calendar {
	float:right;
	 padding:10px;
}


#navcontainer ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #036;
	color: #FFF;
	width: 100%;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: left;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
	text-decoration: none;
	background-color: #036;
	color: #FFF;
	padding: .2em 1em;
	border-right: 1px solid #fff;
}

#navcontainer li a:hover
{
	background-color: #369;
	color: #fff;
}

#navcontainer #current {
	background-color: #ffc;
	color: #990000;
}

.workshop {
	margin-bottom: 10px;
	border-bottom: dotted #369 2px;
	text-align:left;
}

.workshopTitle {
	font-weight:bold;
	color:#1669af;
	font-family: "Monotype Corsiva", fantasy;
	font-size:130%;
}

.calendar {
	float:right;
	display:inline;
	padding:5px;
}

.pageName {
	font-family:Eurostile, "Myriad Pro", sans-serif;
	font-size:130%;
	font-weight:bold;
	font-style:italic;
	color: #990000;
	
}

.event {
	border-bottom: 3px double #3399CC;
	padding:5px;
	font-size:90%;
	line-height:1.4em;
	margin-bottom:10px;
}

.event img {
	float:left;
	padding:10px;
	display: inline;
}

.top img {
	float:right;
	padding:5px;
}

#calloutbox {
float: right;
font-size: 13px;
padding:  4px 4px 4px 4px;
border: 4px groove #ccc;
background-color:#FFC;
margin-bottom:30px;
}

#calloutbox h3 {
font-size: 18px;
text-align: center;
}

.clear {
	clear:both;
}


/*****************Shopping Cart***********************/*



  #masthead{
  margin: 0;
  padding: 10px 0px;
  border-bottom: 1px solid #333333;
  width: 100%;
}

  #masthead img {
  margin: 0 1em 1em 0;
  }
  
  #navBar{
  margin: 0 555px 0 0;
  padding: 0px;
  background-color: #EEEEEE;
  margin-bottom: 10px;
}


  #univ-header {
  padding: 0 0 .5em 10px;
  }

/*************** #pageName styles **************/

  #pageName{
  padding: .25em 0;
}


/************* #globalNav styles **************/

  #globalNav{
  color: #333333;
  padding: 0px 0px 0px 10px;
  white-space: normal;
  clear: left;
}

  #globalNav img{
  display: block;
}

  #globalNav a {
  font-size: 1em;
  padding: 0 .25em 0 0;
}

  #miniCart {
  float: right;
  clear: left;
}
  
  #miniCart a {
  font-size: 1em;
  padding: 0 1em 0 0;
}

#content{
  float:left;
  width: 535px;
  margin: 0;
  padding: 0 9px 0 9px;
  text-align: left; 
}

/* product styles */

.productBlock {
  width:650px; /*set according to how many columns*/
  height:; /*set according to how many columns*/
  overflow: visible;
  background: #FFFFFF;
  margin: 0 0 10px 10px;
  border-bottom: 1px solid #333333;
  float: left;
  text-align: left;
  padding: 5px;
}

.productBlock h2 {
  font-size: 80%;
  margin: 5px;
  padding: 5px;
  background-color: #FFFFFF;
}

.productBlock img {
  border-width: 0;
}

.productGraphic {
  margin-top: 0;
  margin-bottom: 10px;
}

.productInfowrap {
  margin: 0 5px;
}

.productGraphic img {
  border: none;
  margin: 0 5px;
}

.productName {
  white-space: normal;
}

.productSku {
  margin: 1em 0;
}

.productDescription {
  margin: 1em 0;
  }
  
.productPrice {
  font-weight: normal;
  color: #333333;
  margin: 1em 0;
  white-space: nowrap;
  }
  
.onsale {
  color:  #006699;
  font-weight: bold;
  border: 1px solid #EEEEEE;
  padding: 0 .25em;
  margin: .5em;
}

.QPtable span.onsale {
border: none;
}

  .QPtable {
margin: 1em 0;
}

.checkout {
  margin: 1em 0;
  white-space: nowrap;
}

/* to fix select box alignment in firefox */
.productBlock table, .checkout table, .mi-checkout table {
margin-left: 0;
margin-right: auto;
margin-top: .5em;
margin-bottom: .5em;
float:left;
}
/*end firefox fix */
  
  #prevNext {
  clear: both;
  font-size: 1.25em;
  }


/* add to cart button */
input.add { 
  font-size: 1em;
  color: #006699;
  background-color: #FFFFFF;
  border-color:  #006699;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  margin: 0 .5em 0 0;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
} 

input.add:hover {
color: #FFFFFF;
background-color: #006699;
}

.mi-productBlock {
  margin: 0;
  padding: 0px;
  color: #333333;
}

.mi-productBlock h1, .mi-productBlock h2, .mi-productBlock h3, .mi-productBlock h4, .mi-productBlock h5 {
  color: #333333;
  }

.mi-productInfowrap {
  padding: 0;
}

.mi-productGraphic img {
  border: none;
  padding: 0;
  margin: 0;
}

.mi-productName {
  white-space: wrap;
  color: #333333;
  font-weight: bold;
  text-align: left;
  margin: 1em 0;  
}

.mi-productDescription {
  padding-bottom: 1em;
}

  .mi-productPrice {
  margin: 1em 0;
  color: #333333;
  }
  
.mi-checkout {
line-height: 1.5em;
}


.mi-checkout select {
  margin-bottom: 1em;
}

.mi-addtocartbtn {
  text-align: right;
  margin: 5px 5px 0 5px;
}

/* button styles */

  .button6,
  .button7,
  .button8, 
  .button9, 
  .button67, 
  .button68, 
  input.button152, 
  input.button154,
  .button162,
  .button163,
  .button164, 
  .button165, 
  .button166, 
  .button167, 
  .button168, 
  .button169,
  .button170, 
  .button171, 
  .button172,
  .button173, 
  .button183, 
  .button184, 
  .button185,
  .button186, 
  .button187, 
  .button188, 
  .button189, 
  .button331,
  .button375,
  input.button383,
  a.addToCartLink {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%;
  color: #006699;
  background-color: #FFFFFF;
  border-color:  #006699;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  margin: .25em;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
} 

  .button6:hover,
  .button7:hover,
  .button8:hover, 
  .button9:hover, 
  .button67:hover, 
  .button68:hover, 
  input.button152:hover, 
  input.button154:hover,
  .button162:hover,
  .button163:hover,
  .button164:hover, 
  .button165:hover, 
  .button166:hover, 
  .button167:hover, 
  .button168:hover, 
  .button169:hover,
  .button170:hover, 
  .button171:hover, 
  .button172:hover,
  .button173:hover, 
  .button183:hover, 
  .button184:hover, 
  .button185:hover,
  .button186:hover, 
  .button187:hover, 
  .button188:hover, 
  .button189:hover, 
  .button331:hover,
  .button375:hover,
  input.button383:hover,
  a.addToCartLink:hover
  {
  color: #FFFFFF;
  background-color: #006699;
  text-decoration: none;
  }
  
/* specific button styles */
  /* remove & update */
      
  input.button383,
  input.button154 {
  font-size: 1em;
  margin: 1px;
  }
  
  /* add to cart, view cart buttoms */
  a.addToCartLink {
  padding: .1em .2em;
  }
  
  .add-img, .viewcart-img {
  vertical-align: bottom;
  }

  a.viewcart {
  white-space: nowrap;
  }

/************** .text1 styles ***************/

.text1{
  padding: .9em 0em;
  font-size: 1em;
  float:left;
  border-bottom: 1px solid #999;
}

.text1-contents{

}

.text1 h3{
  padding: 1em 0 .25em 0;
  text-align: center;
}

.text1 img {
  border: none;
  }
.formHint {
	font-family: "Trebuchet MS", "Adobe Caslon Pro", Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.requiredField {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}