/* css document */
/* links */
A:link	{
color:#888888;
text-decoration:none;
	}
A:hover	{
color:#CC0000;
text-decoration:underline;
	}
A:active	{
color:#888888;
text-decoration:none;
	}
A:visited	{
color:#888888;
text-decoration:none;
	}
	
/* content */	
#content
{
text-align: left;
width: 800px;
}

 #navigation
{
position: relative;
left: 175px;
top:120px
}

 #flash
{
position: relative;
left: 0px;
top: 115px
}

/* left and right content */
.container2 {
   position: relative;
   height: 50px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 30%;
   margin: 4;
   white-space: wrap;
   padding: 4;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 65%;
   text-align: left; /* depends on element width */
   margin: 4;
   white-space: wrap;
   padding: 0px;   
   }

 body {   /* - html - for IE6, keeps fixed image in position */
 /* background-image:url(images/bg.gif); */
   background:#FFFFFF url(images/bg.gif) repeat-x;
   background-repeat:repeat-x;

  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 12pt;
  margin:20px 100px;
  border:0;
  padding:0;
}


p {
  margin-left: 2px;
}

ul li {
  margin-bottom: 10px;
}

  div.float {
  float: left;
  }

  div.clear {
  clear: both;
  }
  
 /* h1 {
  color: green
  font-weight: bold;
  font-size: 30pt;
  line-height: 14pt;
    font-family: arial;
  font-variant: normal;
  font-style: normal;
}   */

/* styling post */
.thinborder{
  float:left;
  border:solid 1px yellowgreen;
  padding:5px;
  margin-right:5px;
}

.dropcap {
  font: normal 60pt/0.8em georgia,
  helvetica, verdana, arial,
  sans-serif;
  color: yellowgreen;
  margin: 0;
  line-height:80%;
}

.pullout{
  width:30%;
  padding: 10px 10px 10px 20px;
  background-color:yellowgreen;
  color:#f5f5f5;
  float:right;
  font: bold 14pt/1em arial, 
  helvetica, sans-serif;
  text-align: left;
  letter-spacing: 0.05em;
  margin: 1em 0.5em 0.5em 0.5em;
  clear: both;
  border: solid 3px #FFFF99;
}
.pullout[class] {
  width: 25%;
  padding: 10px 10px 10px 25px;
}


/* blockquote styling */
blockquote.withline   {
font-family: arial, courier, monospace;
text-align: justify; padding:5px;
border-left:1px solid yellowgreen;}
  
/* rounded corners */
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; padding: 0 10px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* navigation listamatic*/
#navcontainer
{
width: 12em;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #000000;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #ffffff;
color: #888888;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #C6FF71;
color: #fff;
}
/* Zoom Cloud */

/* Begin Text Shadow */
.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}



#cts {
  position: relative;
  width: 45em;
  height: 3.5em;
  padding: 5%;
  margin: 2.3em auto 0;
}
#cts[id] {
  height: 2em;
  margin: 0 auto;
}

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
#cts h2 {
  position: absolute;
  font-size: 350%;    /* This huge size is just for this experiment */
  font-family : 'Century Gothic', 'Trebuchet MS', Arial, sans-serif;
  color: #000;
  top : 2px;
  left : 2px;
}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
#cts h2 span {
  position: absolute;
  color: #99CC00;
  top: -2px;
  left: -2px;
}

/* -------------End Text Shadow------------- */


/* -------------Begin KosherReview Box------------- */
 #TVwarning {
   width: 175px;
   border: 4px double #CC0000;
   text-align:left;
   padding: 10px;
   font-size: 90%;
 }

  #TVwarning[id] {
   width: 145px;

 }

 #TVwarning[id] p {
   padding:0;
   margin:4px;
 }

 /* -------------JavaScript Discount Box------------- */
/*sample base style for drop in box #1 -- not used */
div.dropinbox{
width:400px;
height:230px;
border:1px solid black;
padding:5px;
background:#e7e7e7;
}

/*sample base style for drop in box #2*/
div.dropinboxaltstyle{
width:300px;
height:420px;
padding:10px;
background:#c7edac;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

/* Basic CSS3 shadow */
.standardshadow{
-webkit-box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
-moz-box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
}


/* Some more "radical" CSS shadows. See http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
.drop-shadow{
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before, .drop-shadow:after{
content:"";
position:absolute;
z-index:-2;
}

.lifted{
-moz-border-radius:4px;
border-radius:4px;
}

.lifted:before, .lifted:after{
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}

.lifted:after{
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
/* -------------JavaScript Discount Box------------- */



/* ------------HELP DESK JS POPUP BOX------------- */
#fadeinbox {   /* stickynote.js */
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: #FFFFA6;
padding: 4px;
z-index: 100;
visibility:hidden;
}
/* ------------HELP DESK POPUP BOX------------- */

#formbutton[id] {
  margin-top: 25px;
}

.green {
  color:green;
  font-weight:normal;
}

/* ------------No JavaScript Art MSG BOX------------- */
#alert {
background: #fff6bf;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
font-weight:bold;
position:absolute;
margin: 0px;
left: 0px;
top: 0px;
}