/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;

}
#wrapper { 
 margin: 0 auto;
 width: 787px;
}
#header {
 color: #333;
 width: 787px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 138px;
 margin: 0px 0px 0px 0px;
 background-image: url(images/index_07.gif);
}
#navigation {
 float: left;
 width: 767px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/stripe.gif);
}
#navigation a {
font-weight: bold;
color: #fff;
text-decoration: none;
}
#navigation a:hover {
color: #0056D8;
text-decoration: none;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;

 width: 560px;
 float: left;
 background: #F2F2E6;
}

#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding-bottom: 20px;

 width: 198px;
 display: inline;
 background: #000000;
}
#footer { 
 width: 767px;
 clear: both;
 color: #ffffff;
 border: 1px solid #ccc;
 background-image: url(images/stripe.gif);
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#footer a {
 color: #FFFFFF;
 }

#rightcolumn ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 }

#rightcolumn ul a { 
 display: block;
 text-decoration: none;
 background: #0f0f0f;
 color: #fff;
 padding: .2em .5em;
 border-bottom: 1px solid #fff;
 width: 184px;
 }
 
#rightcolumn ul a:hover { 
 background-image: url(images/stripe.gif);
 color: #0056D8;
 }

h1 {
 color: #000;
 font-size: 10pt;
 border-bottom: 1px solid #000;
 margin-bottom: 10px;
} 

blockquote {
 	padding: 5px 5px 5px 5px;  
   	background-image: url(images/bluestripe.gif);
  border: 1px solid #252525;
	color: #fff;
}

div.notice {
 	padding: 5px 5px 5px 5px;  
   	background: #0F0F0F;
  border-top: 4px solid #252525;
  border-bottom: 4px solid #252525;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: arial;
}

#leftcolumn a {
 color: #0056D8;
 font-weight: bold;
} 
#leftcolumn a:hover {
 color: #aaa;
} 

.floatleft
{
float: left;
margin-right: 8px;
}

#rightcolumn img { 
	background: #0f0f0f;
   border: 1px solid #252525;
	padding: 5px;	
}
#rightcolumn img:hover { 
 background-image: url(images/bluestripe.gif);
   border: 1px solid #252525;
	padding: 5px;	
}

#leftcolumn img { 
	background: #999;
   border: 1px solid #333;
	padding: 0px;	
}

#leftcolumn img:hover { 
 background-image: url(images/stripe.gif);
   border: 1px solid #333;
	padding: 0px;	
}

.twocols {
}

.twocols .col1 {
	float: left;
	width: 265px;
}

.twocols .col2 {
	float: right;
	width: 265px;
}

tr.d0 td {
	background-color: #141414; color: black; width: 255px; padding: 3px;
}
tr.d1 td {
	background-image: url(http://circlesshow.com/images/stripe.gif); padding: 3px;
}
tr.d2 td {
	background-color: #141414; color: black; width: 100%; 
}
tr.d3 td {
	background-color: #252525; color: black; width: 100%; 
}
tr.d4 td {
	background-image: url(http://circlesshow.com/images/stripe.gif); padding: 3px; width: 560px;
}
tr.d5 td {
	background-color: #141414; color: black; width: 560px; padding: 3px;
}
tr.d6 td {
	background-color: #000; padding: 3px;
}