/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, 
ol, ul, li, dl, dt, dd, td, form, fieldset, a,
#top, #banner  
{
	margin: 0;
	padding: 0;
	border: 0;
}

#cse-search-results iframe 
{ 
	
	border: 1.5em solid #ffffff;
	background-color:#f1f1f1;
}

blockquote {
	margin: .5em 3em 2.5em 1.5em;
	border: 3px solid #D1D1D1; 
	background-color:#ddd;
	font-size:95%;
	padding:1.5em 3em .5em 2em;
}

blockquote img {
	/* border: 2px solid #000000; */
	margin: 3px;
}



blockquote span {
	font-size:85%;
	font-weight:bold;
	color:#252525;
}


/* Set the bg color, default font family and size here. */
body {
  background: #000000 url(../images/bg_turboplay3.jpg) fixed; 	
  font-family:Verdana,Arial,Helvetica, sans-serif;
  font-size:95%;
}

/* Set the color and font for headings. The bottom margin adds space below the heading. */
h1,h2,h3,h4,h5,h6 {
   color: #000;
   font-family: Georgia,"Times New Roman",Times, serif;
   margin-bottom: 0.2em; 
}



h6 {
	color:#FFFFFF;
	font-family:Arial, sans-serif;
	font-size:80%;
}

/* Add a bit of padding below all the paragraphs. */
p { padding-bottom: 1.2em; }



/* No borders on any images.  */ 
img	{ border: none; } 

#fancy img {
	border: 2px solid #252525;
	margin: 3px;
}



/* Links are blue and not underlined. */
a {
	color: #0377a2; /* #0377a2 special blue, #0066FF light blue, #024259 dark hover */
	text-decoration: none;
}

.logo { padding: 10px 0 0 10px; }

/* Visited links are also blue but just a little lighter. */
a:visited  { color: #0377a2; }

/* Hovered links are green and underlined. */
a:hover {
	color:#0066FF;
	text-decoration: underline;
}

/* This div wraps all three columns plus the banner, but doesn't include the footer. */
#top {
  width: 100%;		/* Ensures that we use the entire width of the browser. */
  position:relative;
}

/* This div has the page's H1 and header image. Note the z-index. */
#banner	{
  position:absolute;
  width: 100%;		/* Stretches across the entire width of the browser. */
  background: url(../images/header-bg-squat-bn.gif) right no-repeat;	/* This is the image of the  colored shells (right side). */
  height:175px;		/* Needs to be big enough to show the header image that's in the H1. */
  z-index:400; 		/* This z-index is lower than the maincontent's z-index so that the banner always sits behind the maincontent */
}




ul, ol, li {
	margin: 0 0 0 1em;
	padding:0;
	border:0;
}


/**************************/
/* This is the center div. */
#maincontent {
	position:absolute; 
	width:auto;						/* This causes the width to be liquid. */
	top:125px;						/* -30 The negative top value causes the maincontent div to overlap the banner div. */
	right:30px;
	margin-left:30px; 		/* Make the left and right margins big enough  */
	padding: 2.5em 3.5em 1.5em 4.5em;			/* Add some space between the border and the text. */
	
	background: #F1F1F1 url(../images/maincontent-bg-angle-2.gif) repeat-x top left; /* This is the water image at the top of the main content div. */
	border: 2px solid #252525;
	border-bottom: none;			/* Don't need this border since the footer is also black. */
	z-index:500;					/* This z-index is lower than for the left and right side bars so the main content sits under the side bars. And this z-index is higher than the banner's z-index so the main content is above the banner. */
	/* height: 500px; */ 			/* Specify a height if your sidebar content is longer than your main content. */
}

#maincontent h3 {margin-top:2.5em; font-size:1.7em; padding:0 0 0 40px; background:url(../images/tiny_bison.gif) no-repeat top left;}

#maincontent li  {
	padding:0 0 1em 0;
	
}

/**************************/
/* right sidebar */
#right-sidebar			/* Fixed width, absolutely positioned. Note the z-index. */
{
	/*position:absolute; */
	float:right;
	width:300px; 		/* 1px less than the right margin of main content (1px is the width of the maincontent;'s right border). */
	/* top:199px;   		/* Equal to the heights of banner plus banner's border plus 15 (for extra space above the div). */
	/* right:40px;			/* Div sits right next to the right side. No extra space here. */
	margin: 0px 0px 20px 2.5em;
	border: 3px solid #999999;
	
	background: url(../images/moonscape.gif) no-repeat top right;	
	
	background-color:#CCCCCC;
	padding: 0.9em;		/* Provides space between the border and the text in the div. */
	font-size: 95%;
	/* z-index:600; 		/* This z-index higher than the maincontent's z-index so that the rigth sidebar always always sits above the maincontent. */
}

#right-sidebar li{
	margin:0 0 0 1.5em;
	padding:0;
	border:0;
	list-style-type:square;
	color:#666666; /* #999999 lighter gray */
}

#right-sidebar .heading {
	margin:.75em 0 .25em .25em;
	list-style-type:none;
}

#right-sidebar h3 {color:#252525; margin-top:.9em; font-size:1.6em; padding:0 0 0 .75em; background:url(../images/heart-tiny.gif) no-repeat top left;}


#right-sidebar img {
	float:right;
	padding: 0px 0px 5px 5px;
	}
	

/**************************/
/* The footer div stretches across the page. */
#footer	{
	/*position: relative;
	top: -5px;			/* Needs to be the same value at the top rule for maincontent. */
	/* background-color:#633200; */
	padding: 1em;
	text-align: center;
	color: #999999;
}

/* The images in the footer act as separators for the links. */
#footer img {		
	vertical-align: bottom;
}

/* The footer links are green, and underlined when hovered over. */
#footer a,
#footer a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}

#footer a:hover {
	text-decoration: underline;
}


/**************************/
/* skip link is positioned off the screen, but still allows screen readers to see it */
#skiplinks {
	position: absolute;
  	margin-left: -1000px;
}


.arrow {
	font-size: 70%;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica, sans-serif;
}

/* don't display the title image used for printing */
.printtitle {
	display: none;
}


.floatr img {
	float:right;
	
	padding:0px 10px 6px 10px;
	}
	
.floatl img {
	float:left;
	
	padding:0px 10px 6px 10px;
	}
	
/* .clear {
	float:clear;
	}
*/